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.
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: