Problema jquery. dove sbaglio?

**pig_org** · 25-10-2010, 11:01

Ciao a tutti.
sto iniziando con jquery.
ho scritto queste due righe:

codice:

<script src="jquery/jquery_1_4_3.js" type="text/javascript" ></script>
<script type="text/javascript" >
$(document).ready(function()         {
                                     $('p#gia_cliente_').hide();
                                     $('p#contatto_').hide();


$('a#gia_cliente').click(function(){
$('#gia_cliente_').show();
});
$('a#contatto').click(function(){
$('#contatto_').show();
});

});
</script>
 <p id="gia_cliente_">
                 <tr>
                     <td>
                          Inserisci il codice cliente e clicca su cerca
                     </td>
                     <td>
                         <input type="text" name="codice_cliente">
                     </td>
                 </tr>
                 </p>
                 <p id="contatto_">
                 <tr>
                     <td colspan=2>
                          Ragione sociale <input type="text" name="ragione sociale"> Localita <input type="text" name="localita"> Provincia <input type="text" name="provincia">

                     </td>
                 </tr>
                 </p>

Ma non funziona... mi mostra da subito i due p che dovrebbero essere nascosti.

grazie,
ALe

**m4rko80** · 25-10-2010, 11:23

Ciao, ho provato questo cosi e funziona:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript" >
$(document).ready(function() {
$('p#gia_cliente_').hide();
$('p#contatto_').hide();

$('a#gia_cliente').click(function(){
$('#gia_cliente_').show();
});
$('a#contatto').click(function(){
$('#contatto_').show();
});

});
</script>

</head>
<body>
contatto
cliente

<p id="gia_cliente_">
<tr>
<td>
Inserisci il codice cliente e clicca su cerca
</td>
<td>
<input type="text" name="codice_cliente">
</td>
</tr>
</p>

<p id="contatto_">
<tr>
<td colspan=2>
Ragione sociale <input type="text" name="ragione sociale"> Localita <input type="text" name="localita"> Provincia <input type="text" name="provincia">

</td>
</tr>
</p>

Ps e' consigliato non usare nella stessa pagina id uguali anche se in blocchi diversi

**pig_org** · 25-10-2010, 11:28

A me non li nasconde.li lascia sempre visibili!

**m4rko80** · 25-10-2010, 11:29

Hai errori js nella consolle? non e' che hai sbagliato ad includere jquery??? io non ho altro nella pagina e funziona...

**pig_org** · 25-10-2010, 11:35

Effettivamente l'esempio funzia... ci deve essere qualche cosa nella mia pagina che non va... quelle righe sono all'interno di un form... magari è quello ... bò!

**m4rko80** · 25-10-2010, 11:38

se usi Firefox nella consolle dovresti vedere gli errri js facilmente.

**pig_org** · 25-10-2010, 12:15

Ho capito. era un problema di tabelle.

se io faccio

caso 1:

codice:

<table><tr><td></td></tr><p id="pippo"><tr><td>mosta la scritta 1</td></tr></p></table>

caso 2:

codice:

<p id="pippo"><table><tr><td>mosta la scritta 1</td></tr></table></p>

Nel primo caso non si riesce a nascondere, nel secondo si. ho fatto diverse prove e questo ne è il risultato.

Ale

Discussione: Problema jquery. dove sbaglio?

Strumenti discussione

Ricerca discussione

Visualizza

Problema jquery. dove sbaglio?

Permessi di invio