Nascondere contemporaneamente più <DIV>

**Jarno** · 16-10-2003, 18:54

salve gente

vorrei che al click di un bottone "traduci" tutti i <DIV> identificati con ID="ita" si nascondano lasciando posto a quelli identificati con ID"ing" ...la mia domanda è questa: si può identificare più DIV con lo stesso nome? o dovrei ad esempio usare "ita1", "ita2", "ita3", ...

ma allora se è così, posso ricorrere al CLASS:

<DIV class="ita"> ...

tuttavia non so come si modifica con JavaScript un class, voi avete una idea? qualcosa che corrisponda a:

eval("document.all.ing.style.display='none'");

**Jarno** · 16-10-2003, 19:20

confermo la mia paura: ho provato a infinocchiare il browser nominando più DIV con lo stesso ID ma è andato in tilt :gren:

a questo punto vi chiedo: come si fa a cambiare lo stile in CSS di una CLASS, utilizzando Javascript? ...una sorta di CSS reso dinamico con JavaScript ..... :master: :master:

**pela** · 16-10-2003, 19:23

ne abbiamo già parlato qui
http://forum.html.it/forum/showthrea...hreadid=515839

**badaze** · 16-10-2003, 19:31

Un id è unico.

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.divHidden  {visibility:hidden; background-color:#208FFF;}
.divVisible {visibility:visible; background-color:#208FFF;cursor:hand}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function hideDiv() {
 var listElement = document.all;
 for (i=0;i<listElement.length;i++) {
  var anObj = listElement.item(i);
	if (anObj.tagName == "DIV") {
	 if (anObj.className == "divVisible") {
	  anObj.className = "divHidden";
	 } else {
	  anObj.className = "divVisible";
	 } // if (anObj.className == "divVisible")
	} // if (anObj.tagName == "DIV"
 } // for (i=0;i<listElement.length;i++)
} // function hideDiv()
//-->
</script>


</head>
<body>
<div id="ita1" class="divVisible" style="background-color:yellow">salut mon gars</div>
<div id="ita2" class="divVisible" style="background-color:blue">salut mon gars</div>
<div id="ita3" class="divVisible" style="background-color:green">salut mon gars</div>
<div id="ita4" class="divVisible" style="background-color:pink">salut mon gars</div>
<input type="button" value="Clicca" onclick="hideDiv();">

</body>
</html>

**Jarno** · 16-10-2003, 19:41

mitici !!! ..come sempre! :mavieni: :mavieni: :mavieni:

**pela** · 16-10-2003, 19:49

per badaze:
ti ricordo che document.all è compatibile solo con IE
per ottenere tutti i DIV in maniera standard si può usare
document.getElementsByTagName("DIV");

ciao

**badaze** · 16-10-2003, 21:39

Originariamente inviato da pela
per badaze:
ti ricordo che document.all è compatibile solo con IE
per ottenere tutti i DIV in maniera standard si può usare
document.getElementsByTagName("DIV");

ciao

Ti ringrazio molto. E' vero che sono talmente abituato a programmare x IE che ne dimentico gli altri browser !!!

Discussione: Nascondere contemporaneamente più <DIV>

Strumenti discussione

Ricerca discussione

Visualizza

Nascondere contemporaneamente più <DIV>

Permessi di invio