• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Interaktive Buttons, aber da stimmt was mit dem Quelltext nicht

THEXUL

New member
Hi
Ich habe zum ersten mal versucht Java programmieren, hab einen Script aus nem Buch genommen, da stimmt aber was nicht, könnt ihr mir bitte sagen was???

<html>
<head>

<title>Übungsdatei</title>

<script language="javascript">

<!--
Browsertyp=parseInt(navigator.appVersion);
Browser=false;
ie3=false;
ie4=false;
ns4=false;
if (navigator.appName== "Netscape")
{if (Browsertyp>=4)
{Browser=true;
ns4=true;
}}
else
{if (Browsertyp>=4)
{ie4=true;
Browser=true;
}
else
{if (Browsertyp==3)
{ie3=true;}
}}}

Bild=new Array();
Bildnummer=0;
Quelle=0
function bildpreload(n,f)
{if (Browser)
{Bild[Bildnummer]=new Array(4);
Bild[Bildnummer][0]=new Image();
Bild[Bildnummer][0].src= f+" .gif";
Bild[Bildnummer][1]=new Image();
Bild[Bildnummer][1].src= f+"_2.gif";
Bild[Bildnummer][2]=new Image();
Bild[Bildnummer][2].src= f+"_3.gif";
Bild[Bildnummer][3]=n;
Bildnummer ++;
}}

function on(aktuell)
{if (Browser)
{for (var i = 0; i <= Bildnummer; i++)
{if (Bild[3]==aktuell)
{document.images[Bild[3]].src=Bild[1].src;
Quelle=i;
i=Bildnummer;
}}}}
function off()
{if (Browser)
{document.images[Bild[Quelle][3]].src = Bild[Quelle][0].src;
}}
function click(aktuell)
{if (Browser)
{for (var i = 0; i <= Bildnummer; i++)
{if (Bild[3]==aktuell)
{if (navigator.appName!="Netscape")
{document.anchors(Bild[3].blur();}
document.images[Bild[3]].src=Bild[2].src;
t=setTimeout('off()', 500;
Quelle=i; i=Bildnummer;
}}}
if (aktuell=='bild1')
{ document.location="http://members.tripod.de/TheDarkLux/Startseite.html";}
if (aktuell=='bild2')
{ document.location="http://members.tripod.de/TheDarkLux/Spiel.html";}

bildpreload ("bild1","menu");
bildpreload ("bild2","html");
bildbreload ("bild3",css");
bildprelaod ("bild4","js");
bildpreload ("bild5","java");

//-->

</script>

</head>

<body>

<table widht="100%" border="0" height="323">

<tr>
<td width="19%" height="37" bgcolor="#000000"> </td>
<td width="81%" height="37" bgcolor="#C0C0C0">
<h1>Menü</h1>
</td>
</tr>

<tr>
<td width="19%" bgcolor="#808080">
<name="bild1" href="java script:click('bild1')"
onmouseover="on('bild1';" onmouseout="off();">
<img src="Leitbild.gif" align="middle" border="2" name="bild1" />
</a><br />
Und so weiter
</td>
<td width="81%" bgcolor="#DADADA">
<p>Willkommen auf dieser Webseite. Wir haben hier verschiedene Themen zusammengestellt, die Sie einfach über die Schalter auf der linken Seite auswählen können</p>
</td>
</tr>
</table>

</body>

</html>
 
erstel dir zwei gif's on.gif und off.gif pack die in ein unterordne images



Code:
<html><head><title>Oleg</title><meta http-equiv="Content-Type" content="text/html;"><script language="JavaScript"><!--  var S=0; function bildOver (A,B)  {    if (A==S) {  ;}   else {  window.document.images["nb_"+A].src="images/"+B+".gif"; }  }   function bildclick (C)   {   if(S!=C){  	window.document.images["nb_"+S].src="images/off.gif"; }	else { ; }	S=C;}//--></script></head><body bgcolor="#FFFFFF" topmargin=0 leftmargin=0 marginwidth="0" marginheight="0"><table width="180" border="0" height="283" cellpadding="0" cellspacing="0">  <tr>     <td> <img src="images/on.gif" width="20" height="10" border="0" align="left" name="nb_0" vspace="2" hspace="3">       <a href="#" onMouseOver="bildOver ('0','on');"	onMouseOut="bildOver ('0','off');" onClick="bildclick  ('0');">       Homepage</a><br>      <img src="images/off.gif" width="20" height="10" border="0" align="left" name="nb_1" vspace="2" hspace="3">       <a href="#" onMouseOver="bildOver ('1','on');"	onMouseOut="bildOver ('1','off');" onClick="bildclick  ('1');">       Straniza 1</a><br>      <img src="images/off.gif" width="20" height="10" border="0" align="left" name="nb_2" vspace="2" hspace="3">       <a href="#" onMouseOver="bildOver ('2','on');"	onMouseOut="bildOver ('2','off');" onClick="bildclick  ('2');">       Straniza 2</a><br>      <img src="images/off.gif" width="20" height="10" border="0" align="left" name="nb_3" vspace="2" hspace="3">       <a href="#" onMouseOver="bildOver ('3','on');"	onMouseOut="bildOver ('3','off');" onClick="bildclick  ('3');">       Support</a><br>      <img src="images/off.gif" width="20" height="10" border="0" align="left" name="nb_4" vspace="2" hspace="3">       <a href="#" onMouseOver="bildOver ('4','on');"	onMouseOut="bildOver ('4','off');" onClick="bildclick  ('4');">       Novosti</a><br>      <img src="images/off.gif" width="20" height="10" border="0" align="left" name="nb_5" vspace="2" hspace="3">       <a href="#" onMouseOver="bildOver ('5','on');"	onMouseOut="bildOver ('5','off');" onClick="bildclick  ('5');">       Partner</a><br>      <br>      <img src="images/off.gif" width="20" height="10" border="0" align="left" name="nb_6" vspace="2" hspace="3">       <a href="#" onMouseOver="bildOver ('6','on');"	onMouseOut="bildOver ('6','off');" onClick="bildclick  ('6');">       Assistente</a><br>      <br>      <img src="images/off.gif" width="20" height="10" border="0" align="left" name="nb_7" vspace="2" hspace="3">       <a href="#" onMouseOver="bildOver ('7','on');"	onMouseOut="bildOver ('7','off');" onClick="bildclick  ('7');">       O nas</a><br>      <img src="images/off.gif" width="20" height="10" border="0" align="left" name="nb_8" vspace="2" hspace="3">       <a href="#" onMouseOver="bildOver ('8','on');"	onMouseOut="bildOver ('8','off');" onClick="bildclick  ('8');">       Aktuell</a><br>      <img src="images/off.gif" width="20" height="10" border="0" align="left" name="nb_9" vspace="2" hspace="3">       <a href="#" onMouseOver="bildOver ('9','on');"	onMouseOut="bildOver ('9','off');" onClick="bildclick  ('9');">       Job</a><br>      <img src="images/off.gif" width="20" height="10" border="0" align="left" name="nb_10" vspace="2" hspace="3">       <a href="#" onMouseOver="bildOver ('10','on');"	onMouseOut="bildOver ('10','off');" onClick="bildclick  ('10');">       Kontakt</a> </td>  </tr></table></body></html>
[code]
 
Zurück
Oben