Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2010
    Messaggi
    37

    Cambio colore a campo di input alla pressione...

    Salve a tutti...

    Come da titolo, cercavo un aiuto su come far cambiare colore ad un campo di input nel momento in cui ci clicco sopra per inserire del testo...

    Non vorrei che cambiasse di colpo, ma gradatamente, come un interpolazione... ho fatto alcune prove ma non cè l ho fatta...

    Spero che qualcuno sappia aiutarmi...

    Grazie per l eventuale aiuto!...

    P.S. uso AS2...

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,774
    Ciao.

    A meno che tu non voglia fare tutto da zero io ti consiglierei l'utilizzo di una delle varie classi tweener che si possono trovare gratuitamente in giro per il web.

    Io trovo abbastanza pratica la classe caurina.transitions.Tweener che offre varie proprietà tra cui TextShortcuts che ti permette di operare su varie proprietà dei campi di testo.

    Puoi scaricare la versione Actionscript 2 (Flash 8+), dell'intera classe, da questo elenco
    http://code.google.com/p/tweener/downloads/list

    Una volta scaricato lo zip dovrai estrarre la cartella "caurina" ed inserirla nella cartella stessa del tuo progetto flash per poterla importare poi sul filmato.

    Ti posto uno script d'esempio di come potresti utilizzare la classe:

    Codice PHP:
    // importo la classe
    import caurina.transitions.Tweener;
    import caurina.transitions.properties.TextShortcuts;
    TextShortcuts.init();

    // definisco delle variabili per i colori
    var colore0:Number 0x0000ff;
    var 
    colore1:Number 0xff0000;

    // imposto il colore iniziale al campo
    Tweener.addTween(campoinput,{_text_color:colore0});

    // assegno gli eventi al campo
    campoinput.onSetFocus = function(oldFocus) {
        
    Tweener.addTween(this,{_text_color:colore1time:1});
    };
    campoinput.onKillFocus = function(newFocus) {
        
    Tweener.addTween(this,{_text_color:colore0time:1});
    }; 
    Una volta importata la classe e inizializzata la specifica proprietà TextShortcuts, puoi utilizzarla per creare le transizioni che ti servono. In questo caso l'ho utilizzata per variare semplicemente il colore del campo input (che sull'esempio ho chiamato appunto "campoinput").

    La stessa classe puoi comunque utilizzarla per creare svariate transizioni via script su diverse tipologie di oggetti.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

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.