Anführungszeichen schachteln, 3 Ebenen
bearbeitet von
@@Linuchs
> wenn Javascript vorhanden, wird ein Text angezeigt, der auf eine Javascript-Funktion mit Parameter verlinkt (ohne Javascript macht der Link keinen Sinn).
[Mit JavaScript macht der Link auch keinen Sinn.](https://forum.selfhtml.org/self/2016/jun/28/tabelle-auf-smartphone-nicht-sortierbar/1669935#m1669935) Du hättest es besser wissen sollen.
Außerdem ist „HIER“ kein sinnvoller Link-Text; auch keine sinnvolle Button-Beschriftung.
Was du tun solltest: Den Absatz ganz normal als `p`-Element mit `hidden`-Attribut ins HTML schreiben und mit JavaScript das `hidden`-Attribut entfernen.
~~~HTML, bad
<p id="set-cookie-hinweis" class="hinweis">Mache <b class=cblau>Dornumersiel</b> zu deiner persönlichen „Hauptstadt” und <button onclick="setCookie('my_ORT',13596)">setze ein Cookie</button>. Ab sofort erscheint <b class=cblau>Dornumersiel</b> dann auf der <span class=remso>remso</span> Startseite. Mehr: <img id="my_ORT" class="help" src="img/icon_hilfe.gif" alt="?" title="Info" /></p>
~~~
~~~JavaScript
document.querySelector('#set-cookie-hinweis').hidden = false;
~~~
Siehe auch [mein Posting](https://forum.selfhtml.org/self/2017/oct/4/problem-mit-javascript-visibility/1705410#m1705410) von vorhin.
Ich habe das HTML als *bad*{:@en} markiert; da gibt’s noch einiges zu verbessern:
* „?“ ist kein sinnvoller Alternativtext. Welchen Bildinhalt hat img/icon_hilfe.gif?
* JavaScript-Code raus aus dem Markup, also weg mit `onclick`. Stattdessen: `<button id="set-cookie-button">`{:.language-html} und
~~~JavaScript
document.querySelector('#set-cookie-button').addEventListener('click', function ()
{
setCookie('my_ORT',13596);
}
~~~
* `cblau` ist vermutlich kein sinnvoller Klassenbezeichner. Wozu haben die `b`-Elemente eine Klasse?
* Das schließende Anführungszeichen ist im Deutschen “ (Doppel-6).
* „remso-Startseite“ nicht mit Deppenleerzeichen
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)