3D Spin Menue geht nur im IE - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > 3D Spin Menue geht nur im IE

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > 3D Spin Menue geht nur im IE

Pages: [1]

geschrieben von Devilsmom am 11.04.2010 - 14:26

hallo ich hoffe auf hilfe. Habe das 3D Spin Menue in meine Page eingearbeitet und auch das Design und die Position angepasst.
Leider sitzt es aber nur im IE an der richtigen Stelle.
Ich poste hier mal meinen Code und die dazugehörige Adresse rein. Vllt kann mir ja jemand flux helfen.

<div style="position:absolute;top:10;left:10">
<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

ointer;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 = 30; // x offset from point of insertion on page
eye.y = -150; // y offset from point of insertion on page
eye.w = 180; // item's width
eye.h = 80; // height
eye.r = 200; // menu's radius
eye.v = 30; // velocity
eye.s = 6; // scale in space (for 3D effect)
eye.color = '#ffcc66'; // normal text color
eye.colorover = '#ffcc66'; // mouseover text color
eye.backgroundcolor = '#343724'; // normal background color
eye.backgroundcolorover = 'ffcc66'; // mouseover background color
eye.bordercolor = '#343724'; // border color
eye.fontsize = 14; // font size
eye.fontfamily = 'Verdana'; //font family

if (document.getElementById)
{
document.write('<div id="spinanchor" style="height:'+eval(eye.h+10)+'"></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("Home","http://www.javarea.de/");
eye.spinmenuitem("Gilden","http://www.javarea.de/index.php3?opencat=Javascript");
eye.spinmenuitem("Logbuch","http://www.javarea.de/index.php3?opencat=Javaapplet");
eye.spinmenuitem("Kontakt","http://www.javarea.de/index.php3?opencat=Javtool");
eye.spinmenuitem("Impressum","http://www.javarea.de/index.php3?opencat=Javagames");
eye.spinmenuitem("Bilder","http://www.javarea.de/index.php3?opencat=xhtml-css");
eye.spinmenuitem("Allypost","http://www.javarea.de/index.php3?opencat=PHP");
eye.spinmenuclose();
}
</script>

http://tssallianz.ts.funpic.de/alli/index2.html

lg Devilsmom

geschrieben von Devilsmom am 15.04.2010 - 18:59

halllooooooooo kann mir hier wirklich keiner helfen????

bitte bitte brauche dringend hilfe

geschrieben von Devilsmom am 16.04.2010 - 19:31

hmmm viel hilfe bekommt man hier aber nicht :-(

geschrieben von Danny am 19.04.2010 - 10:04

Hallo
ich habe mir die Seite angesehen. Auf Anhieb konnte ich alledings nicht die Ursache des Problems feststellen. Du hast sehr sehr viele verschachtelte Tabellen im Code, sind die denn alle notwendig ?
Versuche den Fehler einzugrenzen indem du mal das Iframe herausnimmst und schaust wo das Javascript angezeigt wird.

Gruß

geschrieben von Devilsmom am 19.04.2010 - 17:57

hallo es ist ja prima das mir aml jemand antwortet, doch leider hat das auch nichts bewirkt mit dem iframe.
die tabellen habe ich durch das design. aber das dürfte ja nichts ausmachen...im IE funz ja alles.

würde mich also über weitere tipps freuen.

lg devilsmom