Antworten auf deine Fragen:
Neues Thema erstellen

Div Inhalt per Link Markieren?

Daniel_Knecht

PSD-Mitglied

Hallo,
ich habe einen Div Container mit folgendem Inhalt:
HTML:
<div style="width:500px; height:17px; text-align:right;">
        <a class="blue"><u>Script Markieren!</u></a>
        </div>
        <div style="background:#e8e8e8; border:1px solid #000; width:500px; max-height:200px; overflow:scroll;">
        <pre>textures/mytextures/texture1:q3map
{
    surfaceparm nodamage
}</pre>
        </div>

Wie mach ich das nun das man über einen Link der Oberhalb dieses Div Containers den Text im Container Markieren kann?

Google hat mir bisher leider nicht geholfen :(
 
Zuletzt bearbeitet:

mwxx

Nicht mehr ganz neu hier

AW: Div Inhalt per Link Markieren?

Du gibst dem DIV z.B. eine id (z.B. id='script-text') und kannst das Attribut href des Links mit dem Javascript-Befehl javascript:document.getElementById('script-text').style.backgroundColor='#RRGGBB' belegen. (Auf diese Weise kannst Du natürlich auch jede andere Style-Eigenschaft des angesprochenen Containers ändern)
 

Daniel_Knecht

PSD-Mitglied

AW: Div Inhalt per Link Markieren?

Diesem Script entnehme ich jetzt nur das er den Text im Container wirklich nur Markiert. Ich hab mich evtl. auch falsch Ausgedrückt denn man soll den Text nachdem er Markiert wurde auch Kopieren können ;)

Das Automatische Kopiere soll es jedoch nicht sein da ich gelesen hab das es wegen Sicherheitsgründen nicht gern gesehen ist.
 

Daniel_Knecht

PSD-Mitglied

AW: Div Inhalt per Link Markieren?

Das einzig hilfreiche was ich gefunden habe was aber nicht funktioniert ist das:

HTML:
<form name="eins">
Mit einem Klick auf dem Button "Markieren", können Sie diesen Text markieren.

<a href="#" onClick="this.form.eins.select();this.form.eins.focus();">
</form>

Außerdem ist hier das Problem das der Link innerhalb der form liegt. Bei mir brauche ich die aber oberhalb also außerhalb der form.
 

Daniel_Knecht

PSD-Mitglied

AW: Div Inhalt per Link Markieren?

Da ich noch totaler JavaScript noob bin kann ich nich wirklich viel aus dem Text dort raus lesen.
Die Seite hatte ich auch schon offen ;)
 

SineTempore

Nicht mehr ganz neu hier

AW: Div Inhalt per Link Markieren?

eigentlich ziemlich easy mit dem link von cebito ;)
kopiere das folgende in den header:
Code:
<script type="text/javascript">
function markieren (elementId) {
  elem = document.getElementById(elementId);
  if (document.selection && document.selection.createRange) {
    var textRange = document.selection.createRange();
    textRange.moveToElementText(elem);
    textRange.select();
  } else if (document.createRange && window.getSelection) {
    var range = document.createRange();
    range.selectNode(elem);
    var selection = window.getSelection();
    selection.removeAllRanges();
    selection.addRange(range);
  }
}
</script>
und dann kannst du ähnlich wie in deinem code fragement weiter machen
HTML:
<a href="#" onclick="markieren('divId');">klick mich</a>

[...]

<div id="divId">asdfasdfasdfasdf</div>

könnte funktionieren :p

EDIT: habe es gerade bei mir getestet (FF3.6) und es funktioniert :)
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.616
Beiträge
1.538.358
Mitglieder
67.536
Neuestes Mitglied
QuestionMark
Oben