Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    cambiare lo sfondo al passaggio del mouse

    Ciao, vorrei cambiare il colore di sfondo al passaggio del mouse su un bottone tipo submit:

    Codice PHP:
    <input class="bottone" type="submit" value="Iscrivimi" name="invio" onMouseOver="document.newsletter_form.invio.??? onMouseOut="document.newsletter_form.invio.???

    Non so cosa devo mettere al posto di ???
    vorrei una cosa del tipo:

    document.newsletter_form.invio.stile.coloresfondo= #valore

    Grazie

  2. #2
    boolbo
    Guest
    Questa è una cosa che puoi fare con i CSS suppongo.

  3. #3
    si, ma siccome lo suo una volta sola, volevo sfruttare l'evento per cambiare il valore della proprietà.
    sto cercando ma non trovo, dovrebbe essere tipo:
    .....style.background-color='valore'"
    ma non va!

  4. #4
    boolbo
    Guest
    Per colorare un bottone da CSS io utilizzo questa stringa:

    codice:
    INPUT.button {
    	BACKGROUND-COLOR: #333333
    }
    Ma non so se l'evento on mouse over può gestire due tipi di stile etc...

  5. #5
    Utente di HTML.it L'avatar di Sgnafurz
    Registrato dal
    Mar 2003
    Messaggi
    2,182

    Re: cambiare lo sfondo al passaggio del mouse

    Originariamente inviato da SimoneLucca
    Ciao, vorrei cambiare il colore di sfondo al passaggio del mouse su un bottone tipo submit:

    Codice PHP:
    <input class="bottone" type="submit" value="Iscrivimi" name="invio" onMouseOver="document.newsletter_form.invio.??? onMouseOut="document.newsletter_form.invio.???

    Non so cosa devo mettere al posto di ???
    vorrei una cosa del tipo:

    document.newsletter_form.invio.stile.coloresfondo= #valore

    Grazie
    definisciti due class diversi per il bottone
    in class1 metti il colore dello sfondo che deve avere il bottone normalmente, in class2 metti il colore di rollover

    e poi gestisci cosi:
    onMouseOver="this.style.className='class1'"
    onMouseOut="this.style.className='class2'"

    dovrebbe andare

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.