Accueil > > > CHAMPS DE SAISIE AMELIORÉ
CHAMPS DE SAISIE AMELIORÉ
Information sur la source
Description
Dans cette source je vais vous montrer comment donnez un peu de punch à vos champs de saisie.
Le code qui suit va permettre de changer la couleur de vos champs lorsqu’ils ont le focus, de les preremplir, de les vider lors du 1er focus, de leur donner un effet de profondeur, etc ...
Le script
---------
Placez un champs de texte de saisie sur votre scene, et donnez lui comme nom d’occurence “test“.
Ensuite placez ce code sur le scenario principal:
Source
- /**********************************************************
- #Fonction à appeler ...
- **********************************************************/
- /*
- | Elle prend 4 paramètres obligatoires
- | *champs:TextField --> l'occurence de votre champs de texte
- | *defaut_txt:String --> chaine de pre-remplissage
- | *color1:Number --> Couleur du fond par defaut
- | *color2:Number --> Couleur du fond au focus
- */
- function txt_focus(champs:TextField, defaut_txt:String, color1:Number, color2:Number):Void {
- //On stock la couleur actuelle du texte
- var init_color:Number = champs.textColor;
- //On active la bordure
- champs.border = true;
- //On active le background
- champs.background = true;
- //On defini la couleur de background
- champs.backgroundColor = color1;
- //On met le texte en gris clair
- champs.textColor = 0x999999;
- //Lorsque le champs obtient le focus
- champs.onSetFocus = function(Void):Void {
- //On affiche le texte de pre-remplissage
- this.text = defaut_txt;
- //On change le fond
- this.backgroundColor = color2;
- //On remet la couleur de texte originale
- this.textColor = init_color;
- //On vire la fonction onSetFocus
- delete this.onSetFocus;
- //Un 2ème onSetFocus pour les prochains focus sur le champs
- champs.onSetFocus = function(Void):Void {
- champs.backgroundColor = color2;
- };
- };
- //On change le fond quand on perd le focus
- champs.onKillFocus = function(Void):Void {
- this.backgroundColor = color1;
- };
- //Creation du demi cadre pour effet de profondeur
- var cadre:MovieClip = this.createEmptyMovieClip("cadre", this.getNextHighestDepth());
- cadre.lineStyle(0, 0xbbbbbb, 100, true, "none");
- cadre.moveTo(champs._x+champs._width, champs._y);
- cadre.lineTo(champs._x+champs._width, champs._y+champs._height);
- cadre.lineTo(champs._x, champs._y+champs._height);
- }
- /**********************************************************
- #Affectation des champs de texte
- **********************************************************/
- this.test.text = "Votre nom ici ...";
- txt_focus(test, 'Nom : ', 0xEEF3F5, 0xFFF9EC);
/**********************************************************
#Fonction à appeler ...
**********************************************************/
/*
| Elle prend 4 paramètres obligatoires
| *champs:TextField --> l'occurence de votre champs de texte
| *defaut_txt:String --> chaine de pre-remplissage
| *color1:Number --> Couleur du fond par defaut
| *color2:Number --> Couleur du fond au focus
*/
function txt_focus(champs:TextField, defaut_txt:String, color1:Number, color2:Number):Void {
//On stock la couleur actuelle du texte
var init_color:Number = champs.textColor;
//On active la bordure
champs.border = true;
//On active le background
champs.background = true;
//On defini la couleur de background
champs.backgroundColor = color1;
//On met le texte en gris clair
champs.textColor = 0x999999;
//Lorsque le champs obtient le focus
champs.onSetFocus = function(Void):Void {
//On affiche le texte de pre-remplissage
this.text = defaut_txt;
//On change le fond
this.backgroundColor = color2;
//On remet la couleur de texte originale
this.textColor = init_color;
//On vire la fonction onSetFocus
delete this.onSetFocus;
//Un 2ème onSetFocus pour les prochains focus sur le champs
champs.onSetFocus = function(Void):Void {
champs.backgroundColor = color2;
};
};
//On change le fond quand on perd le focus
champs.onKillFocus = function(Void):Void {
this.backgroundColor = color1;
};
//Creation du demi cadre pour effet de profondeur
var cadre:MovieClip = this.createEmptyMovieClip("cadre", this.getNextHighestDepth());
cadre.lineStyle(0, 0xbbbbbb, 100, true, "none");
cadre.moveTo(champs._x+champs._width, champs._y);
cadre.lineTo(champs._x+champs._width, champs._y+champs._height);
cadre.lineTo(champs._x, champs._y+champs._height);
}
/**********************************************************
#Affectation des champs de texte
**********************************************************/
this.test.text = "Votre nom ici ...";
txt_focus(test, 'Nom : ', 0xEEF3F5, 0xFFF9EC);
Conclusion
Voilà, il suffit d’appeler la fonction txt_focus pour chacun des champs que vous souhaitez. Vous y renseignerez le nom d’occurence du champs, le text de pre-remplissage, la couleur de fond par defaut et la couleur de fond au focus.
Demo
----
http://blog.ka-studio.net/ tuto/beau_champs/fond.html
Sources du même auteur
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
variable champs de saisie, entre scene [ par pommes ]
Salutj'ai dans une scene, plusieur champs de saisie, dont je me sert pour une fonction, le truc, c'est que je voudrai tramsmetre mes valeur a une autr
envoyer un formulaire avec MX [ par fabrice88 ]
salut,j'ai fais un formulaire avec des champs de texte de saisie.j'ai mis un bouton sans actionpour l'instant.comment dois je faire pour envoyer les c
Champs de saisie invisibles.... [ par archette_b ]
bonjour tout le monde,mon problème est 'simple', je charge un .swf dans une anim via un loadMovie, là tout marche. Mais les champs texte de saisie qui
champs texte de saisie [ par YeahYeahYeahs ]
hello.J'ai un ptit soucis avec les champs de saisies :J'ai un champs de saisie (non html et j'ai envie qu'il le reste)J'envoi le résultat dan
champs de saisie [ par nabmoah ]
bonjour ... j'aimerai savoir comment peut on créer un champ de saisie simple ! j'ai essayé de créer un rectangle puis faire
Comment afficher le résultat d'une saisie (en live) dans un champs dynamique? [ par twelve34 ]
Voilà, j'ai deux champs texte : un champs de saisie et un champs dynamique.J'aimerais, en tapant dans mon champs de saisie que ça duplique ce que j'éc
problème de"." et "@" dans champs de saisie de texte... [ par olliesound ]
Bonjour à tous ! bon ben tout est dans le titre : Mon formulaire flash en mode "debug" prends en compte tous les caractères type "@" ou encore "." mai
URGENT : liste déroulante champs texte et sharedObject [ par emilie_87 ]
Bonjour,j'ai besoin d'aide d'urgence, j'espère que vous pourrez m'aider.Je suis actuellement en stage, il me reste une semaine, et biensur à la fin il
clavier virtuel et saisir dans plusieurs champs de saisie independant [ par newlc ]
Bonjour et bonne année à tous,je bosse sur un clavier en flash et je sais remplir un champs de saisie mais seulement j'ai trois champs de saisiecommen
Problème avec les champs de saisie [ par copy63 ]
Salut à tous je débute un peu dans AS2. J'ai réalisé un programme avec flash8 permettant de déterminer le nombre de détecteur incendie à implanter dan
|
Derniers Blogs
MBA : POURQUOI FAIRE ET COMMENT LE CHOISIR ?MBA : POURQUOI FAIRE ET COMMENT LE CHOISIR ? par ROMELARD Fabrice
Formation initiale Durant la formation, le découpage classique est le suivant (je donnerai les équivalences Suisse lorsque je les connaîtrais) : Ecole primaire jusqu'au Collège : Formation générale permettant d'obtenir les méthodes...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice Y'A DES ERREURS QUI PEUVENT RENDRE LE DéVELOPPEUR VIOLENTY'A DES ERREURS QUI PEUVENT RENDRE LE DéVELOPPEUR VIOLENT par Aleks
Quand on a ce genre d'erreur sans log :
Et bas on a juste envie de choper le gas de Microsoft qu'a développé ça et lui foutre des baffes de Coboye ! ...
Cliquez pour lire la suite de l'article par Aleks [HYPER-V 3] PRéSENTATION DES COMMANDLETS POWERSHELL[HYPER-V 3] PRéSENTATION DES COMMANDLETS POWERSHELL par Pierrick CATRO-BROUILLET
Avec la sortie prochaine de la Beta Consumer Preview de Windows 8, j'avais envie de revenir sur une des fonctionnalités que j'attends le plus et que, en bon geek que je suis, j'utilise déjà : Hyper-V 3 ainsi son module PowerShell.
Il y a déjà pléthor...
Cliquez pour lire la suite de l'article par Pierrick CATRO-BROUILLET IIS7 - COMPRESSION GZIPIIS7 - COMPRESSION GZIP par cyril
La compression GZIP permet d'améliorer les performances de navigation en compressant ce qu'envoie le serveur à un client. Pour comprendre comment cela fonctionne, regardons ce qu'il se passe au niveau HTTP lorsqu'un client tente d'accéder à une ress...
Cliquez pour lire la suite de l'article par cyril SHAREPOINT 15 TECHNICAL PREVIEW MANAGED OBJECT MODEL SOFTWARE DEVELOPMENT KITSHAREPOINT 15 TECHNICAL PREVIEW MANAGED OBJECT MODEL SOFTWARE DEVELOPMENT KIT par Matthew
http://www.microsoft.com/download/en/details.aspx?id=28768&utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+MicrosoftDownloadCenter+(Microsoft+Download+Center) ...
Cliquez pour lire la suite de l'article par Matthew
Logiciels
Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning Academy System (17.1.3.0)ACADEMY SYSTEM (17.1.3.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System COLLECTOR PLUS (3.00B)COLLECTOR PLUS (3.00B)COLLECTOR PLUS version 3.00B est un logiciel utilisant une base de données alimentée par :
- L... Cliquez pour télécharger COLLECTOR PLUS PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO LettresFaciles 2011 (8.0.0.1)LETTRESFACILES 2011 (8.0.0.1)LettresFaciles est un logiciel facilitant la création et la rédaction de lettres types.
Son inte... Cliquez pour télécharger LettresFaciles 2011
|