9 svar · 436 visningar · startad av rikard81
Sitter med ett undersida där frågor och svar ska skrivas.
Vet ni nått bra script där man kan läsa frågan och sedan klicka och då ploppar svaret upp liksom? Har letar med lykta och örnögon men kan inte finna något script. Jag vet att det finns dock. Vore hjärtligt tacksam om någon kunde tipsa mig.
Tråden flyttad till webForum > Webbrelaterade forum > Webbutveckling > JavaScript, DHTML
Ett sådant script menar jag:
http://www.tierpsbyggen.se/index.php?option=com_content&task=view&id=45&Itemid=77
Någon som har nån aning om vart jag kan finna detta?
Nedan bör fungera, hittade i en annan tråd här på wF.
<script type="text/javascript">
function toggle(){
obj = document.getElementById('foo');
if(obj.style.display == "none"){
obj.style.display = "block";
}else{
obj.style.display = "none";
}
return false;
}
</script>
<a href="#" onclick="toggle();">Klicka på mig</a>
<br/>
<div id="foo" style="display:none;">Något</div>
Kanontack helt perfekt. Jag är ingen höjdare på javascript, Hur skapar man fler frågor utifrån den koden du skickade? Borde väl bara vara att fylla på med samma procedur men det funkade tydligen inte? Tack för all hjälp :-)
Varför funkar det inte att skriva fler frågor på detta sätt:
<script type="text/javascript">
function toggle(){
obj = document.getElementById('foo');
if(obj.style.display == "none"){
obj.style.display = "block";
}else{
obj.style.display = "none";
}
return false;
}
</script>
<a href="#" onclick="toggle();">Klicka på mig</a>
<br/>
<div id="foo" style="display:none;">Något</div>
<br>
<br>
<a href="#" onclick="toggle();">en till fråga</a>
<br/>
<div id="foo" style="display:none;">Svar</div>
För att båda har samma id.
Du får göra såhär:
<script type="text/javascript">
function toggle(target){
obj = document.getElementById(target);
if(obj.style.display == "none"){
obj.style.display = "block";
}else{
obj.style.display = "none";
}
return false;
}
</script>
Och sen...
<a href="#" onclick="toggle('foo1');">Klicka på mig</a>
<br/>
<div id="foo1" style="display:none;">Något</div>
<br /><br />
<a href="#" onclick="toggle('foo2');">Klicka på mig</a>
<br/>
<div id="foo2" style="display:none;">Något</div>
Jag vet.. Men det funkar inte och ha två olika id tydligen.. Det föregående ID är det som laddas upp när jag skapar två olika identidetet. Märkligt..
Tack.. Kanon, nu funkar det..