Sticky note

Du bliver nød til at definere funktionen hidestickynote() før du kan bruge den. Hvis du gerne vil have den til at lukke noten, kan det f.eks. gøres således:

Hvor skal jeg indsætte dette stykke kode?

I et script element i head-elementet på siden:



:)

jeg får en syntax error i denne linje: funtion hidestickynote() {

det skal være:

function hidestickynote(){

:)

Undskyld. En lille slåfejl fra min side. Tak fordi du så den, splazz :)

Tak. Det hjalp på syntax error. Dog virker det ikke, da den ikke lukker "noten"

Jeg har denne kode i min head

<script type="text/javascript">
function hidestickynote(){
  document.getElementById('stickynote').style.display == 'none';
}
</script>

Derudover har jeg noget css i min head som hedder:

<style type="text/css">
#stickynote {
    top: 40%;
    left: 45%;
    position: fixed;
    height: 254px;
    width: 248px;
}
#luk {
    width: 10px;
    height: 10px;
    z-index: 2;
    float: right;
}
</style>

Og i bunden af min kode, i body har jeg:

<div id="stickynote">
<div align="right"><img src="Images/luk.png" width="10" height="10" /></a></div>
<a href="#"><img src="Images/sticky.png" width="248" height="254" border="0" /></a>
</div>

Du skal naturligvis beholde din oprindelige kode:

Dette hjalp ikke. Det virker stadig ikke.

Det kan se det her: http://www.ringstedtennisklub.dk/datacompagniet/NYWEB/index.html

Heh, undskyld. Endnu en slåfejl. Der er et lighedstegn for meget i koden:

Super.. Det virkede... Ved du også hvordan jeg får krydset ind i selve "noten"?

ret din css til:



fjern img-tagget fra din sticky-div og sæt id på din luk-knap div til luk :)

Super godt.. tak.

Lige et sidste spørgsmål. Hvordan får jeg så et link på selve "noten" evt bare på teksten?

Du kan sætte en onclick på hele noten, på samme måde som du gør på krydset i hjørnet. I denne kan du så åbne et nyt vindue eller skifte side.

så skal der bare lige noget cancel_bubble() på, da den ellers vil fyre begge onclicks af når du trykker på krydset

Hvor skal det der cancel_bubble() ind henne? Jeg har fået link på noten, men som du korrekt siger, går den også til linket ved at trykke på krydset.

Min kode ser sådan ud:


<div id="stickynote" onclick="location.href='http://www.ringstedtennisklub.dk/datacompagniet/NYWEB/kontakt.html';" style="cursor:pointer;">
<div id="luk"><a href="#" onClick="hidestickynote();return false"><img src="Images/luk.png" width="10" height="10" /></a></div>
</div>


Hvordan får man den til at være _blank, altså åbne i nyt vindue?

det var så cancelBubble - husker ikke så godt :)

Super godt.

Ligger du svar, får du point.

Jeg tillader mig også at lægge et svar, som du kan acceptere, hvis du også syntes jeg har været til hjælp :)

Selvfølgelig. Dog får splazz de fleste, da han var mest til hjælp ;)

kommer her :)

hovsa.. point skulle have være omvendt :O

det går nok ;)