Og hvis du splitter f.eks.:
"pr4" med split "pr" skal denne linje rettes
fra: if (i!=prnum){
til: if (i!=prnum[1]){
... Og som coderdk siger skal i betingelsen i formen
øges en tand - Et eksempel på din kode ser sådan her ud:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<script type="text/javascript">
function toggle_it(itemID){
prnum = itemID.split("pr")
for(i = 0;i<5;i++){
if (i!=prnum[1]){
document.getElementById("pr"+i).style.display = 'none';
}}}
</script>
</head><body>
<b onclick="toggle_it('pr0');">0</b><br>
<b onclick="toggle_it('pr1');">1</b><br>
<b onclick="toggle_it('pr2');">2</b><br>
<b onclick="toggle_it('pr3');">3</b><br>
<b onclick="toggle_it('pr4');">4</b><br>
<br><br><br>
<div id="pr0">0</div>
<div id="pr1">1</div>
<div id="pr2">2</div>
<div id="pr3">3</div>
<div id="pr4">4</div>
</body></html>
- Hvis den så skal vise/skjule afhængig af
knappen kan du bruge dette script istedet:
(ellers forsvinder tingene lidt hurtigt...)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<script type="text/javascript">
function toggle_it(itemID){
prnum = itemID.split("pr")
for(i = 0;i<5;i++){
document.getElementById("pr"+i).style.display =(i!=prnum[1])?'none':'block';
}
}
</script>
</head><body>
<b onclick="toggle_it('pr0');">0</b><br>
<b onclick="toggle_it('pr1');">1</b><br>
<b onclick="toggle_it('pr2');">2</b><br>
<b onclick="toggle_it('pr3');">3</b><br>
<b onclick="toggle_it('pr4');">4</b><br>
<br><br><br>
<div id="pr0">0</div>
<div id="pr1" style="display:none;">1</div>
<div id="pr2" style="display:none;">2</div>
<div id="pr3" style="display:none;">3</div>
<div id="pr4" style="display:none;">4</div>
</body></html>
- jeg ville vælge denne her:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<script type="text/javascript">
function toggle_it(prnum){
for(i = 0;i<5;i++){
document.getElementById("pr"+i).style.display =(i!=prnum)?'none':'block';
}
}
</script>
</head><body>
<b onclick="toggle_it('0');">0</b><br>
<b onclick="toggle_it('1');">1</b><br>
<b onclick="toggle_it('2');">2</b><br>
<b onclick="toggle_it('3');">3</b><br>
<b onclick="toggle_it('4');">4</b><br>
<br><br><br>
<div id="pr0">0</div>
<div id="pr1" style="display:none;">1</div>
<div id="pr2" style="display:none;">2</div>
<div id="pr3" style="display:none;">3</div>
<div id="pr4" style="display:none;">4</div>
</body></html>
- eller denne afhængig af behovet:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<script type="text/javascript">
var prev="pr0";
function toggle_it(prnum){
document.getElementById(prev).style.display='none';
prev=prnum;
document.getElementById(prnum).style.display='block';
}
</script>
</head><body>
<b onclick="toggle_it('pr0');">0</b><br>
<b onclick="toggle_it('pr1');">1</b><br>
<b onclick="toggle_it('pr2');">2</b><br>
<b onclick="toggle_it('pr3');">3</b><br>
<b onclick="toggle_it('pr4');">4</b><br>
<br><br><br>
<div id="pr0">0</div>
<div id="pr1" style="display:none;">1</div>
<div id="pr2" style="display:none;">2</div>
<div id="pr3" style="display:none;">3</div>
<div id="pr4" style="display:none;">4</div>
</body></html>
Ny bruger
Nybegynder
Opret
Preview
