Avatar billede rene_koemler Praktikant
13. januar 2013 - 12:10 Der er 3 kommentarer og
1 løsning

Skjul objekt ved åbning af web-side

Hej,

Jeg har sakset et script fra Webdesign101 og modeficeret det til mit formål. Funktionalitete er i orden: Når jeg ruller musen henover linket åbnet objektet.

Desværre er det sådan at når siden loader er objektet synligt og jeg vil gerne have det var skjult.

I scriptet sætter jeg en variabel (onoff =0) der burde sikre at objektet var skjult.

Se hvad jeg mener på http://atleborg.dk/test2.htm


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Vis og skjul ved mouseover</title>

<script type="text/javascript">

var onoff = 0
function skiftDisplay(objekt,onoff) {
  if  (onoff ==1) {document.getElementById(objekt).style.display="block";}
  else {document.getElementById(objekt).style.display="none";}
}

</script>

</head>

<body>

Vis og skjul ved mouseover

<p
onmouseover="skiftDisplay('tekst1',true);return true;"
onmouseout="skiftDisplay('tekst1',false);return true;">
Før musen hen over dette tekstafsnit for at vise tekst1.</p>
<div id="tekst1">
<b><font size="2" color="#C41130">
  Her kommer teksten der er nummer 1<br>
  Og lidt mere tekst</font></b>
</div>

<p
onmouseover="skiftDisplay('tekst2',true);return true;"
onmouseout="skiftDisplay('tekst2',false);return true;">
Før musen hen over dette tekstafsnit for at vise tekst2.</p>
<div id="tekst2">
<b><font size="2" color="#C41130">
  Her kommer teksten der er nummer 2<br>
  Og lidt mere tekst</font></b>
</div>

</body>

</html>

Håber i kan hjælpe

Bedste hilsner
René
Avatar billede olebole Juniormester
13. januar 2013 - 15:18 #1
<ole>

Du giver dine DIV en klasse:

<div class="hidden" id="tekst1">

- og skriver du dette stylesheet i dit HEAD element:

<style type="text/css">
.hidden {
    display: none;
}
</style>

Så er de gemt ved side-load  =)

/mvh
</bole>
Avatar billede rene_koemler Praktikant
13. januar 2013 - 15:33 #2
Hej Ole,

Super tak for hjælpen ... smid venlist svar for points!
Avatar billede olebole Juniormester
13. januar 2013 - 15:48 #3
Ellers tak, jeg samler ikke point. Læg selv et svar og accepter det, så tråden lukkes  =)
Avatar billede rene_koemler Praktikant
15. januar 2013 - 11:34 #4
for at lukke
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