begin process at 2012 05 29 04:35:36
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

css dynamique


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

css dynamique

vendredi 23 juillet 2010 à 19:31:56 | css dynamique

lilj

Bonjour,
je cherche une méthode simple pour changer la classe d'un input. Exemple:
au début on a un input avec un style, lorsque le focus est activé il y a un autre style (:focus) et lorsque ce champ est rempli (ou la valeur de ce champ correspond à une valeur précise) alors il a un troisième style cela est-il possible ?


Youhou !!
vendredi 23 juillet 2010 à 19:50:52 | Re : css dynamique

PetoleTeam

Membre Club
Bonjour,
modifies la className de ton INPUT...

;O)
samedi 24 juillet 2010 à 08:12:16 | Re : css dynamique

lilj

Je suis pas un pro en JS, je suis plutôt tourné PHP, pourrais-tu préciser ? stp
merci
samedi 24 juillet 2010 à 08:40:20 | Re : css dynamique

PetoleTeam

Membre Club
Bonjour,
juste un petit exemple
Code HTML :
<html>
<head>
<style type="text/css">
.rouge {
  color : #fff;
  font-weight : bold;
  background-color : #f00;
}
</style>
</head>
<body>
<input type="text" value="Bonjour vous !" onclick = "this.className = 'rouge';">
</body>
</html>
c'est on ne peut plus simple...

;O)
samedi 24 juillet 2010 à 09:03:58 | Re : css dynamique

lilj

A ok merci de l'astuce !!


Cette discussion est classée dans : input, dynamique, style, focus, css


Répondre à ce message

Sujets en rapport avec ce message

Changer de feuille de style CSS pour netscape [ par ericepbc ] Bonjour,Mon site tourne sous Ie mais sous netscape certains tableaux ne se positionnent pas au bon endroit.La position des tableaux est définie en abs Feuille de style [ par crazycode ] bonjour à tous !!J'ai un probleme avec mes CSS.j'ai fais un tableau et j'ai utiliser des CSS pour faire des cadre. Tout va bien mais quand je veux imp Changer le style css [ par djagger ] Salut !J'ai créé un menu en javascript avec une feuille de style pour les menus, sous-menus etc ...en gros :   menu 1   <td class feuille de style en Css et formulaires. Comment ça marche? exemples si possible.. merci. [ par maxpat ] Bonjour à tous, Travaillant sous Nvu, j'ai créé une feuille de style en Css. Comment faire un formulaire avec une feuille de style? Merci de bien vou CSS dans une iframe [ par le_binr ] Bonjour,Je suis en train de créer un site internet dynamique avec un petit wysiwyg permettant de mieu gérer le texte pour un novice.Grâce à la command iframe et css [ par kaskran ] Est ce que l'on peut inserer ( et donc utiliser) une feuille de style dans une IFrame ????car la j'ai un soucis explorer ne veut pas l'utiliser mon st CSS: Change la couleur du texte d'un input [ par Mumuri ] Bonjour,j'aimerai changer le couleur de texte d'un input en mode disabled. Je pense que ca peut se faire via un css, mais je ne connais pas la ligne à Problème de menu dynamique [ par vernoff ] Salut, voila un script de menu dynamique et j'aimerais savoir s'il est possible de mettre plusieurs menu distincts comme celui-ci sur la même page moi Bouton en style CSS qui ne fonctionne pas sous ie [ par zemele ] Bonjour, Voilà j'ai fait un bouton qui fait appel à un style : Code css : a.bouton {     color: #333333;     text-decoration: underline;     font Feuille de style [ par Jossdoit ] Bonjour,Je developpe actuellement un site web et j'utilise du CSS. Je trouve ca bien sympas mais je voulais savoir si il etait possible d'utiliser le


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,699 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales