High-Tech Santé Médecine Droit-Finances

IMPÔTS 2010

Agissez maintenant !

Rechercher : dans
Par :

Griser zone de text php / javascript

Dernière réponse le 5 jun 2008 à 10:35:47 clem285, le 4 jun 2008 à 11:05:33 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Firefox 2.0.0.14

Meilleures réponses pour « griser zone de text php / javascript » dans :
Javascript - Coloration syntaxique dans vos pages web VoirSi vous avez un site web contenant des exemples de code (php, javascript, C#, Delphi, Python...), il peut être intéressant d'avoir une coloration syntaxique. C'est parfois pénible à réaliser, mais il existe une librairie Javascript qui permet de...
Introduction à PHP VoirQu'est-ce que PHP? PHP est un langage interprété (un langage de script) exécuté du côté serveur (comme les scripts CGI, ASP, ...) et non du côté client (un script écrit en Javascript ou une applet Java s'exécute sur votre ordinateur...). La...
Javascript - Les chaînes de caractères VoirQu'est-ce qu'une chaîne de caractère Une chaîne de caractère est, comme son nom l'indique, une suite de caractères. On la représente par la suite de caractères encadrée par des guillemets simples (') ou doubles ("), sachant que les deux types de...
Posez votre question Répondre

1

Doudou95, le 4 jun 2008 à 11:07:33

Euh c'est a base de enable ca :) recherche enable pour le php avec variable je connais pas par coeur

   
Répondre à Doudou95

2

clem285, le 4 jun 2008 à 11:13:21

Ok je vais voir
je pensai que cela se faisait à partir d'une fonction en javascript

   
Répondre à clem285

3

clem285, le 4 jun 2008 à 11:18:05

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 :)

   
Répondre à clem285

4

clem285, le 4 jun 2008 à 11:31:53

Une autre idée ?

   
Répondre à clem285

5

Doudou95, le 4 jun 2008 à 11:40:30

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 :)

   
Répondre à Doudou95

6

Hubert, le 4 jun 2008 à 12:28:09

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>

   
Répondre à Hubert

7

Hubert, le 4 jun 2008 à 14:04:28

Ou :

<html>
<head>
</head>
<body>
<form >
<input type="checkbox" onClick="document.getElementById('bazar').disabled='true'">
</form>
<form>
<textarea id="bazar"></textarea>
</form>
</body>
</html>

   
Répondre à Hubert

8

clem285, le 4 jun 2008 à 14:35:44

Merci cela fonctionne impec :)
on peut mettre d'autres paramètre, tel que le changement de background, changer la couleur de la bordure, ... ?

   
Répondre à clem285

9

Hubert, le 4 jun 2008 à 15:42:20

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>

   
Répondre à Hubert

10

clem285, le 4 jun 2008 à 15:47:25

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 ^^

   
Répondre à clem285

11

Hubert, le 4 jun 2008 à 15:57:04

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>

   
Répondre à Hubert

12

Doudou95, le 4 jun 2008 à 16:07:14

C'est plus simple de créer un fichier css à coté...

   
Répondre à Doudou95

13

clem285, le 4 jun 2008 à 16:18: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 :)

   
Répondre à clem285

14

Hubert, le 4 jun 2008 à 17:48:11

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>

   
Répondre à Hubert

15

Hubert, le 4 jun 2008 à 17:51:04

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>

   
Répondre à Hubert

16

Hubert, le 4 jun 2008 à 17:56:41

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

   
Répondre à Hubert

17

Hubert, le 4 jun 2008 à 18:41:35
  • +1

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>

   
Répondre à Hubert

18

Hubert, le 4 jun 2008 à 18:43:20

Enlever traits d'union
-bazar
-red

   
Répondre à Hubert

19

clem285, le 5 jun 2008 à 07:48:35

Merci beaucoup :D
je testerai dans la matinée

   
Répondre à clem285

20

 clem285, le 5 jun 2008 à 10:35:47

Tout fonctionne parfaitement, merci beaucoup =}

   
Répondre à clem285
Posez votre question Répondre
Ils ont besoin de votre aide