Google Chrome und <noscript>
mapstar87
- browser
Hallo,
ich arbeite zur Zeit an einer Wegbeschreibung unter Verwendung von Bildern.
Diese werden mit Javascript und innerHTML beim Daraufklicken vergrößert.
als <noscript> habe ich einen normalen Link zu dem größeren Bild geschrieben.
Verkürzter Code
<noscript><a href="[...]"></noscript><img src="[...]" onclick="[...]"/><noscript></a></noscript>
Das funktioniert alles auch soweit.
Folgendes passiert, wenn ich die Seite mit Google Chrome öffne:
-Klick auf das Bild vergrößert dieses wie gewünscht mit JavaScript
-erneuter Klick verkleinert das Bild wieder wie gewünscht
-Klicke ich jetzt allerdings wieder auf das Bild, wird das Bild zwar mit JavaScript vergrößert aber zusätzlich wird der Link aus dem <noscript>-Bereich aufgerufen.
In allen anderen Browsern läuft das einwandfrei.
Weiß jemand, warum dies geschieht?
Ist <noscript> heutzutage überhaupt noch nötig?
Danke im Voraus
Gruß Matze
'ǝɯɐu$ ıɥ
Ist <noscript> heutzutage überhaupt noch nötig?
Ja, gerade "heutzutage", zum Einem gibt es Screenreader, zum Anderen haben Leute JavaScript ausgeschalet, ferner folgen SuMas Javascriptlinks nicht, meistens sind die auch mit deaktiviertem JavaScript unterwegs.
ssnɹƃ
ʍopɐɥs
Moin
zum Anderen haben Leute JavaScript ausgeschalet,
Diese Argument zählt nicht mehr. Javascript ausgeschaltet findet man nur noch im kleinen Kreis der Entwickler oder in Firmennetzen. Und der Anteil ist aber IMO verschwindend gering.
Alle anderen Argumente sind in Ordnung. Ich würde aber noch Barrierefreiheit, Performance auf schwachen Maschinen und Kombatibilität fürs mobile Surfen einwerfen wollen.
Gruß Bobby
Diese Argument zählt nicht mehr. Javascript ausgeschaltet findet man nur noch im kleinen Kreis der Entwickler oder in Firmennetzen. Und der Anteil ist aber IMO verschwindend gering.
Das ist Unsinn - JavaScript ist oft auch partiell ausgeschaltet oder funktioniert anders als erwartet.
Der mouseover-Eventhandler existiert z.B. im Safari für's iPhone nicht - er ist dort ziemlich stark mit dem click-Event verbunden.
Ein Drop-Down-Menü mit mouseover ist in der Bedienung am iPhone PITA - auch sowas gilt es zu bedenken.
Moin
Falls du es nicht mitbekommen hast, habe ich mobiles surfen extra erwähnt und von normalen Maschinen (Laptops, PC, Netbooks) getrennt. Also ist dies kein Unsinn.
Gruß Bobby
Moin!
oder in Firmennetzen.
Also dort wo die Leute mit Einkommen sitzen? Geldbörse, ick hör Dir klingeln!
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix
Hallo mapstar87,
Verkürzter Code
<noscript><a href="[...]"></noscript><img src="[...]" onclick="[...]"/><noscript></a></noscript>
da liegt ein Verschachtelungsfehler vor.
Warum nimmst du nicht ein Bild als link und setzt den onclick ins A-Tag. Mit "return false" kannst du verhindern, dass bei eingeschaltetem JS dem Link gefolgt wird:
`<a href="grossesBild" onclick="lade(this.href);return false"><img src="kleinesBild"/></a> `{:.language-html}
Das ist jetzt ungetestet.
Gruß, Jürgen
<a href="grossesBild" onclick="lade(this.href);return false"><img src="kleinesBild"/></a>
Hallo Jürgen,
vielen Dank für die Hilfe, das funktioniert genau so, wie es haben will.
Hi,
ich arbeite zur Zeit an einer Wegbeschreibung unter Verwendung von Bildern.
Diese werden mit Javascript und innerHTML beim Daraufklicken vergrößert.
als <noscript> habe ich einen normalen Link zu dem größeren Bild geschrieben.
MfG ChrisB