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.
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5


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