[javascript]visibilità div

$te · 26-06-2008, 13:07

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">

</script>

<body>

<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 · 26-06-2008, 13:57

Quote:

form1style.visibility

Dovrebbe essere :

form1style.style.visibility

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

$te · 26-06-2008, 14:10

Quote:

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 · 26-06-2008, 14:20

Quote:

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

Codice:

<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 · 26-06-2008, 14:32

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 · 26-06-2008, 14:34

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 · 26-06-2008, 14:48

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

Quote:

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

Codice:

style.visibility = "hidden"

usa

Codice:

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

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

Nous · 26-06-2008, 15:01

Quote:

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 · 26-06-2008, 15:47

Quote:

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 · 26-06-2008, 16:07

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

Codice:

 <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

)

26-06-2008, 13:07	#1
$te Senior Member Iscritto dal: Aug 2006 Messaggi: 1262	[javascript]visibilità div 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

26-06-2008, 14:32	#5
$te Senior Member Iscritto dal: Aug 2006 Messaggi: 1262	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

26-06-2008, 14:34	#6
$te Senior Member Iscritto dal: Aug 2006 Messaggi: 1262	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

Strumenti
Mostra una versione stampabile Invia questa pagina per email