[javascript]visibilità div

[$te]

premetto che non conosco nulla di javascript, pero guardando un po in rete, volevo fare una semplice funzione per nascondere o mostrare un testo.
In pratica se clicco su "sport", mi deve visualizzare "gazzetta", se riclicco su "sport", me la deve nascondere

<STYLE TYPE="text/css">
.form1style {

visibility:Hidden;
}
</STYLE>

<script language="javascript">
<!--
function Nascondi(){

if(form1style.visibility =="hidden") form1style.visibility = "show";

if(form1style.visibility =="show") form1style.visibility = "hidden";

}


//-->
</script>

<body>
<!-- chiamata diretta a una funzione JavaScript-->
<A HREF="javascript:Nascondi();">sport</A><BR>

<BR><BR><BR>
<DIV class="form1style">gazzetta</DIV>


<A HREF="javascript:Nascondi();">altro</A><BR>

<BR><BR><BR>
<DIV class="form1style">niente</DIV>

dove sbaglio? grazie

[Nous]

form1style.visibility

Dovrebbe essere :

form1style.style.visibility

Ma poi..hai due div con lo stesso id, come fa a capire cosa deve nascondere?

[$te]

Originariamente inviato da Nous

Dovrebbe essere :

form1style.style.visibility

Ma poi..hai due div con lo stesso id, come fa a capire cosa deve nascondere?

anche con form1style.style.visibility non funziona.

Ho provato cosi: <DIV id="1" class="form1style">gazzetta</DIV>

e poi nella funzione ho aggiunto un if:

function Nascondi(id2){

if(id==id2)
{
if(form1style.style.visibility =="hidden") {form1style.style.visibility = "show";}

if(form1style.style.visibility =="show") {form1style.style.visibility = "hidden";}
}
}

ma nn funziona cmq.

[vladix]

Originariamente inviato da Nous

Ma poi..hai due div con lo stesso id,

non e l'id ... e il nome della classe di stile ...

prova con

<html>
<script language="javascript">

function Nascondi(){

if(document.getElementById('xd').style.visibility =="hidden"){ 
     document.getElementById('xd').style.visibility = "visible";
 }else{
     document.getElementById('xd').style.visibility = "hidden";
	 }
}
</script>
<body>
<A HREF="javascript:Nascondi();">sport</A><BR>
<DIV style="visibility:hidden" id="xd">gazzetta</DIV>
</body>
</html>

[$te]

ok! pero serve anche l'id:

<html>
<script language="javascript">

function Nascondi(id){

if(document.getElementById(id).style.visibility =="hidden"){
document.getElementById(id).style.visibility = "visible";
}else{
document.getElementById(id).style.visibility = "hidden";
}
}
</script>
<body>
<A HREF="javascript:Nascondi('xd');">sport</A><BR>
<DIV style="visibility:hidden" id="xd">gazzetta</DIV>

<A HREF="javascript:Nascondi('xa');">aaa</A><BR>
<DIV style="visibility:hidden" id="xa">ffffta</DIV>
</body>
</html>

dite che posso dare alla funzione Nascondi() una variabile php, tipo $id?

grazie

[$te]

un altro problema:
io vorrei che la parte nascosta non occupi spazio: quindi se sotto sport ho una lista di 10 elemnti, non mi occupi nessuno spazio, se non quando ci clicco sopra

[vladix]

php e lato server mentre javascript e lato client ... quindi non puoi passare una variabile php alla funzione javascript

Originariamente inviato da $te

un altro problema:
io vorrei che la parte nascosta non occupi spazio: quindi se sotto sport ho una lista di 10 elemnti, non mi occupi nessuno spazio, se non quando ci clicco sopra

invece di

style.visibility = "hidden"

usa

style.display = "none";  // x nascondere un elemento 

style.display = "block"; // mostrare un elemento

[Nous]

Originariamente inviato da $te

un altro problema:
io vorrei che la parte nascosta non occupi spazio: quindi se sotto sport ho una lista di 10 elemnti, non mi occupi nessuno spazio, se non quando ci clicco sopra

Invece di style.visibility = "hidden" usa style.display = "none"

[$te]

Originariamente inviato da vladix

php e lato server mentre javascript e lato client ... quindi non puoi passare una variabile php alla funzione javascript

quindi come potrei fare? dato che devo passare un id che cambia, la passo come variabile javascript? (ripeto che di javascript non conosco nulla:P)

grazie

[vladix]

se l'id cambia ogni volta che riaggiorni la pagina basterebbe fare

 <A HREF="javascript:Nascondi();">sport</A><BR>

<BR><BR><BR>
<DIV class="form1style" id="<?php  print($id1)?>">gazzetta</DIV>


<A HREF="javascript:Nascondi();">altro</A><BR>

<BR><BR><BR>
<DIV class="form1style" id="<?php  print($id2)?>">niente</DIV>

nn ho capito bene se e questo che vuoi ... ( e nn sn un esperto di php )