cambiare attributo type di un input dopo aver premuto un un #

[mest_suc]

Salve a tutti ragazzi.. ho un problemino.. non masticando Javascript, mi viene difficile programmare script per esso, e così chiedo aiuto a voi.

Ho un input di tipo testo, che nel momento in cui all'interno ci scrivo #, voglio che diventi di tipo password; magari cancellando anche il cancelletto.
Potete darmi una mano?

Ivano

[Xinod]

non puoi farlo,
ti servono 2 campi diversi sovrapposti via css
quando quello di testo riceve il focus deve nascondersi e quello password mostrarsi/prendere il focus

[mest_suc]

bene.. e grazie della risposta.

ma col css intendi lo z-index? potrebbe essere una soluzione?

[Xinod]

z-index e posizionamento

[mest_suc]

allora.. ho risolto col css come aveva giustamente scritto Xinod, e con un semplicissimo script di javascript. Posterò il tutto più tardi.
Grazie ancora..

Ivano

[lucavizzi]

Originariamente inviato da Xinod
non puoi farlo,
ti servono 2 campi diversi sovrapposti via css
quando quello di testo riceve il focus deve nascondersi e quello password mostrarsi/prendere il focus

Scusa Xinod,
in un mio sito in fase di ultimazione uso questo codice (che fa proprio quello che chiede mest_suc):

<input name="Password" value="password" onfocus="if(this.value=='password'){this.value=''; this.type='password' ;}" onblur="if(this.value==''){this.value='password'; this.type='text' ;}" />

e sembra funzionare su tutti i browser... c'è qualche controindicazione che non conosco?

[cavicchiandrea]

Originariamente inviato da lucavizzi
Scusa Xinod,
in un mio sito in fase di ultimazione uso questo codice (che fa proprio quello che chiede mest_suc):

<input name="Password" value="password" onfocus="if(this.value=='password'){this.value=''; this.type='password' ;}" onblur="if(this.value==''){this.value='password'; this.type='text' ;}" />

e sembra funzionare su tutti i browser... c'è qualche controindicazione che non conosco?

Se non ricordo male le versioni IE 6/7 non funziona con la 8 non lo so e anche con opera ho qualche dubbio.

[mest_suc]

allora.. ho risolto col css e qualche riga di javascript.

Per quanto riguarda il posizionamento ho solo usato lo z-index.
Mentre per i due script ho fatto così:

function campo_password(){ 
document.commenti.password.style.display='';
document.commenti.nome_cognome.value=''; 
}

con questo script rendo visibile l'input password (avendo lo z-index maggiore, prenderà il posto sovrapponendosi), ed elimino il value dell' input nome_cognome.

function nascondi_campo_password(){ 
document.commenti.password.style.display='none';
document.commenti.password.value='';  
}

con questo script rendo invisibile l'input password ed elimino il suo value.

Molto semplice a funzionale..

Ivano

[lucavizzi]

Originariamente inviato da cavicchiandrea
Se non ricordo male le versioni IE 6/7 non funziona con la 8 non lo so e anche con opera ho qualche dubbio.

Vero, non funziona nè col 6 nè col 7. Non ho potuto testarlo sull'otto, sul nove va, su opera pure.
Non ci avevo fatto caso....