Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di carlo2002
    Registrato dal
    Jun 2002
    Messaggi
    2,746

    [JS] onmouse per scelta stile

    con questo codice:
    codice:
    onmouseover="this.className='formtext2'"
    onmouseout="this.className='formtext'"
    cambio lo stile di un form text al passaggio del mouse.

    Se io volessi che oltre al passaggio del mouse lo stile cambiasse anche quando al form ci clicco dentro per scrivere, come posso fare?
    Errare humanum est, perseverare ovest

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    usa l'evento onclick dentro l'input in modo analogo all'esempio che hai postato tu.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it L'avatar di carlo2002
    Registrato dal
    Jun 2002
    Messaggi
    2,746
    ho fatto così:
    codice:
    onmouseover="this.className='form_text2'"
    onmouseout="this.className='form_text'"
    onclick="this.className='form_text2'"
    ma non cambia niente
    Errare humanum est, perseverare ovest

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    prova con "onfocus" invece di "onclick"

    in alternativa prova ad usare questa sintassi all'interno dell'action:

    this.setAttribute("class", "form_text2");

    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it L'avatar di carlo2002
    Registrato dal
    Jun 2002
    Messaggi
    2,746
    però pensandoci bene quel onmouseover mi sembra un pò una tamarrata, lascio solo onclick che mi sembra più elegante.

    grazie tante
    Errare humanum est, perseverare ovest

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.