checkbox avec éléments style visible hidden et PHP

Version imprimable

bonjour

je souhaite qu'une checkbox coché me fasse appraitre des champs cachés.
Cela fonctionne a l'appel de la page, quand la checkbox est non coché.
Mais si la checkbox est déjà coché par le script PHP le JS ne tient pas compte de cet état.
Comment indiquer au Java script que cette case est cochée par la variable PHP $alerte?

le code JS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 function alrt(alrtprod){
 
	if (document.getElementById("alerteprod" ).checked == true) {
var str= prompt("quelques indications des informations manquantes","");
document.getElementById('newmessage').value=str;
document.getElementById('newmessage2').style.visibility="visible";
	}
       if (document.getElementById("alerteprod" ).checked == false){
 
       document.getElementById('newmessage2').style.visibility="hidden";
        }
}

le code source de la page

Code:

1
2
3
4
5
6
7
8
9
10
!-- alerte prod-->
<br>
<input type="hidden" name="idalerte" value="">
<input type="checkbox" id="alerteprod" onClick='alrt(this.checked)' name="alerte" checked='checked' />
Demande d'infos suppl&eacute;mentaires &agrave; la production<br>
<b> N'oubliez pas de d&eacute;cocher la case si vous avez compl&eacute;t&eacute; les infos.</b><BR>
<center><font style='visibility: hidden'  id="newmessage2">
    <textarea name="message" id="newmessage">sfds</textarea>
 
    </font>

et le code PHP

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?php
//alerte prod
    $sqlalerte="SELECT * FROM  Alerte  WHERE Num_rush=$num";
    $resultat2 = mysql_query($sqlalerte) or die(mysql_error());
    if (mysql_num_rows($resultat2)>0)$alerte="checked='checked'";
    while ($listalerte =mysql_fetch_assoc($resultat2)){
    $idalerte=$listalerte['ID_alert'];
    $message=$listalerte['message'];
    $nom_complet=$listalerte['Nom_createur'];
    }
?>
<input type="checkbox" id="alerteprod" onClick='alrt(this.checked)' name="alerte" <?php echo $alerte ?> />
Demande d'infos suppl&eacute;mentaires &agrave; la production<br>
<?php IF ($alerte=="checked='checked'")echo"<b> N'oubliez pas de d&eacute;cocher la case si vous avez compl&eacute;t&eacute; les infos.</b><BR>"?>
 
<center><font style='visibility: hidden'  id="newmessage2">
    <textarea name="message" id="newmessage"><?php echo $message?></textarea>
 
    </font>

10/01/2013, 00h04
Bovino

Ben... il te suffit d'appeler alrt() au chargement de la page... :?

Sinon, pourquoi passer un paramètre dont tu ne te sers pas ? :koi:
10/01/2013, 17h25
rvm31

merci Bovino

Désolé les questions sont peut être basique mais bon le JS je ne connais pas grand chose j'essaye de comprendre et d'apprendre au fur et a mesure de mes problèmes.
J'en profite justement pour remercier tout le monde sur les forums de développez.net. Cela m'a souvent aidé lorsque je ne voyais pas la solution.

Si je rajoute

Code:

<body onload="alrt()">

dés que la case est coché par PHP, le script JS affiche le prompt , je suis donc obligé de rentrer de nouvelles données.
Lorsque la case est coché (quand $alerte est valide) Je veux simplement afficher le textarea avec les données émanant du PHP.
le code du text area est plus exactement ça.

Code:

<textarea name="message" id="newmessage"><?php echo $message ?></textarea>

ce qui doit répondre à ta question

Citation:

Sinon, pourquoi passer un paramètre dont tu ne te sers pas ?

et la page vient dans un formulaire le code fournit ètait juste le bout qui me posait problème.
10/01/2013, 17h35
andry.aime
Bonjour,

Ton code est plus lisible en l'écrivant comme:
Code:

1 2 3 4 5 6 if (document.getElementById("alerteprod" ).checked) { .... } else{ .... }
Met la valeur de la variable php dans la variable js str au lieu du prompt.

A+.
10/01/2013, 21h59
rvm31

mais j'ai besoin du prompt pour la première fois que la case est coché.
Le formulaire est affiché une première fois vide la case n'est donc pas coché.
Mais il peut être rappelé après l'insert mysql pour modif. Donc il faut que ce formulaire soit affiché avec le textarea visible ou non suivant la valeur de $alerte.
Et si lors d'une modif la case est décochée le textarea devient invisible.
Ou inversement si la case n'a pas été coché lors de la création de la fiche possibilité de la cocher ultérieurement avec affichage du prompt et du textarea.

j'ai résolu mon souci en ajoutant une variable PHP qui définit si le <font> est visible ou non suivant la variable $alerte

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php IF ($alerte=="checked='checked'"){
    $avertissement= "<b> N'oubliez pas de d&eacute;cocher la case si vous compl&eacute;tez les infos.</b><BR>";
    $visibilite='visible';
}
else {
    $visibilite='hidden';
    $avertissement="";
}
    ?>
 
<center><font style='visibility: <?php echo $visibilite ?>'  id="newmessage2">
    <?php echo $avertissement ?>
    <textarea name="message" id="newmessage"><?php echo $message?></textarea>
 
    </font>