Griser zone de text php / javascript

Résolu/Fermé
clem285 Messages postés 281 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 22 octobre 2021 - 4 juin 2008 à 11:05
clem285 Messages postés 281 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 22 octobre 2021 - 5 juin 2008 à 10:35
Bonjour à tous,
je voudrais qu'a partir d'un bouton radio que je coche, qu'il me grise des zone de texte pour que l'utilisateur ne puisse pas les remplir.

Merci d'avance
A voir également:

18 réponses

non, non, c'est pas fini !

that's better, excuse my french

__________________________________________________________

<html>
<head>
<style type="text/css">
.Style1 {
border: 1px solid #FF0000;
background-color: #ffff00;
}
</style>
</head>
<body>
<form name="form2" method="post" action="">
<input type="checkbox" onClick="document.getElementById('bazar').disabled='true';document.getElementById('bazar').style.backgroundColor='#7fffd4';document.getElementById('bazar').style.borderColor='red';document.getElementById('bazar').style.borderWidth='6px'">
</form>
<form>
<input type="text" class="Style1" id="bazar" >
</form>
</body>
</html>
2
enlever traits d'union
-bazar
-red
1
Doudou95 Messages postés 1561 Date d'inscription jeudi 19 juillet 2007 Statut Membre Dernière intervention 30 avril 2019 275
4 juin 2008 à 11:40
Non c'est sur alors d'abord tu crée ton bouton dans le code du bouton OnClick tu mets ta variable avec le enable c'est sur je crois :D c'est pas une histoire de bibliothèque mais c'est peut être définit comme une fonction de base du php cherche t'es obligé de trouver :)
0
essaie

<html>
<head>
</head>
<body>
<img src="image.jpg" onClick="document.getElementById('bazar').disabled='true'" >
<p> </p>
<form name="form1" method="post" action="">
<input type="text" id="bazar" >
</form>
</body>
</html>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
ou :

<html>
<head>
</head>
<body>
<form >
<input type="checkbox" onClick="document.getElementById('bazar').disabled='true'">
</form>
<form>
<textarea id="bazar"></textarea>
</form>
</body>
</html>
0
clem285 Messages postés 281 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 22 octobre 2021 83
4 juin 2008 à 14:35
merci cela fonctionne impec :)
on peut mettre d'autres paramètre, tel que le changement de background, changer la couleur de la bordure, ... ?
0
Je me rectifie, c'était à partir d'une case à cocher, je crois comprendre (parce que "cocher un bouton" ??) :

<html>
<head>
</head>
<body>
<form name="form2" method="post" action="">
<input type="checkbox" onClick="document.getElementById('bazar').disabled='true'">
</form>
<form>
<input type="text" id="bazar" >
</form>
</body>
</html>
0
clem285 Messages postés 281 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 22 octobre 2021 83
4 juin 2008 à 15:47
c'est pas grave ^^
j'ai juste repris le :

onClick="document.getElementById('bazar').disabled='true'"


et j'ai adapté (si on peut dire sa) :
<input type="radio" name="TP" value="portable" onClick="document.getElementById('numserie_ecr','HT').disabled='true'">Portable


merci ^^

PS si on peut aussi changer le fond de couleur et la couleur des bordure, je suis preneur ^^
0
oui ! On peut faire une bordure sans petits pois mais il faut enlever dotted :

<html>
<head>
<style type="text/css">
.Style1 {
border: 5px solid dotted #FF0000;
background-color: #ffff00;
}
</style>
</head>
<body>
<form name="form2" method="post" action="">
<input type="checkbox" onClick="document.getElementById('bazar').disabled='true'">
</form>
<form>
<input type="text" class="Style1" id="bazar" >
</form>
</body>
</html>
0
Doudou95 Messages postés 1561 Date d'inscription jeudi 19 juillet 2007 Statut Membre Dernière intervention 30 avril 2019 275
4 juin 2008 à 16:07
c'est plus simple de créer un fichier css à coté...
0
clem285 Messages postés 281 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 22 octobre 2021 83
4 juin 2008 à 16:18
lol, tout cela je le sais
je me suis mal exprimé, se que je voulais, c'est changer le fond et les bordur lorsque je coche le bouton radio en plus d'empêcher l'écriture dedans :)
0
fatigué ??
______________________________________________________________________________________
<html>
<head>
<script language="JavaScript" type="text/JavaScript">
<!--
function colorier(texte1)
{document.getElementById(texte1).style.backgroundColor="#ffff00";
document.getElementById(texte1).style.borderWidth="6px";
document.getElementById(texte1).style.borderColor="#ff0000";

}
//-->
</script>
</head>
<body>
<form name="form2" method="post" action="">
<input type="checkbox" onClick="document.getElementById('texte1').disabled='true';colorier('texte1')">
</form>
<form>
<input type="text" id="texte1" >
</form>
</body>
</html>
0
c'est moi et mon ordi qui fatiguent


<html>
<head>
<script language="JavaScript" type="text/JavaScript">
<!--
function colorier(texte1)
{document.getElementById(texte1).style.backgroundColor="#ffff00";
document.getElementById(texte1).style.borderWidth="6px";
document.getElementById(texte1).style.borderColor="#ff0000";

}
//-->
</script>
</head>
<body>
<form name="form2" method="post" action="">
<input type="checkbox" onClick="document.getElementById('texte1').disabled='true';colorier('texte1')">
</form>
<form>
<input type="text" id="texte1" >
</form>
</body>
</html>
0
non, c'est commentçamarche qui m'emm...

enlever >
mettre >
à la place (pointe de fermeture du input)

Mettre ça dans un .js c'est plus élégant mais c'est plus de boulot
0
clem285 Messages postés 281 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 22 octobre 2021 83
5 juin 2008 à 07:48
Merci beaucoup :D
je testerai dans la matinée
0
clem285 Messages postés 281 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 22 octobre 2021 83
5 juin 2008 à 10:35
tout fonctionne parfaitement, merci beaucoup =}
0
Doudou95 Messages postés 1561 Date d'inscription jeudi 19 juillet 2007 Statut Membre Dernière intervention 30 avril 2019 275
4 juin 2008 à 11:07
euh c'est a base de enable ca :) recherche enable pour le php avec variable je connais pas par coeur
-1
clem285 Messages postés 281 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 22 octobre 2021 83
4 juin 2008 à 11:13
ok je vais voir
je pensai que cela se faisait à partir d'une fonction en javascript
-1
clem285 Messages postés 281 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 22 octobre 2021 83
4 juin 2008 à 11:18
j'ai cherché, et trouvé plusieurs trucs, mais ils me parlent de bibliothèque pour php et sa n'a pas l'air d'être se que je cherche
mais merci quand même de ton aide :)
-1
clem285 Messages postés 281 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 22 octobre 2021 83
4 juin 2008 à 11:31
une autre idée ?
-1