Fragen zu "Event-Handler" und "JavaScript"

  1. MacMo

    MacMo Thread StarterMacUser Mitglied

    Mitglied seit:
    27.08.2004
    Beiträge:
    1.015
    Zustimmungen:
    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
     
    MacMo, 29.03.2005
  2. Brandhoff

    BrandhoffMacUser Mitglied

    Mitglied seit:
    07.02.2004
    Beiträge:
    401
    Zustimmungen:
    0
    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. :)
     
    Brandhoff, 29.03.2005
  3. MacMo

    MacMo Thread StarterMacUser Mitglied

    Mitglied seit:
    27.08.2004
    Beiträge:
    1.015
    Zustimmungen:
    83
    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
     
    MacMo, 29.03.2005
  4. Brandhoff

    BrandhoffMacUser Mitglied

    Mitglied seit:
    07.02.2004
    Beiträge:
    401
    Zustimmungen:
    0

    Anhänge:

    • Firefox JS Konsole.jpg
      Dateigröße:
      16,6 KB
      Aufrufe:
      16
    Brandhoff, 29.03.2005
  5. MacMo

    MacMo Thread StarterMacUser Mitglied

    Mitglied seit:
    27.08.2004
    Beiträge:
    1.015
    Zustimmungen:
    83
    so, das hab ich verbessert,
    aber es geht immer noch nicht
     
    MacMo, 02.04.2005
Die Seite wird geladen...