nikola: Bild bei onclick laden, erst bei neuem click verschwinden lassen

Hallo liebes Forum,
bei einem meiner Links soll beim Anklicken ein Bild erscheinen,
was diesen Bereich repraesentatiert. Deshalb soll es auch erst wieder verschwinden, wenn ein anderer Link betaetigt wird, und nicht schon bei Verlassen des ersten Links.
Ein einfaches Mouseover schaffe ich, aber welche Information muss dazu, damit das Bild dableibt?

Anzusehen bisher unter http://home.snafu.de/rikas beim Link "Containerservice".
Danke!

Nikola

  1. Hoi

    bei einem meiner Links soll beim Anklicken ein Bild erscheinen,
    was diesen Bereich repraesentatiert. Deshalb soll es auch erst wieder verschwinden, wenn ein anderer Link betaetigt wird, und nicht schon bei Verlassen des ersten Links.
    Ein einfaches Mouseover schaffe ich, aber welche Information muss dazu, damit das Bild dableibt?

    <script>
    apic = "";
    tgif = "./transparentes.gif";

    function omov(pic, src)
    { if(pic!=apic)
        document[pic].src = src; }

    function omou(pic)
    { if(pic!=apic)
         document[pic].src = tgif; }

    funciton oc(pic, src)
    { document[apic].src = tgif;
      apic = pic;
      document[pic].src = src; }

    </script>

    <img src="./transparentes.gif" onMouseOver="omov('i1', '1.gif');" onMoueout ="omou('i1');" onClick="oc('i1', '1b.gif');" name="i1">

    <img src="./transparentes.gif" onMouseOver="omov('i2', '2.gif');" onMoueout ="omou('i2');" onClick="oc('i2', '2b.gif');" name="i2">

    Und so weiter und so fort ...

    Ciao,

    Harry

    1. Das kommt mir Spanisch vor: so fit bin ich in JavaScript leider nicht,
      als dass ich den Vorschlag meinem automatisch generierten Code hinzufuegen koennte. Wo steht, dass das Bild erst beim naechsten click geaendert werden soll?
      Nochmal dnke.
      Nikola

      Hoi

      bei einem meiner Links soll beim Anklicken ein Bild erscheinen,
      was diesen Bereich repraesentatiert. Deshalb soll es auch erst wieder verschwinden, wenn ein anderer Link betaetigt wird, und nicht schon bei Verlassen des ersten Links.
      Ein einfaches Mouseover schaffe ich, aber welche Information muss dazu, damit das Bild dableibt?

      <script>
      apic = "";
      tgif = "./transparentes.gif";

      function omov(pic, src)
      { if(pic!=apic)
          document[pic].src = src; }

      function omou(pic)
      { if(pic!=apic)
           document[pic].src = tgif; }

      funciton oc(pic, src)
      { document[apic].src = tgif;
        apic = pic;
        document[pic].src = src; }

      </script>

      <img src="./transparentes.gif" onMouseOver="omov('i1', '1.gif');" onMoueout ="omou('i1');" onClick="oc('i1', '1b.gif');" name="i1">

      <img src="./transparentes.gif" onMouseOver="omov('i2', '2.gif');" onMoueout ="omou('i2');" onClick="oc('i2', '2b.gif');" name="i2">

      Und so weiter und so fort ...

      Ciao,

      Harry

      1. Holladiwaldfee

        Das kommt mir Spanisch vor:

        Nicht direkt ... es ist Englisch ;-)

        so fit bin ich in JavaScript leider nicht,
        als dass ich den Vorschlag meinem automatisch generierten Code hinzufuegen koennte. Wo steht, dass das Bild erst beim naechsten click geaendert werden soll?

        Naja prinzipiell kannst Du Deinen automatisch generierten Code in die Tonne treten und einfach den genannten hernehmen.

        Er speichert den Namen des aktiven Links (bzw. Bildes) in einer Variable und ändert das Bild nur, wenn der Name des zu ändernden Bildes von dem gespeicherten unterschiedlich ist (bei MouseOver). Bei einem Klick läd er das transparente Bild in den zuvor aktiven Link zurück un läd in den "geklickten" ein neues rein.

        <img src="./transparentes.gif" onMouseOver="omov('i1', '1.gif');" onMoueout ="omou('i1');" onClick="oc('i1', '1b.gif');" name="i1">

        Nachtrag: Besser ist freilich:

        <a href="internetseite.html" onMouseOver="omov('i1', '1.gif');" onMoueout ="omou('i1');" onClick="oc('i1', '1b.gif');"><img src="./transparentes.gif"  name="i1"></a>

        Ciao,

        Harry
         http://learn.to/quote