Notifikationer

Markér alle som læst Log ud

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 :-)

Synes godt om

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>

Synes godt om

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>

Synes godt om

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 :)

Synes godt om

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 :)

Synes godt om

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>

Synes godt om

shjorth Nybegynder

31. oktober 2007 - 21:37 #6

Formidabelt ;)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS