Autor |
Nachricht |
-
zwoelf
|
29.05.2007 um 14:10 (UTC) Titel: script Problem |
|
|
Hi ich habe da so ein JavaScript gefunden, den wollte ich einbauen, aber dann verdeckt er aber die Werbung! Jetzt wollte ich ihn ander Positionieren aber es geht nicht. Kann mir einer sagen wo ich das machen muss?
<div style="position:absolute;top:300;left:300">
<script type="text/javascript">
/*
3D Spin Menu- By Petre Stefan (http://www.eyecon.ro)
*/
eye={p:0,x:0,y:0,w:0,h:0,r:0,v:0,s:0,isVertical:0,a1:0,a2:0,a3:0,color:'#ffffff',colorover:'#ffffff',backgroundcolor:'#0099ff',backgroundcolorover:'#000000',bordercolor:'#000000',fontsize:12,fontfamily:'Arial',pas:0,spinmenu:function(){this.p=this.r/this.s;this.a1=this.a2=this.isVertical?0:Math.PI/2},spinmenuitem:function(a7,a6,a5){a4=" onclick='window.open(\""+a6+"\""+(a5?(",\""+a5+"\""):",\"_self\"")+")'";document.write("<div id='spinmenu"+this.a3+"' style='cursor:pointer;cursor:expression(\"hand\");position:absolute;width:"+this.w+"px;left:"+this.h+"px;"+"background-color:"+this.backgroundcolor+";color:"+this.color+";border:1px solid "+this.bordercolor+";font:normal "+this.fontsize+"px "+this.fontfamily+";text-align:center;cursor:default;z-Index:1000;' onmouseover='this.style.color=\""+this.colorover+"\";this.style.backgroundColor=\""+this.backgroundcolorover+"\"'"+ "onmouseout='this.style.color=\""+this.color+"\";this.style.backgroundColor=\""+this.backgroundcolor+"\"'"+a4+">"+a7+"</div>");this.a3++},muta:function(){a8=document.getElementById("controale");for(i=0;i<this.a3;i++){a9=document.getElementById("spinmenu"+i+"");a9s=a9.style;if(this.isVertical){xi=parseInt(this.r*Math.cos(this.a1+i*this.pas))/this.s;yi=parseInt(this.r*Math.sin(this.a1+i*this.pas));a10=(this.p+xi)/(2*this.p);a11=this.fontsize*(this.p+xi)/(2*this.p)+2;a12=parseInt(100*(this.p+xi)/(2*this.p))}else{xi=parseInt(this.r*Math.cos(this.a1+i*this.pas));yi=parseInt(this.r*Math.sin(this.a1+i*this.pas))/this.s;a10=(this.p+yi)/(2*this.p);a11=this.fontsize*(this.p+yi)/(2*this.p)+2;a12=parseInt(100*(this.p+yi)/(2*this.p))};a13=(this.w-20)*a10+20;a14=(this.h-20)*a10+10;a9s.top=(yi+this.y-a14/2)+"px";a9s.left=(xi+this.x-a13/2)+"px";a9s.width=a13+"px";a9s.fontSize=a11+"px";a9s.zIndex=a12};a8.style.top=this.y+(this.isVertical?this.r:this.p)+this.h/2+6;a8.style.left=this.x-a8.offsetWidth/2;if(this.a1!=this.a2){this.a1=(this.a1>this.a2)?(this.a1-this.pas/this.v):(this.a1+this.pas/this.v);if(Math.abs(this.a1-this.a2)<this.pas/this.v)
this.a1=this.a2;setTimeout("eye.muta()",10)}},spinmenuclose:function(){this.pas=2*Math.PI/this.a3;document.write('<div id="controale" style="position:absolute"><button type="" onclick="eye.a2+=eye.pas;eye.muta()" onfocus="this.blur()"><<</button> <button type="" onclick="eye.a2-=eye.pas;eye.muta()" onfocus="this.blur()">>></button></div>');eye.muta()}};
function getposOffset(what, offsettype)
{
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null)
{
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft :totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
eye.isVertical = 0; //if it's vertical or horizontal [0|1]
eye.x = 150; // x offset from point of insertion on page
eye.y = 0; // y offset from point of insertion on page
eye.w = 150; // item's width
eye.h = 30; // height
eye.r = 100; // menu's radius
eye.v = 20; // velocity
eye.s = 4; // scale in space (for 3D effect)
eye.color = '#ffffff'; // normal text color
eye.colorover = '#ffffff'; // mouseover text color
eye.backgroundcolor = 'blue'; // normal background color
eye.backgroundcolorover = 'gold'; // mouseover background color
eye.bordercolor = '#000000'; // border color
eye.fontsize = 12; // font size
eye.fontfamily = 'Arial'; //font family
if (document.getElementById)
{
document.write('<div id="spinanchor" style="height:'+eval(eye.h+20)+'"></div>')
eye.anchor=document.getElementById('spinanchor')
eye.spinmenu();
eye.x+=getposOffset(eye.anchor, "left") //relatively position it
eye.y+=getposOffset(eye.anchor, "top") //relatively position it
//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("login","http://www.zwoelf.de.tl/login.htm");
eye.spinmenuitem("mein Dorf","http://www.zwoelf.de.tl/Das-ist-Kenzingen.htm");
eye.spinmenuitem("Love Meter","http://www.zwoelf.de.tl/Love-Meter.htm");
eye.spinmenuitem("Umfragen","http://www.zwoelf.de.tl/UMFRAGE.htm");
eye.spinmenuitem("Gästebuch","http://www.zwoelf.de.tl/G.ae.stebuch.htm");
eye.spinmenuitem("Michael Jackson Game","http://www.zwoelf.de.tl/Michael-Jackson-Skater-.htm");
eye.spinmenuitem("Home","http://www.zwoelf.de.tl/Home.htm");
eye.spinmenuclose();
}
</script>
</div> |
|
↑
|
|
|
-
zwoelf
|
29.05.2007 um 17:35 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
29.05.2007 um 17:47 (UTC) Titel: |
|
|
Klingt jetzt blöd, aber das Rote ist wichtig
Zitat:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
</head>
<body>
<div style="position:absolute;top:50;left:100">
<script type="text/javascript">
/*
3D Spin Menu- By Petre Stefan (http://www.eyecon.ro)
*/
eye={p:0,x:0,y:0,w:0,h:0,r:0,v:0,s:0,isVertical:0,a1:0,a2:0,a3:0,color:'#ffffff',colorover:'#ffffff',backgroundcolor:'#0099ff',backgroundcolorover:'#000000',bordercolor:'#000000',fontsize:12,fontfamily:'Arial',pas:0,spinmenu:function(){this.p=this.r/this.s;this.a1=this.a2=this.isVertical?0:Math.PI/2},spinmenuitem:function(a7,a6,a5){a4=" onclick='window.open(\""+a6+"\""+(a5?(",\""+a5+"\""):",\"_self\"")+")'";document.write("<div id='spinmenu"+this.a3+"' style='cursor:pointer;cursor:expression(\"hand\");position:absolute;width:"+this.w+"px;left:"+this.h+"px;"+"background-color:"+this.backgroundcolor+";color:"+this.color+";border:1px solid "+this.bordercolor+";font:normal "+this.fontsize+"px "+this.fontfamily+";text-align:center;cursor:default;z-Index:1000;' onmouseover='this.style.color=\""+this.colorover+"\";this.style.backgroundColor=\""+this.backgroundcolorover+"\"'"+ "onmouseout='this.style.color=\""+this.color+"\";this.style.backgroundColor=\""+this.backgroundcolor+"\"'"+a4+">"+a7+"</div>");this.a3++},muta:function(){a8=document.getElementById("controale");for(i=0;i<this.a3;i++){a9=document.getElementById("spinmenu"+i+"");a9s=a9.style;if(this.isVertical){xi=parseInt(this.r*Math.cos(this.a1+i*this.pas))/this.s;yi=parseInt(this.r*Math.sin(this.a1+i*this.pas));a10=(this.p+xi)/(2*this.p);a11=this.fontsize*(this.p+xi)/(2*this.p)+2;a12=parseInt(100*(this.p+xi)/(2*this.p))}else{xi=parseInt(this.r*Math.cos(this.a1+i*this.pas));yi=parseInt(this.r*Math.sin(this.a1+i*this.pas))/this.s;a10=(this.p+yi)/(2*this.p);a11=this.fontsize*(this.p+yi)/(2*this.p)+2;a12=parseInt(100*(this.p+yi)/(2*this.p))};a13=(this.w-20)*a10+20;a14=(this.h-20)*a10+10;a9s.top=(yi+this.y-a14/2)+"px";a9s.left=(xi+this.x-a13/2)+"px";a9s.width=a13+"px";a9s.fontSize=a11+"px";a9s.zIndex=a12};a8.style.top=this.y+(this.isVertical?this.r:this.p)+this.h/2+6;a8.style.left=this.x-a8.offsetWidth/2;if(this.a1!=this.a2){this.a1=(this.a1>this.a2)?(this.a1-this.pas/this.v):(this.a1+this.pas/this.v);if(Math.abs(this.a1-this.a2)<this.pas/this.v)
this.a1=this.a2;setTimeout("eye.muta()",10)}},spinmenuclose:function(){this.pas=2*Math.PI/this.a3;document.write('<div id="controale" style="position:absolute"><button type="" onclick="eye.a2+=eye.pas;eye.muta()" onfocus="this.blur()"><<</button> <button type="" onclick="eye.a2-=eye.pas;eye.muta()" onfocus="this.blur()">>></button></div>');eye.muta()}};
function getposOffset(what, offsettype)
{
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null)
{
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft :totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
eye.isVertical = 0; //if it's vertical or horizontal [0|1]
eye.x = 0; // x offset from point of insertion on page
eye.y = 0; // y offset from point of insertion on page
eye.w = 150; // item's width
eye.h = 30; // height
eye.r = 100; // menu's radius
eye.v = 20; // velocity
eye.s = 2; // scale in space (for 3D effect)
eye.color = '#ffffff'; // normal text color
eye.colorover = '#ffffff'; // mouseover text color
eye.backgroundcolor = 'blue'; // normal background color
eye.backgroundcolorover = 'gold'; // mouseover background color
eye.bordercolor = '#000000'; // border color
eye.fontsize = 12; // font size
eye.fontfamily = 'Arial'; //font family
if (document.getElementById)
{
document.write('<div id="spinanchor" style="height:'+eval(eye.h+20)+'"></div>')
eye.anchor=document.getElementById('spinanchor')
eye.spinmenu();
eye.x+=getposOffset(eye.anchor, "left") //relatively position it
eye.y+=getposOffset(eye.anchor, "top") //relatively position it
//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("login","http://www.zwoelf.de.tl/login.htm");
eye.spinmenuitem("mein Dorf","http://www.zwoelf.de.tl/Das-ist-Kenzingen.htm");
eye.spinmenuitem("Love Meter","http://www.zwoelf.de.tl/Love-Meter.htm");
eye.spinmenuitem("Umfragen","http://www.zwoelf.de.tl/UMFRAGE.htm");
eye.spinmenuitem("Gästebuch","http://www.zwoelf.de.tl/G.ae.stebuch.htm");
eye.spinmenuitem("Michael Jackson Game","http://www.zwoelf.de.tl/Michael-Jackson-Skater-.htm");
eye.spinmenuitem("Home","http://www.zwoelf.de.tl/Home.htm");
eye.spinmenuclose();
}
</script>
</div> |
|
↑
|
|
|
-
zwoelf
|
29.05.2007 um 18:01 (UTC) Titel: |
|
|
Ja danke werde es jetzt mal versuchen ob es geht. Danke mal, wenn es nicht geht meld ich mich nochmal! |
|
↑
|
|
|
-
zwoelf
|
29.05.2007 um 18:05 (UTC) Titel: |
|
|
Zuletzt bearbeitet von zwoelf am 29.05.2007, 19:18, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
zwoelf
|
29.05.2007 um 18:54 (UTC) Titel: |
|
|
Ich glaube das es so geht, oder was sagst du? Also kann dann geschlossen werden glaube ich mal!!! Danke mal wieder an dich coolplace
Zuletzt bearbeitet von zwoelf am 29.05.2007, 19:55, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
29.05.2007 um 19:51 (UTC) Titel: |
|
|
Ist wie bei mir
Muss also gut sein |
|
↑
|
|
|
|