Si può fare anche disponendo di ID identici, gruppo per gruppo, e te ne posto un esempio; benché sul momento non ho tempo di illustrarti il funzionamento.
Tieni presente che però quando dici:
.. più div con lo stesso id, ..
.. i div sono questi ...
<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>
<div id="box4"></div>
<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>
<div id="box4"></div>
come dovrei fare per far scomparire tutti i div con id 2, 3 e 4 ?????
non stai parlando di div-elementi con lo stesso id, se con ciò intendi:
id="box2" id="box3" id="box4"
perché questi sono di fatto, id diversificati. Quindi potrei non aver inteso esattamente come vuoi procedere.
Dimmi un po' cos ti torna / non ti torna con questo:
codice:
<!DOCTYPE html PUBLIC>
<html>
<head><title>same id 's running</title>
<script type="text/javascript">
function hide(group) {
var elements = document.getElementsByTagName("div");
for(i=0; i<elements.length; i++){
if(elements[i].id==group){
elements[i].style.display="none";
};
};
}
function show(group) {
var elements = document.getElementsByTagName("div");
for(i=0; i<elements.length; i++){
if(elements[i].id==group){
elements[i].style.display="";
};
};
}
</script>
</head><body>
<input value="nascondi box" type="button" onclick="hide('box');">
<input value="nascondi bed" type="button" onclick="hide('bed');">
<input value="visualizza box" type="button" onclick="show('box');">
<input value="visualizza bed" type="button" onclick="show('bed');">
<div id="box">a</div>
<div id="box">b</div>
<div id="box">c</div>
<div id="box">d</div>
<div id="bed">e</div>
<div id="bed">f</div>
<div id="bed">g</div>
<div id="bed">h</div>
</body>
</html>
I DIV ovviamente, li puoi anche disporre in ordine diverso, casuale.
Rispondi quotando
