[Javascript] visibility hidden - appari!

[spirit6]

Ciao, ho un campo di testo con pulsante di submit che vorrei fare apparire solo con l'onMouseover.

<form name='formx' action="gall_pwd.php" method="post">
  <DIV name='hidiv' id='hidiv' onMouseover="this.style.visibility='visible';">
    <input type='password' name='pwd'>
    <input type='submit' size=10 value='Accedi'>
  </div>
</form>

Grazie a questo codice il campo dovrebbe apparire, solo che non riesco a farlo partire da nascosto al caricamento della pagina.

document.formx.hidiv.style.visibility='hidden';

Questo, inserito nei tag script o nell'onLoad, non funziona.

Help!

[br1]

Non mi risulta che gli oggetti invisibili reagiscano all'onmouseover... se cosi' fosse i buontemponi ci regalerebbero delle fantastiche paginette...

comunque per renderlo nascosto in partenza basta settarlo :

<DIV name='hidiv' id='hidiv' style="visibility: hidden;"
onMouseover="this.style.visibility='visible';">

ciao

[spirit6]

Avevo già provato con style="visibility: hidden;".
Funziona ma l'oggetto però non compare con l'onMouseover quindi è inutile.
Se gli invisibili non reagiscono con il rollover, sto provando ad applicare il codice ad un'immagine sempre visibile.

[img]image.jpg[/img]

Ma il maledetto non appare. Suggerimenti?

PS: sei sicuro che l'attributo visibility di css e quello javascript siano lo stesso? :/

[br1]

Originariamente inviato da spirit6
Avevo già provato con style="visibility: hidden;".
Funziona ma l'oggetto però non compare con l'onMouseover quindi è inutile.
Se gli invisibili non reagiscono con il rollover, sto provando ad applicare il codice ad un'immagine sempre visibile.

[img]image.jpg[/img]

Ma il maledetto non appare. Suggerimenti?

PS: sei sicuro che l'attributo visibility di css e quello javascript siano lo stesso? :/

Ma l'elemento non e' un oggetto del form VVoVe:

document.getEelementById('hidiv').style.visibility ='visible';

ciao

[spirit6]

Ok tutto a posto.
Ho preferito l'evento onClick, più discreto.

Volevo chiederti perchè tuttavia funziona solo con Firefox e non con IE.

[br1]

Originariamente inviato da spirit6
Ok tutto a posto.
Ho preferito l'evento onClick, più discreto.

Volevo chiederti perchè tuttavia funziona solo con Firefox e non con IE.

Lascio la domanda a chi usa Firefox

ciao

[andr3a]

Originariamente inviato da spirit6
Volevo chiederti perchè tuttavia funziona solo con Firefox e non con IE.

non so se c'entra qualcosa ... comunque gli eventi, come tutti gli altri attributi, si scrivono in minuscolo.

onmouseover
onclick

ecetera eccetera ... trattasi di W3C ... che poi consigli elemento.addEventListener('mouseover', metodo);
elemento.addEventListener('click', metodo);
... sempre eccetera

per IE, se non è questo, credo sia un problema logico ... se è invisibile non c'è, come fa ad applicare eventi ad un "fantasma" ?
Comunque è mlto strano, oltre a visibility prova un bel display

di base,
display = 'none';
visibility = 'hidden';


[img]image.jpg[/img]

[spirit6]

Grazie per il messaggio. Il w3c non c'entrava, in pratica dipendeva dalla posizione del mio campo nascosto.
In alcuni <td> veniva visto solo da firefox, in altri da entrambi, quindi l'ho spostato in un posto visualizzabile da tutti e due
Volevo usare l'evento onDoubleClick al posto di OnClick, ma non so se sia supportato.. con una prova volante non funziona su entrambi i browser, che dite?

[Xinod]

il gestore evento x il doppio click sarebbe ondblclick
ma non e' ampiamente supportato (credo solo IE lo interpreti correttamente)

[spirit6]

Vorrei far sì che con IE funzioni solo con il doppio click, e sugli altri browser con un click solo.

La mia immagine per ora ha questo codice:

<img onClick="document.getElementById('hidiv').style.visibility='visible';">

A occhio farei una funzione così:

<script language='javascript'>
function controlla() {
  browsername=navigator.appName;
  if (browsername.indexOf("Microsoft")!=-1) {DOPPIO CLICK}
  else {CLICK SOLO}
}

Come posso collegare le due idee?
Sarà sufficiente scrivere così?:

<img onclick='javascript:controlla();'>