Fragen zu "Event-Handler" und "JavaScript"

Dieses Thema im Forum "Web Page Design" wurde erstellt von MacMo, 29.03.2005.

  1. MacMo

    MacMo Thread Starter MacUser Mitglied

    Beiträge:
    1.013
    Zustimmungen:
    83
    MacUser seit:
    27.08.2004
    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
     
  2. Brandhoff

    Brandhoff MacUser Mitglied

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

    MacMo Thread Starter MacUser Mitglied

    Beiträge:
    1.013
    Zustimmungen:
    83
    MacUser seit:
    27.08.2004
    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: 29.03.2005
  4. Brandhoff

    Brandhoff MacUser Mitglied

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

    Anhänge:

  5. MacMo

    MacMo Thread Starter MacUser Mitglied

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

Diese Seite empfehlen