Rendre une zone texte innaccéssible
Résolu/Fermé
A voir également:
- Rendre une zone texte innaccéssible
- Zone telechargement - Accueil - Outils
- Excel cellule couleur si condition texte - Guide
- Transcription audio en texte word gratuit - Guide
- Adèle consulte son compte sur le site de sa banque et obtient l'affichage ci-dessous. complétez le texte. - Forum Facebook
- Comment rendre un fichier moins lourd - Guide
3 réponses
Bonsoir,
Après avoir corriger du mieux que pouvait le html, j'ai creer la fonction javascript pour faire ce que tu cherchait.
Voici donc le nouveau code:
Après avoir corriger du mieux que pouvait le html, j'ai creer la fonction javascript pour faire ce que tu cherchait.
Voici donc le nouveau code:
<div class="form">
<form name="form2" method="post" action="recherchean.php">
<table width="455" border="0" bgcolor="#999933">
<tr>
<td width="182"><div align="center" class="style6">Annee :</div></td>
<td width="257"><input type='text' class="disable" size="30" name="annee" maxlength="4" onfocus="disableOthers(this);" ></td>
</tr>
<tr>
<td height="31" colspan="2">
<div align="right">
<input type="submit" name="bouton2" value="Chercher" align="right" />
</div>
</td>
</tr>
</table>
</form>
</div>
<div class="form">
<form name="form2" method="post" action="rechercheetud.php">
<table width="455" border="0" bgcolor="#999933">
<tr>
<td width="178" align="center"><span class="style6">Nom & Prenom Etudiant :</span> </td>
<td width="261"><input type='text' class="disable" size="30" name="nopetud" onfocus="disableOthers(this);" /></td>
</tr>
<tr>
<td height="31" colspan="2">
<div align="right">
<input type="submit" name="bouton3" value="Chercher" />
</div>
</td>
</tr>
</table>
</form>
</div>
<div class="form">
<form name="form2" method="post" action="rechercheencadreur.php" >
<table width="455" border="0" bgcolor="#999933">
<tr>
<td width="178"><div align="center" class="style6">Nom & Prenom Encadreur : </div></td>
<td width="259"><input type='text' class="disable" size="30" name="noprencad" onfocus="disableOthers(this);" /></td>
</tr>
<tr>
<td height="31" colspan="2">
<div align="right">
<input type="submit" name="bouton" value="Chercher" />
</div>
</td>
</tr>
</table>
</form>
</div>
<div class="form">
<form name="form2" method="post" action="recherchespt.php">
<table width="455" border="0" bgcolor="#999933">
<tr>
<td width="180"><span class="style6">La specialite:</span></td>
<td width="265">
<select name="specialite" class="disable" id="specialite" onfocus="disableOthers(this);">
<option selected="selected" value="0"></option>
<option value="informatique">informatique</option>
<option value="mathematique">mathématique</option>
</select>
</td>
</tr>
<tr>
<td height="31" colspan="2">
<div align="right">
<input name="a52" type="submit" value="chercher" />
</div>
</td>
</tr>
</table>
</form>
</div>
<script>
function disableOthers(target) {
x = document.getElementsByClassName('disable')
for(i=0;i<x.length;i++) {
x[i].setAttribute('disabled', 'disabled');
}
target.removeAttribute('disabled');
}
</script>
j'ai résolu le probléme via cet exemple;
<html>
<body>
<form>
<input type="text" id="firsttxt" value="" onkeyup="disableElement();"><br>
<input type="text" id="secondtxt" value="" onkeyup="disableElement();"><br>
<input type="text" id="thirdtxt" value="" onkeyup="disableElement();">
</form>
<script>
function disableElement()
{
b1 = (document.getElementById('firsttxt').value !== "");
b2 = (document.getElementById('secondtxt').value !== "");
b3 = (document.getElementById('thirdtxt').value !== "");
document.getElementById("firsttxt").disabled = b2 | b3;
document.getElementById("secondtxt").disabled = b1 | b3;
document.getElementById("thirdtxt").disabled = b1 | b2;
}
</script>
</body>
</html>
<html>
<body>
<form>
<input type="text" id="firsttxt" value="" onkeyup="disableElement();"><br>
<input type="text" id="secondtxt" value="" onkeyup="disableElement();"><br>
<input type="text" id="thirdtxt" value="" onkeyup="disableElement();">
</form>
<script>
function disableElement()
{
b1 = (document.getElementById('firsttxt').value !== "");
b2 = (document.getElementById('secondtxt').value !== "");
b3 = (document.getElementById('thirdtxt').value !== "");
document.getElementById("firsttxt").disabled = b2 | b3;
document.getElementById("secondtxt").disabled = b1 | b3;
document.getElementById("thirdtxt").disabled = b1 | b2;
}
</script>
</body>
</html>