Avatar billede showsource Seniormester
08. december 2006 - 12:51 Der er 11 kommentarer og
1 løsning

Markere en div ved klik på link/knap

Hej
Kan man få markeret en del af teksten på en side, ved klik på en knap eller link?
F.eks.

<div id="test">Noget tekst</div>

Altså, så "Noget tekst" bliver markeret, som når man gør det med musen?
Avatar billede olebole Juniormester
08. december 2006 - 13:30 #1
<ole>

<div id="myTest">Noget tekst</div>

<button onclick="css=document.getElementById('myTest').style;css.background='highlight';css.color='highlighttext'">TEST</button>

/mvh
</bole>
Avatar billede showsource Seniormester
08. december 2006 - 13:34 #2
uhh, fint !!!!!!!!!!!!!

Ehh, hvis du kan svare på om man så kan lave en "kopier" knap også, så bliver der flere point hvis du elelrs lægger et svar!
Avatar billede showsource Seniormester
08. december 2006 - 13:35 #3
Og, hov, hvis ,man højreklikker, er der ikke nogen "kopier" mulighed?
Avatar billede showsource Seniormester
08. december 2006 - 13:37 #4
hmm, altså, det som egentlig skal ske, er at gøre det er nemmere for brugeren at kopiere et vist script.
Avatar billede olebole Juniormester
08. december 2006 - 13:44 #5
I FF kan du ikke med script indsætte noget i udklipsholderen - og det kan du heller ikke fra og med IE7 ... så deeeeeeeeeeeeeeeeeeeet ......  :)
Avatar billede showsource Seniormester
08. december 2006 - 13:48 #6
hmm, ja, tænkte nok det ikke rigtigt kunne la' sig gøre!
Men smid gerne et svar alligevel!
Avatar billede olebole Juniormester
08. december 2006 - 13:57 #7
Hvis du skriver det i et textarea, vil koden dels være pænt formateret og dels kan du udvælge den med select-metoden:

<textarea id="gnu" style="width:500px;height:400px;font:13px 'courier new',monospace">
var nogetAndet = "tjooohhh";
function blabla() {
    var noget = nogetAndet;
    alert(noget);
}
</textarea>

<button onclick="document.getElementById('gnu').select()">Udvælg Kode</button>

- men du kan stadig ikke kopiere den. Copy i IE(før 7):
    http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/clipboarddata.asp

Nu kommer jeg pludselig i tvivl! Du må hellere selv teste, om 'copy' virker i IE7.0  ;o)
Avatar billede olebole Juniormester
08. december 2006 - 13:58 #8
Nåja ... svaret  :D
Avatar billede showsource Seniormester
08. december 2006 - 14:07 #9
well, jeg bruger en funktion til at få vist linie nr. i det viste script, sammen med "farvning" af de forskellige variabler.
Den med textarea kendte jeg godt, men vil hellere ha' "looket" med farver og linienr.
Avatar billede showsource Seniormester
08. december 2006 - 14:07 #10
hov, forkert knap! : O)
Avatar billede olebole Juniormester
08. december 2006 - 14:29 #11
*LoOoOoOoL* Nu bli'r den sære, gamle mand igen rådden bag panden  :D

<div style="position:relative;height:400px">
<textarea id="gnu" style="position:absolute;top:0;left:0;width:500px;height:400px;font:13px 'courier new',monospace;background:transparent">
var nogetAndet = "tjooohhh";
function blabla() {
    var noget = nogetAndet;
    alert(noget);
}
</textarea>

<textarea id="gnu" style="position:absolute;top:0;left:0;width:500px;height:400px;font:13px 'courier new',monospace;color:red;background:transparent">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"tjooohhh";
function &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;() {
    var noget = nogetAndet;
    alert(noget);
}
</textarea>
</div>
Avatar billede olebole Juniormester
08. december 2006 - 14:31 #12
- det var blot en syg joke, men det _kan_ faktisk lade sig gøre, da jeg har brugt en monospaced font  ;o)

Tak for points  =)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester