Avatar billede caf Nybegynder
14. januar 2007 - 07:09 Der er 5 kommentarer og
1 løsning

Kan man skrive nedenstående om?

Godmorgen

Kan man skrive nedenstående om så når man trykker på ”Hvordan indgives bolus?” så folder menuen ud en gang mere, altså med svaret?


Jeg har denne fra:
http://www.eksperten.dk/spm/476768

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>FAQ</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.menupunkt{font-family:tahoma,verdana,arial,sans-serif;cursor:pointer;color:#9d52be;background:#fff;font-weight:800;font-style:italics;font-size:10px;width:690px;}
.menu{display:none;padding-left:5px;}
.menu a{text-decoration:none;}
.menu a:link{color:black;}
.menu a:visited{color:black;}
.menu a:hover{color:red}
.menu a:active{color:red}

</style>
<script language="javascript" type="text/javascript">
function showMenu(d){
  var id = d.id.substring(5);
  divs = document.getElementsByTagName('DIV');
  for(i=0;divs.length>i;i++){
    if(divs[i].id.indexOf('menu')==0&&divs[i].id!='menu'+id){
      divs[i].style.display='none';
      document.getElementById('o'+divs[i].id+'pic').src = "qmark.jpg";
    }
  }
  st = document.getElementById('menu'+id).style;
  st.display = (st.display!='block')?'block':'none';
  document.getElementById(d.id+'pic').src = (st.display=='block')?"qmark.jpg":"pics/tridown.gif";
}
</script>
</head>
<body>
<div id="omenu1" class="menupunkt" onclick="showMenu(this);">
<img id="omenu1pic" src="qmark.jpg" height="10" width="10">
Bolus
  <div id="menu1" class="menu" onclick="event.cancelBubble=true">
    <a href="#" onclick="return false;">Hvordan indgives bolus?</a><br>
    <a href="#" onclick="return false;">Kalven vil ikke sluge bolus?</a><br>
    <a href="#" onclick="return false;">Hvad er max. antal af bolus, som systemet kan håndtere?</a><br>
  </div>
</div>
<div id="omenu2" class="menupunkt" onclick="showMenu(this);">
<img id="omenu2pic" src="qmark.jpg" height="10" width="10">
Hardware
  <div id="menu2" class="menu" onclick="event.cancelBubble=true">
    <a href="#" onclick="return false;">Underpunkt 1</a><br>
    <a href="#" onclick="return false;">Underpunkt 2</a><br>
    <a href="#" onclick="return false;">Underpunkt 3</a><br>
    <a href="#" onclick="return false;">Underpunkt 4</a>
    <a href="#" onclick="return false;">Hvad er max. antal af bolus, som systemet kan håndtere?</a><br>
  </div>
</div>
<div id="omenu3" class="menupunkt" onclick="showMenu(this);">
<img id="omenu3pic" src="qmark.jpg" height="10" width="10">
Software
  <div id="menu3" class="menu" onclick="event.cancelBubble=true">
    <a href="#" onclick="return false;">Underpunkt 1</a><br>
    <a href="#" onclick="return false;">Underpunkt 2</a><br>
    <a href="#" onclick="return false;">Underpunkt 3</a><br>
    <a href="#" onclick="return false;">Underpunkt 4</a>
  </div>
</div>
<div id="omenu4" class="menupunkt" onclick="showMenu(this);">
<img id="omenu4pic" src="qmark.jpg" height="10" width="10">
Installation
  <div id="menu4" class="menu" onclick="event.cancelBubble=true">
    <a href="#" onclick="return false;">Underpunkt 1</a><br>
    <a href="#" onclick="return false;">Underpunkt 2</a><br>
    <a href="#" onclick="return false;">Underpunkt 3</a><br>
    <a href="#" onclick="return false;">Underpunkt 4</a>
  </div>
</div>

</body>
</html>
Avatar billede roenving Novice
14. januar 2007 - 12:48 #1
En simpel (ikke generisk !-) løsning:

<div id="omenu1" class="menupunkt" onclick="showMenu(this);">
<img id="omenu1pic" src="qmark.jpg" height="10" width="10">
Bolus
  <div id="menu1" class="menu" onclick="event.cancelBubble=true">
    <a href="#" onclick="var st=document.getElementById('showAnswer').style;st.display=st.display!='block'?'block':'none';return false;">Hvordan indgives bolus?</a><br>
    <div id="showAnswer" style="display:none;">&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onclick="this.parentNode.style.display='none';return false;">Prop det i halsen på kalorius</a><br></div>
    <a href="#" onclick="return false;">Kalven vil ikke sluge bolus?</a><br>
    <a href="#" onclick="return false;">Hvad er max. antal af bolus, som systemet kan håndtere?</a><br>
  </div>
</div>
Avatar billede caf Nybegynder
14. januar 2007 - 12:55 #2
Du er genial roenving, det virker :-)

Hvad mener du med (ikke generisk !-)?

Mvh Catarina

PS. Læg lige et svar, så du kan få point
Avatar billede roenving Novice
14. januar 2007 - 13:17 #3
Med ikke generisk mener jeg, at den kun virker lige der, hvor den er, du kan altså ikke uden yderligere tilpasninger have flere af dem !-)

Velbekomme '-)
Avatar billede roenving Novice
14. januar 2007 - 13:18 #4
;O)
Avatar billede caf Nybegynder
14. januar 2007 - 13:34 #5
Nååå Ja det fandt jeg ud af, jeg kalder bare "showAnswer" for "showAnswer1" "showAnswer2" osv

Så det hele virker. Tusinde tak for hjælpen.

Cat
Avatar billede roenving Novice
15. januar 2007 - 02:41 #6
Præcis !-)

-- og 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