rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

[HTML] Changer la couleur d'une zone de texte

Posté par Luffy =), le mardi 19 avril 2005 à 09:37:14
Salut tout le monde :-)

j'aurais besoin de créer un formulaire avec plusieurs champs texte, jusque là pas de problème.

Mais il faudrait que ces zones de texte change de couleur si elles ont le focus ou non.

pour tester d'abord j'ai fait :
<input type='text' onFocus="javascript:alert('opopop')" name='haha'>

pas de problème ça marche.
mais comment faire pour changer la couelur de fond j'ai essayé ça mais marche po :( :
<input type=text onFocus="BGCOLOR='black'" name=haha>


Comment je pourrais faire ça ?

Merci ++
Répondre à Luffy =)  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Luffy =), le mardi 19 avril 2005 à 10:14:44
si ça intéresse qq'un, il faut mettre :
onFocus="this.style.backgroundColor='red'" onBlur="this.style.backgroundColor='white'"

désolé mais je débute en html, est-ce qu'on peut incorporer les actions dans un feuillet de style ?

++
Répondre à Luffy =)

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
kij_82, le mardi 19 avril 2005 à 10:37:54
Merci pour le truc, je suis également une brele en HTML.
Sinon, je ne crois pas que l'on puisse définir les action dans une feuille de style, en tout cas jamais essayé.

Bonne chance

++ ~ iclic @ gauch,iclic,  iclic @ droate, iclic, iclic
             et ya pas de bôg môsieu !    ~
Répondre à kij_82

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Luffy =), le mardi 19 avril 2005 à 11:11:56
merci kij, j'ai cru ke j'allais me faire un post tout seul... ;-)

finalement ce n'est pas si simple que ça l'HTML =) c'est chiant qu'on ne peut pas définir les actions dans une feuille de style. je vais passer par une variable php pour ne pas à avoir à la retaper à chaque fois.

++
Répondre à Luffy =)

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
kij_82, le mardi 19 avril 2005 à 11:30:07
Je suis tout à fait d'accord avec toi, peso j'aime moyen l'HTML, faut otu définir à chaque fois et c'est long, sauf bien sur avec les feuille de style qui nous aident bien. Mais c'est un langage de mise en forme et non de traitement, chose qui me fait perdre la patience car j'ai l'impression de rien faire... :)

++ ~ iclic @ gauch,iclic,  iclic @ droate, iclic, iclic
             et ya pas de bôg môsieu !    ~
Répondre à kij_82

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Marden, le mardi 19 avril 2005 à 12:28:01
Petit exemple :
<br>
Zone 1 à modifier
 <INPUT ID="zone1"
  onFocus="javascript:zone1.style.color='red'"
  onBlur="javascript:zone1.style.color='black'"
  VALUE="valeur initiale 1">
 </INPUT>
<br>
Zone 2 à modifier
 <INPUT ID="zone2"
  onFocus="javascript:zone2.style.color='red'"
  onBlur="javascript:zone2.style.color='blue'"
  VALUE="valeur initiale 2">
 </INPUT>
Répondre à Marden

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
seinto28, le mercredi 20 avril 2005 à 14:38:46
Et sinon, est-ce que c'est egalement possible de la changer pour des TEXTEREA?

Merci
Répondre à seinto28

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
kij_82, le mercredi 20 avril 2005 à 14:42:59
essai, si c'est possible pour le text simple ça devrait l'être également pour un textarea.

++ ~ iclic @ gauch,iclic,  iclic @ droate, iclic, iclic
             et ya pas de bôg môsieu !    ~
Répondre à kij_82

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
jerome, le vendredi 4 novembre 2005 à 18:25:31
il est tout à fait possible de modifier selon le même principe une couleur de fond.
En revanche il est totalement inutile de spécifier la mention javascript pour des événements. La capture d'un événement sous-entend implicitement une action de type javascript.

Votre code doit ressembler à cela:
<textarea cols="85" rows="10" onFocus="this.style.backgroundColor='red'"
  onBlur="this.style.backgroundColor='white'">

</textarea>


la mention This vous évite de mentionner le nom de l'objet. Il désigne l'objet sur lequel l'action intervient.
Répondre à jerome

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
KorialS2, le vendredi 4 mai 2007 à 21:26:59
Pour changer le fond d'une zone de texte, je vous donne un exemple:
<input type="text" size="19" name="login" style="background-color:#000000" />
Un style background color permet de changer le fond de la zone de saisie du texte de facon permanente
Répondre à KorialS2

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Phenix59, le vendredi 4 mai 2007 à 22:54:15
Bonsoir

Tout d'abord, regarde le navigateur que tu utilises (I.E. ne comprend pas tout).
Je te conseilles d'utiliser un feuille CSS, tu marques la zone de texte avec une balise "class="zone_de text"". Sur la page CSS tu appliques le fond que tu veux sur cette balise.

Conseil : utilise plutôt une feuille CSS pour le design de ton site, cela fait plus propre.

Code CSS pour mettre un fond jaune avec une écriture noire:
.zone_de_text
{
background-color: yellow;
color: black;
}
Répondre à Phenix59

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
xrv30, le mardi 19 février 2008 à 16:14:13
et si tu veux mettre une image en fond comment tu fais?
Répondre à xrv30

12


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
helene, le dimanche 13 avril 2008 à 21:18:12
comen on peu faire un texte en couleur mercii de me rp !!
bsX
++
Répondre à helene

13


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 sonya89, le vendredi 9 mai 2008 à 20:34:25
salut!
tu peux utiliser la balise <font color="hotpink"> text </font> à l'aide de cette balise tu peux aussi changer la police,la taille... du texte.
Répondre à sonya89
Logiciels pertinents trouvés dans les téléchargements
Télécharger FastNote 2.4.0FastNote - FastNote permet d'avoir des Post-It électroniques sur votre bureau. C'est très simple: Quel que soit le logiciel dans...Catégorie: Organisation
Licence: Freeware/gratuit
Télécharger Firstpage 2006Firstpage - First Page 2006 est un éditeur html gratuit et excellent. Il permet de travailler un code HTML en couleur, ainsi que de...Catégorie: Editeurs HTML
Licence: Freeware/gratuit
Télécharger HTMLDOC 1.8.24HTMLDOC - HTMLDOC est un outil permettant de convertir une page HTML (Hyper-Text Markup Language) vers un fichier HTML indexé, vers...Catégorie: PDF
Licence: Freeware/gratuit
Télécharger ZoneAlarm 7.0.483.000ZoneAlarm - ZoneAlarm est un pare-feu convivial bloquant les pirates et autres menaces inconnues. Par ailleurs, ZoneAlarm : ...Catégorie: Firewall
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « [HTML] Changer la couleur d'une zone de texte »