Avatar billede shjorth Nybegynder
30. oktober 2007 - 21:19 Der er 5 kommentarer og
1 løsning

Vindue oven på side

Hejsa.

Jeg kunne godt tænke mig at lave en "important info" funktion på min side.

Det jeg i bund og grund skal bruge er et script som kommer op når man besøger en bestemt side.

Det skal nærmest være et "ekstra" vindue placeret på siden, men uden at være et iframe noget.

Så når man besøger en side, hvor den her info skal være skal denne "boks" være der, og så kunne lukkes igen.

Jeg har ledt på diverse free script sider, men det er ikke noget man bare lige kan finde.

Et eksempel kan ses på http://www.lectio.dk/lectio/3/default.aspx
Hvis man trykker på "?" i højre side kommer der en boks -> Noget alla det jeg leder efter.

På forhånd mange tak :-)
Avatar billede w13 Novice
31. oktober 2007 - 00:12 #1
Dette burde fungere:
----------------------------------------------------------
<script type="text/javascript">
function ToggleShow(elm){
    elm.style.display=elm.style.display=="none"?"inline":"none"
}
</script>

<span style="cursor:pointer" onclick="ToggleShow(document.getElementById('importantinfo'))">?</span>

<div id="importantinfo" style="position:fixed;top:300px;left:300px;width:500px;display:none">
    <p>Important info</p>
    <p>Tekst her</p>
</div>
Avatar billede w13 Novice
31. oktober 2007 - 00:16 #2
Okay, dette er så den testede version:)
---------------------------------------
<script type="text/javascript">
function ToggleShow(elm){
    elm.style.display=elm.style.display=="none"?"":"none"
}
</script>

<span style="cursor:pointer" onclick="ToggleShow(document.getElementById('importantinfo'))">?</span>

<div id="importantinfo" style="position:absolute;top:250px;left:250px;width:500px;display:none;border:1px solid #000000;background-color:#ffffff">
    <p>Important info</p>
    <p>Tekst her</p>
</div>
Avatar billede shjorth Nybegynder
31. oktober 2007 - 10:28 #3
Det er faktisk præcis det jeg vil have..
Er det muligt at lave det, sådan at den ER åben når man besøger siden, og så har mulighed for at lukke den.?

Ellers skide godt :)
Avatar billede w13 Novice
31. oktober 2007 - 11:58 #4
Sagtens. Det er display:none; inde i dens style, der gør det. Bare sæt den til display:inline;

Og her er et svar :)
Avatar billede w13 Novice
31. oktober 2007 - 11:59 #5
Altså:

<div id="importantinfo" style="position:absolute;top:250px;left:250px;width:500px;display:inline;border:1px solid #000000;background-color:#ffffff">
    <p>Important info</p>
    <p>Tekst her</p>
</div>
Avatar billede shjorth Nybegynder
31. oktober 2007 - 21:37 #6
Formidabelt ;)
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

IT-JOB