Webtechnik Profitipps PC-Magazin 06-2011

Webtechnik Profitipps im PC-Magazin 06-2011. Wenn Sie in Ihren Seiten-Quelltexten einen klickbaren Link benötigen, stellt sich die Frage, wie Sie den Link optisch darstellen. Sind Sie dann auch noch an ein bestimmtes Layout gebunden, sind oftmals komplexe Formatierungen aus der Webtechnik für eine angemessene Darstellung von Buttons oder Schaltflächen nötig. Zwar können Ihnen hierbei die vielseitigen CSS-Formatierungen helfen, oftmals genügt es aber auch, eine einfache Standard-Schaltfläche für den Benutzer darzustellen. Diese Schaltflächen ist man von den Windows-Anwendungen her gewohnt und diese passen sich in der Regel auch in alle Layouts optimal ein. Hier gilt es nun, mit einem verblüffend einfachen Kniff die in der Regel nötige JavaScript-Funktionalität über ein OnClick-Ereignis zu umgehen. Immer mehr Anwender sperren nämlich bewusst und aus gutem Grund das Java-Scripting auf Ihren PC-Systemen.

Aus diesem Grund können solche Anweisungen dann auch nicht mehr ausgeführt werden. In unserem Fall benutzen Sie das Standard HTML-Objekt <button> in einem anderen Kontext. Es wird einfach in ein HTML-Linkobjekt eingebettet und somit komplett als aktiver Link genutzt. Sie müssen dem Button-Element nur noch das Attribut type=„button“ und einen Beschriftungstext im Attribut value=„Text“ mitgeben. Das sieht nun wie folgt aus: <a href=“pfadangabe.html“><button type=“button“ value=“Alle anzeigen“>Alle anzeigen</button></a></b>. Der Browser interpretiert das Button-Element als klickbare Grafik und verzichtet auf komplexe Webtechnik Formatierungen. Mit einfachsten Mitteln entstehen so anspruchsvolle und vor allem bekannte Buttons in Ihren HTML-Seiten. Das Beispiel finden Sie auf der Heft-DVD unter buttonlink.html.

Den vollständigen Fachbeitrag finden Sie bei unserem Kunden (#KID-026) unter der folgenden Webadresse: (#KID-026-L).

[#Info: Sie sehen hier keinen Kundennamen und Kunden-URL? Nehmen Sie einfach Kontakt mit uns auf, um sich hier mit Ihrem Unternehmennamen und der vollständigen Themen-URL eintragen zu lassen. #Info]

Benötigen Sie einen fachlich hochwertigen, uniquen und SEO-optimierten Text zu diesem oder einen ähnlichen Themenbereich? Gerne erstellen wir für Sie ansprechende Fachtexte, aktuelle Themenbeitrage oder produktorientierte Testberichte. Sie brauchen eBooks oder komplette Manuskripte nach Ihren speziellen Vorgaben? Klicken Sie hier für eine unverbindliche Anfrage.

Erschienen bei / im: (#KID-026)
Publiziert am: 13.06.2011
ISBN / ASIN: Ausgabe 06/2011, Seite 126 ff
Umfang / Größe: 2 Seiten

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.