Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13

Discussione: effetto su campo INPUT

  1. #1
    Utente di HTML.it L'avatar di diablobox
    Registrato dal
    Feb 2001
    residenza
    Pisa
    Messaggi
    1,154

    effetto su campo INPUT

    Ciao
    esiste un modo per fare in un campo input questo effetto:

    VEDI LINK

    quello che serve a me che cliccando sul campo dove sta un messaggio preimpostato (es: nome utente) scompare e ricompare se non si digita nulla

    ... in asp... perche non uso php..

    grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Quell'effetto e` realizzato tramite JS.

    Non e` ottenibile tramite CSS, dato che e` legato ad eventi e consiste nel modificare il codice HTML della pagina (o comunque del codice inserito tramite HTML).

    E non e` neppure il caso di realizzarlo tramite sistemi lato server (i citati PHP o ASP), in quanto si puo` fare tutto lato client, ed utilizzare AJAX per una cosa del genere e` sicuramente inutile e controproducente (e comunque AJAX ha necessita` di JS per funzionare).


    Nota che quell'effetto e` anti-accessibile, dato che in un brwoser che non supporta JS, il messaggio non viene cancellato al click. Pero` con piccole modifiche si puo` realizzare la stessa cosa in modo che se JS non e` attivo il messaggio iniziale non compaia.

    Sposto nel forum JS per competenza.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it L'avatar di diablobox
    Registrato dal
    Feb 2001
    residenza
    Pisa
    Messaggi
    1,154

    effetto su campo INPUT

    ... ti ringrazio...

    se qualcuno ha qualche link dove prendere uno script COMPATIBILE

    grazie

  4. #4
    Il codice di base per replicare l'effetto lo trovi proprio nella pagina da te indicata.
    Intanto pensare che un browser abbia i js disabilitati è una cosa strana. Se qualcuno li disabilita, sa che andrebbe incontro a tanti malfunzionamenti. Nell'era del web 2.0...
    Cmq potresti evitare di mettere il valore di default della casella di testo, e poi lo imposti direttamente dentro il codice javascript (esempio "inserisci testo").
    All'evento focus controlli se il testo è lo stesso da te impostato ("inserisci testo") e poi fai le stesse cose scritte nel codice della pagina.
    Così se js è disabilitato non appare niente, se è abilitato appare il testo con l'effetto che desideri.

    Ciao!
    Prima di dire che sei un Webmaster, guarda in giro per la rete....

  5. #5
    Utente di HTML.it L'avatar di Salvy95
    Registrato dal
    Jul 2008
    Messaggi
    199
    Io per quel genere di input mi baso su due eventi:
    Onclick
    OnChange

    In pratica strutture il codice così

    Onclick="this.value=' ' ";

    e

    OnChange="this.value='My value' ";

  6. #6
    Utente di HTML.it L'avatar di diablobox
    Registrato dal
    Feb 2001
    residenza
    Pisa
    Messaggi
    1,154

    effetto su campo INPUT

    ... non serve altro??

    e se il campo è password come faccio a far comaprire gli asterischi quando digito, ed un testo normale quando invece non sono su on focus??
    si può fare anche questo?
    grazie

  7. #7
    Utente di HTML.it L'avatar di Salvy95
    Registrato dal
    Jul 2008
    Messaggi
    199
    In pratica... quando clicchi sul campo password, da type text, divent type password

    Forse ho sbagliato a capirti xD

  8. #8
    In effetti la soluzione proposta non credo soddisfi le richieste fatte..
    Per i campi password non si può fare, perchè un campo password visualizza sempre i caratteri con i pallini/asterischi. Bisogna trovare soluzioni alternative (un post al riguardo è attivo e recentissimo, vicino a questo)

    Ciao
    Prima di dire che sei un Webmaster, guarda in giro per la rete....

  9. #9
    Utente di HTML.it L'avatar di diablobox
    Registrato dal
    Feb 2001
    residenza
    Pisa
    Messaggi
    1,154
    ... ho provato ma cosi non va come vorrei io.

    Io ho 2 campi: username e password:
    vorrei che quando si clicca su USERNAME scompare la scritta "username" e si digita il nome utente.

    il campo password invece vorrei ceh:
    stato senza OVER:
    sia un type text con la scritta PASSWORD
    on click scopare la scritta e diventa un campo password

    ho provato cosi ma non funziona:
    <input name="password" id="password" value="Password" size="13" maxlength="20" Onclick="this.value=''; type='password'" />

  10. #10
    Utente di HTML.it L'avatar di Salvy95
    Registrato dal
    Jul 2008
    Messaggi
    199
    Non credo che il type possa essere inserito in quel modo, ma prova comunque...this.type, e non type e basta.

    Però non credo funzioni lo stesso...

    Edit:

    <input type="text" value="xDD" onclick="this.type='password'">


    Ecco. così va bene

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.