Script, DIV, IE e Mozilla

**natasha** · 11-12-2004, 17:33

Buonasera a tutti,
il seguente pezzo di codice produce un interessante effetto mostra/nascondi sia in IE 6.0 che in Firefox:

<html> <head>
<title> Script mostra_nascondi </title>

<STYLE>

</STYLE>

<SCRIPT language="javascript">

</SCRIPT>

</head>
<P align="center">

<INPUT TYPE="button" VALUE="Show" onClick="mostra()">
<INPUT TYPE="button" VALUE="Hide" onClick="nascondi()">
</P>

<DIV ID="pippo" CLASS="nascondi">

***PIPPO***</P>
</div>
</body>
</html>

Il problema sorge in Mozilla, quando vado ad inserire il div "pippo" in un altro div: con IE mi funziona, con Firefox no, dandomi in console Javascript un misterioso "pippo not defined". Penso che parte della soluzione sia nel fatto che il buon Firefox invece del riferimento per id vorrebbe il metodo document.getElementById(): qualcuno ha idea di come fare?

Ancora: in IE si può richiamare una funzione Javascript da link con:

CLICCA QUI

qualcuno ha idea di una sintassi compatibile sia con IE che con Firefox?
Infine: un classico: uno script (compatibile con IE e Mozilla....) che sia in grado di popolare una listbox, sull'evento "onSelect()" di una listbox precedente. Caso classico: ho una listbox con le province, se seleziono "Caltanissetta" nella seconda listbox mi devono comparire tutti i comuni di Caltanissetta.
Post un pò lungo, ma spero che le questioni siano interessanti.
Kisses,

Nat

**natasha** · 11-12-2004, 17:54

bah, mi sa che i post in questo forum sono utili per schiarirsi la testa dalla nebbia....

<SCRIPT language="javascript">

</SCRIPT>

Mostra</p>

Nascondi</p>
<div id="pippo" class="nascondi">

*****PIPPO******</p>
</div>

e funziona qualsiasi cosa ci sia nel div pippo, immagini comprese. Le classi .mostra e .nascondi le ho messe in un foglio di stile esterno, e neanche la console Javascript di Firefox ha da ridire. A questo punto una simpatica domanda.... come si fa a posizionare un'immagine (<img>) da foglio di stile?
Rimane aperta la questione delle due combo....
Kisses,

Nat

**guitar** · 12-12-2004, 16:53

Immaginiamo di voler posizionare un'immagine diciamo a 50 pixel dal bordo superiore e 40 pixel dal margine laterale sinistro facendo uso di posizioni assolute questo è il codice:

<style type="text/css">

</style>

nel tag IMG a questo punto basta richiamare lo stile CSS utilizzando la seguente sintassi

class="posImage"

Discussione: Script, DIV, IE e Mozilla

Strumenti discussione

Ricerca discussione

Visualizza

Script, DIV, IE e Mozilla

Permessi di invio