Avatar billede mhl2k01 Nybegynder
15. september 2004 - 09:03 Der er 10 kommentarer og
1 løsning

Vis billed/tekst ved mouseclick

Hvordan laver jeg et link som gør:

Når jeg klikker på >link<
kommer

____________________
|                    |
|    tekst          |
|                    |
|____________________|

Frem et sted på siden ... Hvordan gør jeg det?
Avatar billede bernhof Nybegynder
15. september 2004 - 09:12 #1
Er det noget lignende dette du søger?

<script language="javascript">
    function toggleDiv(divName)
    {
    var d = document.getElementById(divName)

    if(d.style.display == 'none')
        { d.style.display = 'inline' }
    else
        { d.style.display = 'none' }
    }
</script>

<p><a href="#" onclick="toggleDiv('myDiv')">Klik her for at skjule/vise tekst</a></p>

<div style="display:none" name="myDiv" id="myDiv">
    Tekst
</div>
Avatar billede mhl2k01 Nybegynder
15. september 2004 - 09:13 #2
Må jo hellere lige prøve det ;)
Avatar billede bernhof Nybegynder
15. september 2004 - 09:14 #3
Du kan i princippet placere alt hvad du har lyst til inden for <div> og </div>, hvilket så vil blive vist/skjult ved et klik på linket!
Avatar billede mhl2k01 Nybegynder
15. september 2004 - 09:16 #4
Hvordan kan jeg flytte rundt på den div?
Avatar billede bernhof Nybegynder
15. september 2004 - 09:17 #5
Hvor vil du gerne have den?
Avatar billede mhl2k01 Nybegynder
15. september 2004 - 09:18 #6
Ahh okay :P
Avatar billede mhl2k01 Nybegynder
15. september 2004 - 09:18 #7
Hvis jeg vil Flytte boxen et specielt sted på skærmen, kan jeg så smide den i en table?
Avatar billede bernhof Nybegynder
15. september 2004 - 09:18 #8
Du kan ikke flytte rundt på den i fx FrontPage design view. Du bliver nødt til at gøre det i HTML'en, da div'en fra starten ikke er synlig.
Avatar billede bernhof Nybegynder
15. september 2004 - 09:20 #9
du kan godt smide den i en table. men du kan også give den en præcis pixel-by-pixel placering ved at tilføje følgende til style-attributten:

position: absolute; top: 100px; left: 100px

så <div>'en ser således ud:

<div style="display:none; position: absolute; top: 100px; left: 100px" name="myDiv" id="myDiv">
    Tekst
</div>
Avatar billede mhl2k01 Nybegynder
15. september 2004 - 09:21 #10
Ahh
okay :D
Men tusind tak for hjælpen ;)
Det gør IT undervisningen en del lettere ;)
hehe :D
Avatar billede bernhof Nybegynder
15. september 2004 - 09:29 #11
Så lidt :) Tak for point.
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