Avatar billede Slettet bruger
11. juni 2011 - 15:49 Der er 4 kommentarer og
1 løsning

pop op

Hej.
De lyder måske lidt mærkeligt men jeg prøver,
Det skal lige siges at jeg IKKE er ekspert i HTML! (men kender en lille smule til det)
Mit spørgsmål er: er der nogen der kan hjælpe med en HTML KODE der kan:

Jeg har et stykke tekst, er det muligt at når man holder musen over den skifter den farve + at når man klikker på den så popper der en lille -ikke bevægelig, boks op ved siden af med en speciel linie tekst der ikke kan redigeres men kun kopieres? og måske enda en "kopier" knap ? og når man så klikke på et område udenfor teksten igen, forsvinder boksen.

Lyder måske af en hel del men nogen der har nogle lignende koder for det??

P.S har lavet en cirka skitse i photoshop dog uden en "kopier" knap (behøver slet ikke at minde om):

https://lh4.googleusercontent.com/-jwuYPCR6T2A/TfNv5C0wOwI/AAAAAAAAAUY/enDf_fY5IXc/link.jpg
Avatar billede pstidsen Novice
11. juni 2011 - 16:47 #1
Kopier tekst knap er en dårlig idé, for jeg tror (læs NÆSTEN sikker) ikke der findes en løsning som virker til ALLE browsere. Hvis du vil have det til at virke i IE, så se her: http://www.htmlgoodies.com/beyond/javascript/article.php/3458851/Click-Its-Copied.htm

Til det med at den skal skifte farver med mouse over, kan du bruge hover fra css. Eksempel:

<html>
<head>
<style type="text/css">
div.test:hover {color:#0055DD;}
</style>
</head>

<body>
<p><b><div class="test">Test</div>
</body>
</html>
Avatar billede pstidsen Novice
11. juni 2011 - 16:51 #2
<html>
<head>
<style type="text/css">
div.test:hover {color:#0055DD;}
</style>
</head>

<body>
<div class="test">Test</div>
</body>
</html>
Avatar billede pstidsen Novice
11. juni 2011 - 17:03 #3
Avatar billede Slettet bruger
24. juli 2011 - 19:30 #4
Unskylder meget at jeg er så ekstremt sent ude... jeg har haft MANGE andre ting i hovedet, på det sidste. Mange tak for svarene! Og hvis du gerne vil have nogle point, Så opret endelig et svar!
Avatar billede pstidsen Novice
24. juli 2011 - 19:50 #5
Fik du her :)
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