Get by id in IE?

Status
Niet open voor verdere reacties.
J

jorants

Gebruiker
Lid geworden
22 mei 2006
Berichten
105
Hoi allemaal,

Ik heb een paar dagen geleden een vraag gestelt in het CSS forum en daar bleek een javascriptje voor nodig te zijn.
Nu werkt dat allemaal heel goed net als de andere scriptjes op mijn pagina behalve als ik de pagina in IE open....
Nu gebruiken al mijn scriptjes een getElementByID functie om dingen te doen en ik denk dat het daar aan ligt, zou het kunnen dat die anders reageert ijn IE dan in andere browsers?(firefox, netscape en opera werken wel)
En zo ja, hoe is dit te verhelpen?

groetjes en alvast bedankt,

Joran

EDIT: ik denk dat dit wat te vaag is en niet echt het punt, ik heb het volgende script wat niet werkt, en ik kan de fout maar niet vinden....
[JS]
<html>
<style>
*{
margin-right:auto;margin-left:auto;
paddin: 0;
border:0;
text-align:center;
}
body{
overflow:hidden;
}
td{
width:114px;
text-align:center;
}
#menuimg{
z-index:-1;
position: absolute;
left:0;
}
#kop1,#kop2,#kop3,#kop4,#kop5,#kop6,#kop7{
color:white;
}
table{
z-index:10;
}
</style>
<script>
function tab(t)
{
document.getElementById('menuimg').src = "img/menu/" + t + ".png";
for (i=1;i<=7;i++)
{
var id = "link" + i;
var obj = document.getElementById(id);
if (i==t)
{
obj.style.color = "white";
}
else
{
obj.style.color = "black";
}
}
if (t==1)
{
document.getElementById('kop1').innerHTML = 'Test';
document.getElementById('kop2').innerHTML = 'Test';
document.getElementById('kop3').innerHTML = 'Test';
document.getElementById('kop4').innerHTML = 'Test';
document.getElementById('kop5').innerHTML = 'Test';
document.getElementById('kop6').innerHTML = 'Test';
document.getElementById('kop7').innerHTML = 'Test';
}
if (t==2)
{
document.getElementById('kop1').innerHTML = 'Test';
document.getElementById('kop2').innerHTML = 'Test';
document.getElementById('kop3').innerHTML = 'Test';
document.getElementById('kop4').innerHTML = 'Test';
document.getElementById('kop5').innerHTML = 'Test';
document.getElementById('kop6').innerHTML = 'Test';
document.getElementById('kop7').innerHTML = 'Test';
}
if (t==3)
{
document.getElementById('kop1').innerHTML = 'Test';
document.getElementById('kop2').innerHTML = 'Test';
document.getElementById('kop3').innerHTML = 'Test';
document.getElementById('kop4').innerHTML = 'Test';
document.getElementById('kop5').innerHTML = 'Test';
document.getElementById('kop6').innerHTML = 'Test';
document.getElementById('kop7').innerHTML = 'Test';
}
if (t==4)
{
document.getElementById('kop1').innerHTML = 'Test';
document.getElementById('kop2').innerHTML = 'Test';
document.getElementById('kop3').innerHTML = 'Test';
document.getElementById('kop4').innerHTML = 'Test';
document.getElementById('kop5').innerHTML = 'Test';
document.getElementById('kop6').innerHTML = 'Test';
document.getElementById('kop7').innerHTML = 'Test';
}
if (t==5)
{
document.getElementById('kop1').innerHTML = 'Test';
document.getElementById('kop2').innerHTML = 'Test';
document.getElementById('kop3').innerHTML = 'Test';
document.getElementById('kop4').innerHTML = 'Test';
document.getElementById('kop5').innerHTML = 'Test';
document.getElementById('kop6').innerHTML = 'Test';
document.getElementById('kop7').innerHTML = 'Test';
}
if (t==6)
{
document.getElementById('kop1').innerHTML = 'Test';
document.getElementById('kop2').innerHTML = 'Test';
document.getElementById('kop3').innerHTML = 'Test';
document.getElementById('kop4').innerHTML = 'Test';
document.getElementById('kop5').innerHTML = 'Test';
document.getElementById('kop6').innerHTML = 'Test';
document.getElementById('kop7').innerHTML = 'Test';
}
if (t==7)
{
document.getElementById('kop1').innerHTML = 'Test';
document.getElementById('kop2').innerHTML = 'Test';
document.getElementById('kop3').innerHTML = 'Test';
document.getElementById('kop4').innerHTML = 'Test';
document.getElementById('kop5').innerHTML = 'Test';
document.getElementById('kop6').innerHTML = 'Test';
document.getElementById('kop7').innerHTML = 'Test';
}


}
</script>

<body>
<div align="center" style="position: relative; height:100px; width:800px; "><img src="img/banner.png"></img></div>
<div style="position: relative; height:50px; width:800px; ">
<img id="menuimg" src="img/menu/1.png"></img>
<table width="800px"><tr>
<td id="link1" style="color:white;"><a onMouseOver="tab(1);return true;">home</a></td>
<td id="link2" style="color:black;"><a onMouseOver="tab(2);return true;">rubrieken</a></td>
<td id="link3" style="color:black;"><a onMouseOver="tab(3);return true;">overzicht</a></td>
<td id="link4" style="color:black;"><a onMouseOver="tab(4);return true;">Climaxen</a></td>
<td id="link5" style="color:black;"><a onMouseOver="tab(5);return true;">MLA TV</a></td>
<td id="link6" style="color:black;"><a onMouseOver="tab(6);return true;">contact</a></td>
<td id="link7" style="color:black;"><a onMouseOver="tab(7);return true;">acount</a></td>

</tr>
<tr>

<td id="kop1">home</td>
<td id="kop2">rubrieken</td>
<td id="kop3">overzicht</td>
<td id="kop4">Climaxen</td>
<td id="kop5">MLA TV</td>
<td id="kop6">contact</td>
<td id="kop7">acount</td>

</tr></table></div>
<a name="end"><a/></body></html>
[/JS]

de bedoeling is dat zowel de tekst in de tweede rij van de tabel verandert als de kleur er van. dit werkt perfect in firefox maar totaal niet in IE.
 
Laatst bewerkt:
je MOET een correcte document-opmaak hebben... ofwel:
HTML: 
<html>

   <head>
      <!-- style en (eventueel) scripts -->
   </head>

   <body>
      <!-- hier alle body-html-code, en als allerlaatst eventueel scripts -->
   </body>

</html>
. Jou pagina klopt helemaal niet volgens deze structuur.
 
inderdaad, tanx, ik mis de head tags...
heb het net verbeterd maar het werk nog steeds niet in IE, raar genoeg wel in alle andere browsers (chrome nog niet getest....)
 
dat komt omdat IE een #*(*^&# browser is.



[edit]wat is de foutmelding? En, post je volledige code nu eens?[/edit]
 
ik ben het zeker met je eens over dat eerste :p al kan IE daar weinig aan doen, het is gewoon door de verkeerde mensen gemaakt.....

maar ontopic:
mijn site staat zoals hij tot nu toe in elkaar zit (het is nog bar weinig) op een belachelijk trage host:
http://declimax.pcriot.com/
het betreffende menuutje (één van de frames): http://declimax.pcriot.com/menu.html

werkt goed in alle brouwers behalve IE, daar doet hij simpelweg niks bij mouseover
 
In IE 8 werkt het veranderen van de tekst prima.

Dat betekend dat obj.style.color = "white"; het probleem is.

Ik weet alleen ook niet hoe dit op te lossen is.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan