nicht angemeldet
Der Martin
Patrick Andrieu
Der Martin
Patrick Andrieu
Patrick Andrieu
Patrick Andrieu
Struppi
Struppi
Der Martin
Patrick Andrieu
molily
Hallo!
Möchte nicht, dass diese kleine Zwischenfrage im anderen langen Thread untergeht:
ein JS wird mit einem Klick auf einen Link ausgeführt
<a href="javascript:onclick=foto_tausch('001')">Bild Nr. 1</a>
ist es - auf KURZEM und EINFACHEM Wege - möglich, dafür bei deaktiviertem JS quasi als <noscript> ein zweites href-Ziel (zB "foto1.jpg") als Weiche einzubauen???
Danke euch!
Hi,
<a href="javascript:onclick=foto_tausch('001')">Bild Nr. 1</a>
>
> ist es - auf KURZEM und EINFACHEM Wege - möglich, dafür bei deaktiviertem JS quasi als <noscript> ein zweites href-Ziel (zB "foto1.jpg") als Weiche einzubauen???
Nein.
Aber du kannst natürlich den Funktionsaufruf dahin packen, wo er vernünftigerweise hingehört - in einen onclick-Handler.
Wie man dann verhindert, dass nach diesem noch das normale href-Ziel angesprungen wird, findet sich in SELFHTML.
MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“
Hi,
<a href="javascript:onclick=foto_tausch('001')">Bild Nr. 1</a>
es ist Unfug, einen Link zu verwenden, wenn Du keine Ressource verlinken möchtest. Ganz besonders ist ein Link mit einer javascript:-URL Unfug. Noch viel besonderer ist ein Link mit einer javascript:-URL Unfug, der lediglich dessen onclick-Attribut setzen soll.
> ist es - auf KURZEM und EINFACHEM Wege - möglich, dafür bei deaktiviertem JS quasi als <noscript> ein zweites href-Ziel (zB "foto1.jpg") als Weiche einzubauen???
Gehe den einzig sinnvollen Weg: Verwende einen Link, um eine Ressource zu verlinken. \*Optionales\* JavaScript - und JavaScript ist \*immer\* optional - kann u.a. mittels Event-Handlern hinzugefügt werden. Zäume also nicht das Pferd von hinten auf.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes
Gehe den einzig sinnvollen Weg: Verwende einen Link, um eine Ressource zu verlinken. *Optionales* JavaScript - und JavaScript ist *immer* optional - kann u.a. mittels Event-Handlern hinzugefügt werden. Zäume also nicht das Pferd von hinten auf.
Ich reite nicht. Als Programmier-Dummie MUSS man sogar manchmal das Pferd von hinten aufzäumen: 1.) im Kopf eine Seitenvorstellung 2.) dann nach und nach versuchen, dieser Vorstellung nahezukommen. IF 2. nicht schaffbar THEN 1. ändern ELSE Hut draufschmeissen.
es ist Unfug, einen Link zu verwenden, wenn Du keine Ressource verlinken möchtest. Ganz besonders ist ein Link mit einer javascript:-URL Unfug. Noch viel besonderer ist ein Link mit einer javascript:-URL Unfug, der lediglich dessen onclick-Attribut setzen soll.
ok - da werd ich mich wohl onclick-schlau-machen müssen ;-)
Danke.
LG, Jürgen
PS: WENN ich nun in erster Linie auf Klick ein JS ausführen lassen möchte und erst bei deaktiviertem JS ganz unfein auf eine normale Grafik-URL verweisen möchte - geht das oder such ich mich in SELFHTML dann stinkig?
Hallo,
Ich reite nicht.
ich auch nicht.
Als Programmier-Dummie MUSS man sogar manchmal das Pferd von hinten aufzäumen: 1.) im Kopf eine Seitenvorstellung 2.) dann nach und nach versuchen, dieser Vorstellung nahezukommen. IF 2. nicht schaffbar THEN 1. ändern ELSE Hut draufschmeissen.
Das Verfahren versagt, wenn 1.) vom Kunden vorgegeben ist, du die Vorgabe also nicht einfach ändern kannst, weil deren Umsetzung schwierig ist. Du kannst dann höchstens dem Kunden eine Alternative vorschlagen und hoffen, dass er sie akzeptiert.
PS: WENN ich nun in erster Linie auf Klick ein JS ausführen lassen möchte und erst bei deaktiviertem JS ganz unfein auf eine normale Grafik-URL verweisen möchte - geht das oder such ich mich in SELFHTML dann stinkig?
Kommt drauf an, wie gut du suchen kannst. ;-)
Gehe von folgenden Grundlagen aus: Ein Link (a-Element) hat ein href-Attribut, das unabhängig von Javascript eine Ressource, ein Ziel verlinken sollte. Er kann zusätzlich einen onclick-Handler haben, der beliebigen JS-Code ausführen kann, sofern JS aktiviert ist. Bedenke ferner, dass Eventhandler einen Rückgabewert haben, der darüber entscheidet, ob die Standardaktion des Elements (also das Auflösen eines Links) abgebrochen werden soll.
So long,
Martin
Gehe von folgenden Grundlagen aus: Ein Link (a-Element) hat ein href-Attribut, das unabhängig von Javascript eine Ressource, ein Ziel verlinken sollte.
Ok, soweit geht´s noch.
Er kann zusätzlich einen onclick-Handler haben, der beliebigen JS-Code ausführen kann, sofern JS aktiviert ist.
"Zusätzlich" klingt schon mal super für mein Ziel, wie ich allerdings im href-Ziel eine url UND onclick notieren soll/muss/kann - da setzt´s schon aus bei mir ...
Bedenke ferner, dass Eventhandler einen Rückgabewert haben, der darüber entscheidet, ob die Standardaktion des Elements (also das Auflösen eines Links) abgebrochen werden soll.
Rückgabewert der Funktion? meine onclick gibt an die Funktion zB schon den Wert 001 retour. ~~~html
<a href="javascript:onclick=foto_tausch('001')">Bild Nr. 1</a>
Wo müsste da welcher Rückgabewert hin und wo brächte ich hier die grafik-URL unter?
Entschuldige meine blöde Fragerei aber für viele Dinge fehlt mir noch völlig der Durchblick
Hallo juewi!
"Zusätzlich" klingt schon mal super für mein Ziel, wie ich allerdings im href-Ziel eine url UND onclick notieren soll/muss/kann - da setzt´s schon aus bei mir ...
Klawischnigg hat's Dir doch genannt...
Damit der Link nicht ausgeführt wird, muss onclick »false« zurückgeben. Das kann über Deine Funktion zentral geschehen (vermeidet Code-Redundanz) oder bei jedem Link bei jedem onclick return false notieren:
<a href="foto1.jpg" onclick="return foto_tausch('001'); return false">Bild Nr. 1</a>
Das verhindert, dass der Link ausgeführt wird. In anderen Worten: Das verhindert, dass foto1.jpg im Browser aufgerufen wird. Stattdessen wird foto_tausch() aufgerufen, und macht, wofür diese Funktion geschrieben wurde. Ohne JavaScript wird onclick eben NICHT ausgeführt, statt dessen, wie gewünscht, der Link.
Viele Grüße aus Frankfurt/Main,
Patrick
Hallo Patrick,
jetzt bist du aber wohl auch übers Ziel hinausgeschossen:
<a href="foto1.jpg" onclick="return foto_tausch('001'); return false">Bild Nr. 1</a>
Das explizite "return false" ist ja in diesem Beispiel sowas von zweckfrei ... ;-)
Ciao,
Martin
Hallo Martin!
^^ korrektur nicht vergessen ;)
jetzt bist du aber wohl auch übers Ziel hinausgeschossen:
»»
<a href="foto1.jpg" onclick="return foto_tausch('001'); return false">Bild Nr. 1</a>
Ups!
Ich dachte eher an so was:
<a href="foto1.jpg" onclick="tu_was(); return false">Bild Nr. 1</a>
Viele Grüße aus Frankfurt/Main,
Patrick
»» »»
<a href="foto1.jpg" onclick="return foto_tausch('001'); return false">Bild Nr. 1</a>
Ich dachte eher an so was:
<a href="foto1.jpg" onclick="tu_was(); return false">Bild Nr. 1</a>
Funktioniert nicht, ob mit oder ohne JS - es wird immer auf die Grafik-URL-geleitet und das JS nicht ausgeführt. So ähnlich hatte ich es schon zuvor selbst versucht.
HIER hab ich bei den ersten beiden Thumbs diese Notierungen versucht - njet.
Hallo juewi!
Funktioniert nicht
Auf meine Unachtsamkeit hat mich Martin ja hingewiesen. Wo ist hier der Unterschied (schau genau hin):
<a href="foto1.jpg" onclick="return tu_was(); return false">Bild Nr. 1</a>
<a href="foto1.jpg" onclick="tu_was(); return false">Bild Nr. 1</a>
Viele Grüße aus Frankfurt/Main,
Patrick
Auf meine Unachtsamkeit hat mich Martin ja hingewiesen. Wo ist hier der Unterschied (schau genau hin):
<a href="foto1.jpg" onclick="return tu_was(); return false">Bild Nr. 1</a>
<a href="foto1.jpg" onclick="tu_was(); return false">Bild Nr. 1</a>
Ach du Kacke. Sicher 5 x hab ich mir die beiden Zeilen angeschaut und habs nicht gesehen ... Funktioniert perfekt!
Aufgrund Wald-Bäume-Problem geh ich jetzt schlafen.
Vielen Dank an euch Martin und Patrick und alle Beteiligten!!!
LG, Jürgen
Hallo juewi!
Aufgrund Wald-Bäume-Problem geh ich jetzt schlafen.
Und morgen kannst Du die Funktion so umschreiben, dass Du in Deinen Links angibst:
<a href="pics/menschen/001.jpg" onclick="foto_tausch(this.href); return false;"><img class="op" src="thumbs/menschen/001.jpg" alt="" height="80" width="80"></a>
;)
Viele Grüße aus Frankfurt/Main,
Patrick
<a href="pics/menschen/001.jpg" onclick="foto_tausch(this.href); return false;"><img class="op" src="thumbs/menschen/001.jpg" alt="" height="80" width="80"></a>Patrick
Vielen Dank - hab ich so eingebaut!
Ich bin jetzt zwar Galerie-technisch von komplex wieder auf simpel zurückgewechselt aber nach den vielen Problemen (Code nix verstehen, Verzerrungen etc.) bin ich höchst erfreut über das Endergebnis ;-)
Danke an alle!
LG, Jürgen
Ach du Kacke. Sicher 5 x hab ich mir die beiden Zeilen angeschaut und habs nicht gesehen ... Funktioniert perfekt!
Jetzt verstehe ich nicht, warum ich mir die Mühe gemacht habe, dass vorher von dir verwendete Skript so anzupassen, dass es funktioniert und du stattdessen den umständlichen Weg, jedem Bild einen click-handler von Hand zu geben, gegangen bist.
Struppi.
Jetzt verstehe ich nicht, warum ich mir die Mühe gemacht habe, dass vorher von dir verwendete Skript so anzupassen, dass es funktioniert und du stattdessen den umständlichen Weg, jedem Bild einen click-handler von Hand zu geben, gegangen bist.
OK - das Skript ist ein klein wenig anders, weil es den mouseover Event benutzt, es ist aber ein leichtes, dort auch den klick Event einubauen.
Struppi.
hi,
Damit der Link nicht ausgeführt wird, muss onclick »false« zurückgeben. Das kann über Deine Funktion zentral geschehen (vermeidet Code-Redundanz)
Wo gehört denn das „return false“ in einer Funktion hingeschrieben?
<script type="text/javascript">
function Bildtauschen(id, url)
{
document.getElementById(id).src = url;
return false; // funzt[™] nicht
}
</script>
Wenn ich das „return false“ direkt in den Link einbaue funktionierts.
<a href="/IMG_0781.jpg" onclick="Bildtauschen('objekt_Galerie', this.href); return false">
<img src="/0781.jpg" alt="" />
</a>
mfg
ARE!
Wo gehört denn das „return false“ in einer Funktion hingeschrieben?
Dem onclick-Event als return-Wert zugewiesen.
<script type="text/javascript">
function Bildtauschen(id, url)
{
document.getElementById(id).src = url;
return false;
}</script>
> funzt[™] nicht
Aber so: [Hier mit von Struppi nachgebessertem Code](http://www.atomic-eggs.com/z_testdir/html/juergen2.shtml)
Hier noch der Thread zum Beispiel: <http://forum.de.selfhtml.org/archiv/2009/2/t183494/#m1215361>
Viele Grüße aus Frankfurt/Main,
Patrick
--
\_ - jenseits vom delirium - \_
[Diblom](http://www.atomic-eggs.com/pics/diblom.png) [[link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash](http://www.atomic-eggs.com/)]
[J'ai 10 ans!](http://www.atomic-eggs.com/wae/wae_10.shtml#a5) | Achtung [Agentur](http://www.atomic-eggs.com/cwi/cwi_5.shtml#a5)! | Nichts ist unmöglich? [Doch!](http://www.atomic-eggs.com/cwi/cwi_4.shtml) | Heute schon ge[gök](http://goek.atomic-eggs.com/goek_goek.html)t?
AOP!
Aber so: Hier mit von Struppi nachgebessertem Code
Hier noch der Thread zum Beispiel: http://forum.de.selfhtml.org/archiv/2009/2/t183494/#m1215361
Danke für die Links, da habt ihr ja was schönes gebaut! Das schaue ich mir heute Abend an, für heute habe ich erstmal genug Code gesehen.
Scheiss PHP[1]! Mir brennen schon wieder die Augen vor lauter Buchstaben und Zahlen.
mfg
[1] Refresh ist auch scheisse; Cookies sowieso; SESSIONs, naja; von fehlerhaften Usereingaben möchte ich gar nicht erst anfangen ...
Hi,
»» Gehe von folgenden Grundlagen aus: Ein Link (a-Element) hat ein href-Attribut, das unabhängig von Javascript eine Ressource, ein Ziel verlinken sollte.
Ok, soweit geht´s noch.
dann sind wir auf Kurs. ;-)
»» Er kann zusätzlich einen onclick-Handler haben, der beliebigen JS-Code ausführen kann, sofern JS aktiviert ist.
"Zusätzlich" klingt schon mal super für mein Ziel, wie ich allerdings im href-Ziel eine url UND onclick notieren soll/muss/kann - da setzt´s schon aus bei mir ...
Warum? Hast du ein Problem, mehrere Attribute für ein HTML-Element zu notieren (hier: href und onclick für ein a-Element)? Oder fällt es dir schwer, ein geeignetes Linkziel für das href-Attribut zu finden? Das sollte ja dann nach Möglichkeit das Bild sein, das alternativ mit der JS-Funktion in die bestehende Seite eingeblendet wird.
»» Bedenke ferner, dass Eventhandler einen Rückgabewert haben, der darüber entscheidet, ob die Standardaktion des Elements (also das Auflösen eines Links) abgebrochen werden soll.
Rückgabewert der Funktion? meine onclick gibt an die Funktion zB schon den Wert 001 retour.
<a href="javascript:onclick=foto_tausch('001')">Bild Nr. 1</a>
Das ist Unsinn. Bitte lies nochmal nach, wie Eventhandler notiert werden, und versuche zu vergessen, dass Javascript im href-Attribut überhaupt auftauchen kann.
Außerdem übergibt dein Eventhandler -wenn er denn korrekt notiert wäre- zwar den String '001' an die aufgerufene Funktion. Zurück gibt er gar nichts.
Entschuldige meine blöde Fragerei aber für viele Dinge fehlt mir noch völlig der Durchblick
Scheint so. Vielleicht solltest du dir wirklich nochmal ein paar Beispiele ansehen. Vor allem die Fälle, die href und onclick kombiniert einsetzen, dürften für dich interessant sein.
Gute Nacht erstmal,
Martin
Hi there,
ist es - auf KURZEM und EINFACHEM Wege - möglich, dafür bei deaktiviertem JS quasi als <noscript> ein zweites href-Ziel (zB "foto1.jpg") als Weiche einzubauen???
Hängt davon ab, was für Dich kurz und einfach ist. Ich würd's einfach so machen:
<a href="foto1.jpg" onclick="return foto_tausch('001')">Bild Nr. 1</a>
und in der Funktion foto_tausch gibst Du immer ein false zurück, damit der Link nicht ausgeführt wird...
Hallo Klawischnigg!
<a href="foto1.jpg" onclick="return foto_tausch('001')">Bild Nr. 1</a>
Ich wette mit Dir, hier funzt™ sogar` this.href`{:.language-javascript}, entsprechende Anpassung von `foto_tausch(bildname`{:.language-javascript}) vorausgesetzt ;)
Viele Grüße aus Frankfurt/Main,
Patrick
--
\_ - jenseits vom delirium - \_
[Diblom](http://www.atomic-eggs.com/pics/diblom.png) [[link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash](http://www.atomic-eggs.com/)]
[J'ai 10 ans!](http://www.atomic-eggs.com/wae/wae_10.shtml#a5) | Achtung [Agentur](http://www.atomic-eggs.com/cwi/cwi_5.shtml#a5)! | Nichts ist unmöglich? [Doch!](http://www.atomic-eggs.com/cwi/cwi_4.shtml) | Heute schon ge[gök](http://goek.atomic-eggs.com/goek_goek.html)t?
Hi there,
Ich wette mit Dir, hier funzt™ sogar
this.href, entsprechende Anpassung vonfoto_tausch(bildname) vorausgesetzt ;)
Hier wird nicht herumgefunzt, das ist ein anständiges Forum... ;)
»» ~~~html
»» <a href="foto1.jpg" onclick="return foto_tausch('001')">Bild Nr. 1</a>
»»
>
> Ich wette mit Dir, hier funzt™ sogar` this.href`{:.language-javascript}, entsprechende Anpassung von `foto_tausch(bildname`{:.language-javascript}) vorausgesetzt ;)
tja - hab herumgestöbert aber noch keiiine leise Ahnung wie ich was wo genau unter Verwendung von "this.href" ändern müsste ...
(Ach ja, Patrick - betreffend [diesen Thread](https://forum.selfhtml.org/?t=184523&m=1223453): auch bei Deiner JS-Variante gibt´s das Problem mit den Verzerrungen im IE ...)
Hallo juewi!
(Ach ja, Patrick - betreffend diesen Thread: auch bei Deiner JS-Variante gibt´s das Problem mit den Verzerrungen im IE ...)
Mag sein, in meinem Beispiel waren alle Fotos gleich breit/hoch.
Viele Grüße aus Frankfurt/Main,
Patrick
tja - hab herumgestöbert aber noch keiiine leise Ahnung wie ich was wo genau unter Verwendung von "this.href" ändern müsste ...
Okay, nochmal von vorne. Du hast einen ordinären Link:
<a href="foto1.jpg">...</a>
Jetzt willst du beim Klick darauf ein Script ausführen. Dazu verwendest du den onclick-Handler. Wenn du den Event-Handler ins HTML direkt reinschreibst, sieht's so aus:
<a href="foto1.jpg" onclick="JavaScript-Code hier hinein">...</a>
Der Code dort
this zeigt also auf das a-Elementobjekt, darüber kannst du natürlich direkt auf das href-Attribut zugreifen:
<a href="foto1.jpg" onclick="alert(this.href);">...</a>
Dementsprechend das Attribut auch an eine eigene Funktion als Paramter übergeben:
<a href="foto1.jpg" onclick="foto_tausch(this.href)">...</a>
Vorteil: Du brauchst die Bildadresse nicht nochmal im onclick-Attribut unterbringen-
Wie gesagt kannst du mit return false verhindern, dass die Standardaktion ausgeführt wird, also foto1.jpg im Browser aufgerufen wird.
Wahrscheinlich hast du nicht nur ein solchen Link, daher würde es sich anbieten, diese click-Handler automatisch mit einem JavaScript zu vergeben, anstatt überall onclick="..." Inline-Event-Handler ins HTML zu schreiben.
Mathias
<a href="javascript:onclick=foto_tausch('001')">Bild Nr. 1</a>
Was ich mich frage: Wie bist du denn darauf gekommen?
Das ist gleich aus mehrfacher Sicht falsch bzw. unsinnig.
Entweder:
<a href="javascript:meinefunktion()"> (JavaScript-Pseudoadresse)
oder
<a href="url" onclick="meinefunktion()"> (normaler Link mit normaler Adresse mit Event-Handler)
Das letztgenannte Schema solltest du erst einmal verstehen und anwenden.
<a href="javascript:onclick=foto\_tausch('001')"> ist weder wirklich das eine noch das andere. Du weist hier auch nicht der onclick-Eigenschaft einen Handler zu. Du führst die Funktion foto\_tausch sofort aus beim Klick und deren Rückgabwert (es gibt wahrscheinlich keinen - also »undefined«) wird dann in der globalen Variable onclick gespeichert. Das macht aber keinen Sinn.
Deshalb ist der »onclick=«-Teil überflüssig und es ist letztlich ist das dasselbe wie <a href="javascript:foto\_tausch('001')">. Aber dass das nicht so optimal ist, weißt du bereits, und wie es besser geht, wurde ja in diesem Thread ausgeführt.
Mathias
--
[JavaScript-Erweiterung für das SELFHTML-Forum](http://forum.de.selfhtml.org/js/doku/)