sweet angel: Navigation

SELF-Forum

Navigation

sweet angel
– Informationen zu den Bewertungsregeln

Hallo,
habe eine frame-Konstruktion, in der ein frame die Navigation beinhaltet und der andere die durch die Navigation angesprochenen Webseiten.
Die Navigation wird mit images, die einen onmouseover u. onmouseout Effekt haben realisiert.
Jetzt möchte ich zusätzlich eine Hervorhebung des images, wenn man den link angeklickt hat.
Z.B. onmouseover roter Apfel
onmouseout gelber Apfel
link anklicken grüner Apfel .
So sieht bisher mein Quellcode aus
<td><a href="vita.html"
        onmouseover="changeImages('vita', '../images/vita_o.gif'); return true;"
        onmouseout="changeImages('vita', '../images/vita.gif'); return true;" target="main">
        <img name="vita" src="../images/vita.gif" width="110" height="20" border="0" alt="VITA"></a></td>

Hat jemand einen Tipp, wie das Problem zu lösen ist?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Navigation

    Jörg Peschke Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    Tach,

    Jetzt möchte ich zusätzlich eine Hervorhebung des images, wenn man den link angeklickt hat.

    onClick = "changeImages('vita', '../images/grün_apfel.gif"

    oder aber

    onMousewdown = "changeImages('vita', '../images/grün_apfel.gif"
    onMouseup = "changeImages ('vita', '../images/vita.gif");
    (dann ist das Bild ein Grüner Apfel nur so lange du die Maustatse auf dem Link gedrückt hälst).

    Viele Grüße,
    Jörg

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Navigation

      sweet angel
      – Informationen zu den Bewertungsregeln

      Hallo,
      Tach,
      Jetzt möchte ich zusätzlich eine Hervorhebung des images, wenn man den link angeklickt hat.

      onClick = "changeImages('vita', '../images/grün_apfel.gif"

      oder aber

      onMousewdown = "changeImages('vita', '../images/grün_apfel.gif"
      onMouseup = "changeImages ('vita', '../images/vita.gif");
      (dann ist das Bild ein Grüner Apfel nur so lange du die Maustatse auf dem Link gedrückt hälst).

      Viele Grüße,
      Jörg

      Vielen Dank erst einmal. onclick hab ich eingefügt, aber muß ich nicht auch noch was im head Bereich in Javascript definieren?
      Bin jetzt im Netz auf die augenscheinliche Lösung des Problems gestoßen.

      <html><head>
      <title>Drei Button</title>

      <script language="JavaScript">

      var inaktiv="bild1";

      function Wechsel(bildname,zustand)
      {
      if (inaktiv!=bildname)
        {
        if (zustand==1) document[bildname].src =bildname+"over.gif"; /*Zustand beim OnMouseOver*/

      if (zustand==2) document[bildname].src =bildname+"out.gif";  /*Zustand nach OnMouseOut*/
        if (zustand==3) {
           document[inaktiv].src =inaktiv+"out.gif";      /*Zustand nach OnClick*/
           document[bildname].src = bildname+"click.gif";
           inaktiv=bildname; }
        }
       return true; }

      </script>

      </head><body>
      <a href="datei1.htm" target="main" onMouseOver="Wechsel('bild1',1);" onMouseOut="Wechsel('bild1',2);" onClick="Wechsel('bild1',3)">
      <img src="bild1out.gif" name="bild1" border="0" width="60" height="30" alt="Datei1"></a>

      <a href="datei2.htm" target="main" onMouseOver="Wechsel('bild2',1);" onMouseOut="Wechsel('bild2',2);" onClick="Wechsel('bild2',3)">
      <img src="bild2out.gif" name="bild2" border="0" width="60" height="30" alt="Datei2"></a>

      <a href="datei3.htm" target="main" onMouseOver="Wechsel('bild3',1);" onMouseOut="Wechsel('bild3',2);" onClick="Wechsel('bild3',3)">
      <img src="bild3out.gif" name="bild3" border="0" width="60" height="30" alt="Datei3"></a>

      </body></html>

      funktioniert bei mir leider nicht, der onmouseover u. onmousecklick werden nicht ausgeführt.
      Vielleicht hast du ja noch einen Tipp!
      Danke im voraus

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Navigation

        Andreas Turnwald
        – Informationen zu den Bewertungsregeln

        Hallo Kerstin

        Bin alles andere als ein HTML-Experte, aber zu einem ähnlichen Thema habe ich gerade eine Frage gepostet ("Wer kennt das Attribut CSMUP?") und darin den Quelltext meiner Schaltfläche dargestellt. Das ist zumindest das, was mir Adobe-Golive als Code geliefert hat und es erfüllt seinen Zweck. Kopiere es Dir einfach mal und ersetze es durch deine Werte. Den kompletten Quelltext findest Du unter www.phonmeister.de nach der Startseite.

        Bye,
        Andreas

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. Navigation

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Jetzt möchte ich zusätzlich eine Hervorhebung des images, wenn man den link angeklickt hat.
    Z.B. onmouseover roter Apfel
    onmouseout gelber Apfel
    link anklicken grüner Apfel .
    So sieht bisher mein Quellcode aus
    <td><a href="vita.html"
            onmouseover="changeImages('vita', '../images/vita_o.gif'); return true;"
            onmouseout="changeImages('vita', '../images/vita.gif'); return true;" target="main">
            <img name="vita" src="../images/vita.gif" width="110" height="20" border="0" alt="VITA"></a></td>

    Hat jemand einen Tipp, wie das Problem zu lösen ist?

    na ja, analog zu onmouseover und -out auch noch eine gleichartige aktion für on(ratmalwas) zu definieren, bekommst du sicher selber hin.

    problem ist eigentlich nur, dafür zu sorgen, das nach dem anklicken nicht wieder onmouseout zuschlägt und das bild wiederum ändert.

    dagegen könnte man sich beispielsweise beim klicken ein flag setzen, welches beim onmouseout vorher abgefragt wird, o.ä.

    und darauf, beim klick auf ein anderes bild das ggf. noch "aktive" ebenfalls wieder zurückzuwechseln, sollte natürlich auch noch gedacht werden.

    gruß,
    wahsaga

    --
    "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln