Quellcode schnell auswählen

von Fries Websolutions

Einen Quellcode zu kopieren, das kann man auch ein wenig einladender machen, oder?

Eine durchaus normale Methode ist die Verwendung eines Formularfeldes. Das ist übersichtlich, aber nicht schön und es kopiert sich schlecht, wenn man wenig Platz hat.

Macht ja nichts, es gibt ja CSS. Also schnell einige schicke Formatierungen appliziert, und die Sache sieht ganz anders aus. Man nimmt einen verbesserten Rahmen und erhöht den Randabstand. Das genügt.

border: 1px solid silver;
padding : 4px;

Na, das hätte man auch mit anderen Mitteln hingekriegt. Wozu dient nun das Formularfeld?

Wir wollen, dass der Text markiert wird, sobald er berührt wird. Das erreichen wir am besten mit dem Formfeld und mit ein wenig Javascript.

onMouseOver="this.focus()"
onFocus="this.select()"

Das Ergebnis:

Es funktioniert mit den meisten modernen Browsern. Manche davon zeigen das Formularfeld grundsätzlich in einer schickeren Variante, so dass zusätzliche CSS-Formatierungen dort eigentlich nicht nötig wären.

 

Artikel, die Sie auch interessieren könnten:

Der Trick mit dem Datum
Gelegentlich wird über ein Formular auch ein Datum in der näheren Zukunft abgefragt. Mit Javascript kann man dem Besucher helfen

  
   Anzeigen

Navigation:    Webdesign - Programmierung - Web Grafiken - Software Guides - Tools - Templates - Schriftarten - Seminare - IT News
Partner:   Template OK - PCopen - SITEopen - PCopen Schweiz - HTMLopen Schweiz - VirtualUniversity.ch - WEB-SET.com - YesMMS - Job und Karriere