Tutorial HTML, CSS u. PHP - Forum

[philipp e.]

Hallo Leute,
ersteinmal Danke für alles, wobei ihr mir schon geholfen habt. Ich weiß, dass ich oft Beiträge poste.
In diesem geht es um select();
Ich habe für einen Blog ein Codebereich erstellt, in welchen ich jetzt eine Funktion einbauen möchte.
Diese Funktion soll bewirken, dass der komplette Code ausgewählt wird.
Hier ist zur Veranschaulichung ein kleines Bild:

Unbenannt.PNG (7.15 KiB) 205-mal betrachtet

Mein gebastelter Codebereich

Hier ist der HTML-Code:

Code: Alles auswählen

<img src="png/icons/select.png" align="right" onclick="select()" class="selectbutton" />
<ol class="code">
<li>body {</li>
<li></li>
<li>}</li>
<li>div#page {</li>
<li>width: 800px;</li>
<li>}</li>
</ol>


Rechts oben das Bild mit dem Mauszeiger soll der "Schalter" sein. Ich habe das Bild schon mit folgendem Style versorgt:

Code: Alles auswählen

img.selectbutton {
cursor: pointer;
}


Die Funktion habe ich select() genannt:

Code: Alles auswählen

function select() {
var el = document.getElementByClass("code");
document.el.select();
}


Warum funktioniert das nicht und wie funktioniert es?

Mit freundlichen Grüßen,
Philipp E.

[Flow Snow]

Huhu, das geht viel einfacher so wie du es dir vorstellst, schau mal hier, ich hoffe ich konnte helfen (probier den Code einfach mal aus )

Code: Alles auswählen

<element onclick="this.focus(); this.select();">
  Blabla
  blablablabliblub
</element>

[philipp e.]

funktioniert leider nicht. Zu einfach um wahr zu sein

[Sarkkan]

Problem ist, dass das keine Elemente sind, die den Focus erhalten können und dementsprechend auch nicht via select() selektiert werden können.
Du benötigst ein Selection-Object welches du dann dementsprechend modifizieren musst.

Gute Lektüre hierzu: MDN Docs - Selection

[philipp e.]

also ich habe mich jetz mal auf mehreren internetseiten informiert über select
man kann glaub ich auch einen bereich erstellen lassen
mit range oder so

[Sarkkan]

..das steht da auf der Seite die ich dir verlinkt habe auch
Steht sogar wie.. aber wayne [:

[Sarkkan]

..du hast da nicht wirklich getElementByClass geschrieben, oder? o.o

[Flow Snow]

Oh doch...

[philipp e.]

Wo?

[Flow Snow]

[...]

Code: Alles auswählen

[...]var el = document.getElementByClass("code");[...]

[...]

[philipp e.]

verdammt
Nein, nicht mein Ernst. War wohl ein wenig von der Rolle.

[Flow Snow]

Kann passieren

[philipp e.]

Jo.

[philipp e.]

So, ich werde mir jetzt Sarkkans Seite durchlesen und dann werde ich mal sehen^^