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
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
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
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
UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Vincent Bellet et Baptiste Giraudier La BI dans SharePoint 2010, Les nouveaux services d'application dans SP2010 et SQL Server Reporting services 2008 R2. La BI dans SharePoint est généralisée pour tous afin de permettre à tous les coll...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Forum
SIMPLE CHARGEMENTSIMPLE CHARGEMENT par carton99
Cliquez pour lire la suite par carton99
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|