✔ Text per "OnClick" innerhalb <PRE> autom. markieren

F

FRitter

Erfahrenes Mitglied
Hallo an alle!

Bei einem Mausklick soll der Text innerhalb des Tags <PRE> komplett markiert werden:

(Bitte wenn möglich kein Ausweichen auf Textarea-Feld)

Hier mein Versuch:

Code: 
<pre name="sourcecode" onclick="javascript:this.select()" style="cursor:text; margin:0px; padding:3px; font:12px Courier; background-color:#ffffff; border:1px inset; width:300px; height:125px; overflow:auto"><div dir="ltr" style="text-align:left;">

.....

</pre>

Schonmal danke für die Mühe!
 
Du könntest dazu die "Suchmethoden" von JScript bzw. Javascript missbrauchen.

Code: 
<script type="text/javascript">
<!--
function markiere(obj)
{
    if(obj.firstChild)
        {   
            //IE5+
            if(document.all &&!window.opera)
                {
                    objRng=document.body.createTextRange();
                    objRng.findText(obj.firstChild.data);
                    objRng.select();
                }
            //sonstige DOM-Browser, welche die Methode find() kennen
            else if(window.find)
                {
                    find(obj.firstChild.data);
                }
         }
}
//-->
</script>

Wäre dabei natürlich optimal, wenn der Inhalt des <pre> nur einmal in der Seite vorkommt...

Beim IE könnte man den Inhalt u.U. gleich direkt in die Zwischenablage kopieren... aber das nur am Rande ;)

Test: Elementinhalt markieren

Das Ganze wär vielleicht auch garkein schlechtes Feature für uns hier.... wie ich diese scrollbaren <div>'s manchmal verfluche, wenns um markieren geht :-)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück