Suche im Forum:
Suchen


Autor Nachricht
Beitrag05.06.2013 um 14:47 (UTC)    
Titel: Frage zu pre-Box

Hallo,
natürlich möchte ich es meinen Usern so einfach wie möglich machen sich die Designcodes zu kopieren. Daher habe ich mir überlegt, ob man das nicht per 1-Klick-Markierung machen könnte.
Das heisst ich möchte,dass wenn man in die Box reinklickt automatisch der Text in der Box markiert wird.
Kann mir jemand weiterhelfen wie ich das umsetzten kann?

Der Code:
Code:

pre.code {
width: 500px;
color: black;
height: 80px;
display: block;
padding:15px;
background-color: #eee;
border: 1px dashed #b9b9b9;
box-shadow: 2px 2px 15px #000000;
font-size:12px;font-family: arial;
margin: 20px 0px 20px 20px;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
overflow: auto; }

pre.code:hover{background-color:#B5E0FF;}

______________
Mit freundlichen Grüßen,
Turbopage|net Team

Hallo! Schön dass du hier bist. Wie du sicherlich weißt, ist Turbopage eine Webmaster Hilfe-Plattform im Homepage Baukasten. Falls du Fragen hast, bist du hier, im Forum schonmal richtig!. Wir helfen dir aber auch auf Turbopage! Schaue dich da doch auch mal um.

Support via Email an Support@Turbopage.net oder via Forum auf Turbopage. Im Notfall auch via PN!
Beachte: Wir haben viel zutun, wende dich daher erst an das Forum und an die Community bevor du die Email oder den PN-Support benutzt!
Beitrag05.06.2013 um 17:54 (UTC)    
Titel:

Text selektieren kannst du mit der JavaScript-Methode select() siehe:
http://de.selfhtml.org/javascript/objekte/elements.htm#select
Und wie du dort sicherlich selbst auch lesen kannst ist diese Methode jedoch nicht für den code-Tag verfügbar (der innerhalb deines pre-Elements steckt):

Zitat:
Anwendbar auf: Passwortfelder, einzeilige Eingabefelder, mehrzeilige Eingabefelder

Heißt, um diese Funktionalität anzubieten müsstest du deine code-Tags durch textareas ersetzen. Dort funktioniert das dann (u.a.) wir folgt:

Code:
<textarea readonly onclick="this.select();">Hier dein Designcode</textarea>

Mit CSS kannst du das textarea anschließend so gestalten, dass es aussieht wie derzeit deine code-Elemente (die Schriftart ändern, border und outline entfernen,...). Das readonly-Attribut sorgt außerdem dafür, dass der Inhalt nicht bearbeitet werden kann.
______________
Mit mir chatten? Besuche uns auf CookieChat.de (keine Anmeldung nötig, einfach einen Spitznamen einegeben)


Zuletzt bearbeitet von freefunstuff am 05.06.2013, 18:57, insgesamt 2-mal bearbeitet
Beitrag05.06.2013 um 19:55 (UTC)    
Titel:

danke für deine hilfreiche Antwort, ich werds mal ausprobieren Smile
______________
Mit freundlichen Grüßen,
Turbopage|net Team

Hallo! Schön dass du hier bist. Wie du sicherlich weißt, ist Turbopage eine Webmaster Hilfe-Plattform im Homepage Baukasten. Falls du Fragen hast, bist du hier, im Forum schonmal richtig!. Wir helfen dir aber auch auf Turbopage! Schaue dich da doch auch mal um.

Support via Email an Support@Turbopage.net oder via Forum auf Turbopage. Im Notfall auch via PN!
Beachte: Wir haben viel zutun, wende dich daher erst an das Forum und an die Community bevor du die Email oder den PN-Support benutzt!
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de