Fragen zu "Event-Handler" und "JavaScript"

MacMo

MacMo

Aktives Mitglied
Thread Starter
Dabei seit
27.08.2004
Beiträge
1.011
Reaktionspunkte
83
Hi,
ich hab' mir ein Buch gekauft wo es um HTML, XML, JavaScript, CSS etc. geht. Jetzt bin ich gerade bei DHTML vorbei und bei JavaScript. Eins ist aber noch unklar.
Brauche ich für jeden Event-Handler ein JavaScript??
So habe ich es im Buch verstanden, weil keins der Event-Handler die ich abgeschrieben habe funktioniert hat.
Wenn nein frage ich mich was ich falsch gemacht habe.
Danke schon mal für die Antworten.
Gruß Moritz
 
Event-Handler sind die Brücke zwischen HTML und JavaScript, siehe hier.

Wenn dir das nicht weiter hilft, poste einfach mal ein paar Schnipsel von deinen Sourcen, dann versuchen wir das an einem konkreten Beispiel zu klären. :)
 
danke, der link hat mir schon mal geholfen.
Aber hier habe ich jetzt ein Code, der so im Buch stand, ich hab' nur eben die namen von meinen dateien, die einfach schnell aufgegriffen worden eingefügt (Esfunktioniert nicht):
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>JavaScript ;)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;}
td, th {font-size:12px; color:#000000;}
</style>
<script language="JavaScript" type="text/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+".jpg";
 Bild[Bildnummer][1]=new Image();
 Bild[Bildnummer][1].src= f+"_2.jpg";
 Bild[Bildnummer][2]=new Image();
 Bild[Bildnummer][2].src= f+"_3.jpg";
 Bild[Bildnummer][3]=n;
 Bildnummer ++;
 }}
 function on(aktuell)
 {if (Browser)
 {for (var i = 0; i <= Bildnummer; i++)
 {if (bild[i][3]==aktuell)
 {document.images[Bild[i][3]].src=Bild[i][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[i][3]==aktuell)
 {if (navigator.appName!="Netscape")
 {document.anchors(Bild[i][3]).blur();}
 document.images[Bild[i][3]].src=Bild[i][2].src;
 t=setTimeout('off()', 500;
 Quelle=i; i=Bildnummer;
 }}}
 if (aktuell=='bild1')
 { document.location="menu.html";
 if (aktuell=='bild2')
 { document.location="js.html";
 if (aktuell=='bild3')
 { document.location="html.html";
 if (aktuell=='bild4')
 { document.location="xml.html";
 if (aktuell=='bild5')
 { document.location="java.html";
 }}}}
 bildpreload ("bild1","menu");
 bildpreload ("bild2","js");
 bildpreload ("bild3","html");
 bildpreload ("bild4","xml");
 bildpreload ("bild5","java");
//-->
</script>
</head>

<body>
<table width="100%" border="0" height="323">
<tr>
<td width="19%" height="37">&nbsp;</td>
<td width="81%" height="37">
<h1>Men&uuml;</h1>
</td>
</tr>
<tr><td width="19%" height="403">
<a name="bild1" href="javascript:click('bild1')" onMouseOver="on('bild1');" onMouseOut="off();"><img src="menu.jpg" align="middle" boder="0" name="bild1"></a><br>
<a name="bild2" href="javascript:click('bild2')" onMouseOver="on('bild2');" onMouseOut="off();"><img src="js.jpg" align="middle" boder="0" name="bild2"></a><br>
<a name="bild3" href="javascript:click('bild3')" onMouseOver="on('bild3');" onMouseOut="off();"><img src="html.jpg" align="middle" boder="0" name="bild3"></a><br>
<a name="bild4" href="javascript:click('bild4')" onMouseOver="on('bild4');" onMouseOut="off();"><img src="xml.jpg" align="middle" boder="0" name="bild4"></a><br>
<a name="bild5" href="javascript:click('bild5')" onMouseOver="on('bild5');" onMouseOut="off();"><img src="java.jpg" align="middle" boder="0" name="bild5"></a>
</td>
<td width="81%" height="403">
<p valign="top">Willkommen auf dieser Webseite. Wir haben Ihnen hier verschiedene Themen zusammengestellt, die Sie einfach &uuml;ber die Schalter auf der linken Seiter ausw&auml;hlen k&ouml;nnen.</p>
</td>
</tr>
</table>
</body>
</html>
würde mich freuen wenn mir einer sagen könnte was falsch is :D
gruß Moritz

Ps.: die seite ist hier zu finden
 
Zuletzt bearbeitet:

Anhänge

  • Firefox JS Konsole.jpg
    Firefox JS Konsole.jpg
    16,6 KB · Aufrufe: 91
so, das hab ich verbessert,
aber es geht immer noch nicht
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten