HTML interesse |
|
ik heb een menu waarbij als ik op een button click het plaatje ernaast een rollover moet geven enigste probleem ze staan niet bij elkaar in 1 tabel iemand ideeen of suggesties
dit is de code let niet op de 2 x onclick ik weet ervan
<SCRIPT LANGUAGE="JavaScript">
<!--
function Navigateur(){
if (navigator.appName.indexOf("Netscape") > -1) {return "Netscape";}
if (navigator.appName.indexOf("Explorer") > -1) {return "Explorer";}
return "Unknown";
}
var a
a= new Array();
a[0]=new Image;
a[0].src="Images/header-links.jpg";
a[1]=new Image;
a[1].src="Images/link-links.jpg";
a[2]=new Image;
a[2].src="Images/header-rechts.jpg";
a[3]=new Image;
a[3].src="Images/link-rechts.jpg";
function roll(img,nb) {
eval("img.src=a["+nb+"].src");
}
function trans(img,nb){
if (Navigateur() == "Explorer") {
img.filters[0].apply();
eval("img.src=a["+nb+"].src");
img.filters[0].play();
} else {
eval("img.src=a["+nb+"].src");
}
}
function makevisible(img,flag){
if (flag==0) img.filters.alpha.opacity=100
else img.filters.alpha.opacity=50
}
</script>
</head>
<body width="615" height="95" class="header">
<table cellspacing="0" cellpading="0" border="0">
<tr height="20" class="header">
<td width="49"></td>
<td width="39"></td>
<td width="49" valign="middle"><a href="Asp/freetext.asp?intFreeTextId=131" target="content">Werkterrein</a></td>
<td width="45"></td>
<td width="49" valign="middle">Voor wie</td>
<td width="55"></td>
<td width="49" valign="middle">Missie</td>
<td width="35"></td>
<td width="49" valign="middle"><a href="Asp/freetext.asp?intFreeTextId=133" target="content">Opdrachten</a></td>
<td width="49"></td>
<td width="49"></td>
<td width="49"></td>
</tr>
</table>
<table cellspacing="0" cellpading="0" border="0">
<tr>
<td><img src="Images/header-links.jpg"></td>
<td><img src="Images/header-rechts.jpg"></td>
<td><a href="Asp/freetext.asp?intFreetextId=131" target="content" onclick="roll(img1,1)"; onclick="roll(img1,0)"><img name="img1" src="Images/header-links.jpg" border="0"></td>
<td><a href="Asp/freetext.asp?intFreeTextId=132" target="content" onclick="roll(img3,3)"; onclick="roll(img3,2)"><img name="img3" src="Images/header-rechts.jpg" border="0"></td>
<td><img src="Images/header-links.jpg"></td>
<td><img src="Images/header-rechts.jpg"></td>
<td><img src="Images/header-links.jpg"></td>
<td><img src="Images/header-rechts.jpg"></td>
<td><a href="Asp/freetext.asp?intFreeTextId=133" target="content" onclick="roll(img1,1)"; onclick="roll(img1,0)"><img name="img2" src="Images/header-links.jpg" border="0"></td>
<td><img src="Images/header-rechts.jpg"></td>
<td><img src="Images/header-links.jpg"></td>
<td><img src="Images/header-rechts.jpg"></td>
</tr>
<SCRIPT LANGUAGE="JavaScript"> <!-- function Navigateur(){ if (navigator.appName.indexOf("Netscape") > -1) {return "Netscape";} if (navigator.appName.indexOf("Explorer") > -1) {return "Explorer";} return "Unknown"; } var a a[0]=new Image; a[0].src="Images/header-links.jpg"; a[1]=new Image; a[1].src="Images/link-links.jpg"; a[2]=new Image; a[2].src="Images/header-rechts.jpg"; a[3]=new Image; a[3].src="Images/link-rechts.jpg"; function roll(img,nb) { eval("img.src=a["+nb +"].src"); } function trans(img,nb){ if (Navigateur() == "Explorer") { img.filters[0].apply(); eval("img.src=a["+nb +"].src"); img.filters[0].play(); } else { eval("img.src=a["+nb +"].src"); } } function makevisible(img,flag){ if (flag==0) img.filters.alpha.opacity=100 else img.filters.alpha.opacity=50 } </script> </head> <body width="615" height="95" class="header"> <table cellspacing="0" cellpading="0" border="0"> <tr height="20" class="header"> <td width="49"></td> <td width="39"></td> <td width="49" valign="middle"><a href="Asp/freetext.asp?intFreeTextId=131" target="content">Werkterrein</a></td> <td width="45"></td> <td width="49" valign="middle">Voor wie</td> <td width="55"></td> <td width="49" valign="middle">Missie</td> <td width="35"></td> <td width="49" valign="middle"><a href="Asp/freetext.asp?intFreeTextId=133" target="content">Opdrachten</a></td> <td width="49"></td> <td width="49"></td> <td width="49"></td> </tr> </table> <table cellspacing="0" cellpading="0" border="0"> <tr> <td><img src="Images/header-links.jpg"></td> <td><img src="Images/header-rechts.jpg"></td> <td><a href="Asp/freetext.asp?intFreetextId=131" target="content" onclick="roll(img1,1)"; onclick="roll(img1,0)"><img name="img1" src="Images/header-links.jpg" border="0"></td> <td><a href="Asp/freetext.asp?intFreeTextId=132" target="content" onclick="roll(img3,3)"; onclick="roll(img3,2)"><img name="img3" src="Images/header-rechts.jpg" border="0"></td> <td><img src="Images/header-links.jpg"></td> <td><img src="Images/header-rechts.jpg"></td> <td><img src="Images/header-links.jpg"></td> <td><img src="Images/header-rechts.jpg"></td> <td><a href="Asp/freetext.asp?intFreeTextId=133" target="content" onclick="roll(img1,1)"; onclick="roll(img1,0)"><img name="img2" src="Images/header-links.jpg" border="0"></td> <td><img src="Images/header-rechts.jpg"></td> <td><img src="Images/header-links.jpg"></td> <td><img src="Images/header-rechts.jpg"></td> </tr>
|