tag:forum.selfhtml.org,2005:/self Bild bei onclick laden, erst bei neuem click verschwinden lassen – SELFHTML-Forum 2002-03-01T12:17:16Z https://forum.selfhtml.org/self/2002/mar/1/bild-bei-onclick-laden-erst-bei-neuem-click-verschwinden-lassen/181170#m181170 nikola nikolag@web.de 2002-03-01T08:33:02Z 2002-03-01T08:33:02Z Bild bei onclick laden, erst bei neuem click verschwinden lassen <p>Hallo liebes Forum,<br> bei einem meiner Links soll beim Anklicken ein Bild erscheinen,<br> 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.<br> Ein einfaches Mouseover schaffe ich, aber welche Information muss dazu, damit das Bild dableibt?</p> <p>Anzusehen bisher unter http://home.snafu.de/rikas beim Link "Containerservice".<br> Danke!</p> <p>Nikola</p> https://forum.selfhtml.org/self/2002/mar/1/bild-bei-onclick-laden-erst-bei-neuem-click-verschwinden-lassen/181171#m181171 Harry harry@ilo.de http://harry.ilo.de 2002-03-01T09:09:08Z 2002-03-01T09:09:08Z Bild bei onclick laden, erst bei neuem click verschwinden lassen <p>Hoi</p> <blockquote> <p>bei einem meiner Links soll beim Anklicken ein Bild erscheinen,<br> 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.<br> Ein einfaches Mouseover schaffe ich, aber welche Information muss dazu, damit das Bild dableibt?</p> </blockquote> <p><script><br> apic = "";<br> tgif = "./transparentes.gif";</p> <p>function omov(pic, src)<br> { if(pic!=apic)<br>     document[pic].src = src; }</p> <p>function omou(pic)<br> { if(pic!=apic)<br>      document[pic].src = tgif; }</p> <p>funciton oc(pic, src)<br> { document[apic].src = tgif;<br>   apic = pic;<br>   document[pic].src = src; }</p> <p></script></p> <p><img src="./transparentes.gif" onMouseOver="omov('i1', '1.gif');" onMoueout ="omou('i1');" onClick="oc('i1', '1b.gif');" name="i1"></p> <p><img src="./transparentes.gif" onMouseOver="omov('i2', '2.gif');" onMoueout ="omou('i2');" onClick="oc('i2', '2b.gif');" name="i2"></p> <p>Und so weiter und so fort ...</p> <p>Ciao,</p> <p>Harry</p> https://forum.selfhtml.org/self/2002/mar/1/bild-bei-onclick-laden-erst-bei-neuem-click-verschwinden-lassen/181172#m181172 nikola nikolag@web.de 2002-03-01T11:28:22Z 2002-03-01T11:28:22Z Bild bei onclick laden, erst bei neuem click verschwinden lassen <p>Das kommt mir Spanisch vor: so fit bin ich in JavaScript leider nicht,<br> als dass ich den Vorschlag meinem automatisch generierten Code hinzufuegen koennte. Wo steht, dass das Bild erst beim naechsten click geaendert werden soll?<br> Nochmal dnke.<br> Nikola</p> <blockquote> <p>Hoi</p> </blockquote> <blockquote> <blockquote> <p>bei einem meiner Links soll beim Anklicken ein Bild erscheinen,<br> 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.<br> Ein einfaches Mouseover schaffe ich, aber welche Information muss dazu, damit das Bild dableibt?</p> </blockquote> </blockquote> <blockquote> <p><script><br> apic = "";<br> tgif = "./transparentes.gif";</p> </blockquote> <blockquote> <p>function omov(pic, src)<br> { if(pic!=apic)<br>     document[pic].src = src; }</p> </blockquote> <blockquote> <p>function omou(pic)<br> { if(pic!=apic)<br>      document[pic].src = tgif; }</p> </blockquote> <blockquote> <p>funciton oc(pic, src)<br> { document[apic].src = tgif;<br>   apic = pic;<br>   document[pic].src = src; }</p> </blockquote> <blockquote> <p></script></p> </blockquote> <blockquote> <p><img src="./transparentes.gif" onMouseOver="omov('i1', '1.gif');" onMoueout ="omou('i1');" onClick="oc('i1', '1b.gif');" name="i1"></p> </blockquote> <blockquote> <p><img src="./transparentes.gif" onMouseOver="omov('i2', '2.gif');" onMoueout ="omou('i2');" onClick="oc('i2', '2b.gif');" name="i2"></p> </blockquote> <blockquote> <p>Und so weiter und so fort ...</p> </blockquote> <blockquote> <p>Ciao,</p> </blockquote> <blockquote> <p>Harry</p> </blockquote> https://forum.selfhtml.org/self/2002/mar/1/bild-bei-onclick-laden-erst-bei-neuem-click-verschwinden-lassen/181173#m181173 Harry harry@ilo.de http://harry.ilo.de 2002-03-01T12:17:16Z 2002-03-01T12:17:16Z Bild bei onclick laden, erst bei neuem click verschwinden lassen <p>Holladiwaldfee</p> <blockquote> <p>Das kommt mir Spanisch vor:</p> </blockquote> <p>Nicht direkt ... es ist Englisch ;-)</p> <blockquote> <p>so fit bin ich in JavaScript leider nicht,<br> als dass ich den Vorschlag meinem automatisch generierten Code hinzufuegen koennte. Wo steht, dass das Bild erst beim naechsten click geaendert werden soll?</p> </blockquote> <p>Naja prinzipiell kannst Du Deinen automatisch generierten Code in die Tonne treten und einfach den genannten hernehmen.</p> <p>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.</p> <blockquote> <blockquote> <p><img src="./transparentes.gif" onMouseOver="omov('i1', '1.gif');" onMoueout ="omou('i1');" onClick="oc('i1', '1b.gif');" name="i1"></p> </blockquote> </blockquote> <p>Nachtrag: Besser ist freilich:</p> <p><a href="internetseite.html" onMouseOver="omov('i1', '1.gif');" onMoueout ="omou('i1');" onClick="oc('i1', '1b.gif');"><img src="./transparentes.gif"  name="i1"></a></p> <p>Ciao,</p> <p>Harry<br>  <a href="http://learn.to/quote" rel="nofollow noopener noreferrer">http://learn.to/quote</a></p>