Garder un texte affiché aprés un submit

Version imprimable

Bonjour,
J'ai repris l'amélioration du site.
Lorsque je clique ou je déclique , je veux changer le texte, cela est fait.
Mais lorsque j'envoie je veux que le texte affiché reste et là çà marche pas.
Merci pour votre aide.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
$aff_page_html.= '
<script type="text/javascript">
 
function Change() {
if ((document.getElementById(\'D_auteur\').checked))
    {
    document.getElementById(\'madiv\').style.display="block";document.getElementById(\'madiv2\').style.display="none";
    }
    else 
        {
        document.getElementById(\'madiv2\').style.display="block"; document.getElementById(\'madiv\').style.display="none" ;
        }
}
 
 
 
 
if (Formu.D_auteur.checked == true)
{
alert(\'Vous devez cocher la case avant de continuer.\');
document.getElementById(\'madiv\').style.display="block";document.getElementById(\'madiv2\').style.display="none";
}else {
document.getElementById(\'madiv2\').style.display="block"; document.getElementById(\'madiv\').style.display="none" ;
}
</script>
';
$aff_page_html.= '
Droit d\'Auteur:<input type="checkbox" name="D_auteur" value="D_auteur_ok" onclick="Change()"  id="D_auteur"  '.$check_D_auteur_ok.'/> '.$aff_D_auteur_ok.'
<span id="madiv"  style="display:none">Ce TP sera libre de Tous Droits  d\'Auteur.</span>
<span id="madiv2" style="display:block" >Vous gardez le droit  d\'auteur.Cliquez et ce TP sera Libre</span>
';

05/03/2017, 15h56
NoSmoking

Bonjour,

Citation:

Mais lorsque j'envoie je veux que le texte affiché reste et là çà marche pas.

et si tu nous mettais plutôt le code HTML généré cela nous aiderait à y voir plus clair, parce que là les « ça marche pas », « lorsque j'envoie » ne nous parlent pas vraiment.

Désolé et merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function Change() {
  if ((document.getElementById('D_auteur').checked))
  {
    document.getElementById('madiv').style.display = 'block';
    document.getElementById('madiv2').style.display = 'none';
  } 
  else
  {
    document.getElementById('madiv2').style.display = 'block';
    document.getElementById('madiv').style.display = 'none';
  }
}
if (Formu.D_auteur.checked == true)
{
  document.getElementById('madiv').style.display = 'block';
  document.getElementById('madiv2').style.display = 'none';
} else {
  document.getElementById('madiv2').style.display = 'block';
  document.getElementById('madiv').style.display = 'none';
}

--------------------------------------------

Code:

1
2
3
4
5
6
7
8
<form  enctype="multipart/form-data"   name="Formu"   id="Formu"   action=""  method="post" onSubmit="return validation(this)" >
<input type="hidden" name="envoi" value="oui"/>
 
-------------------------
------------------------
&nbsp; &nbsp; Droit d'Auteur:<input type="checkbox" name="D_auteur" value="D_auteur_ok" onclick="Change()"  id="D_auteur"  checked/>  Ce TP sera libre de Tous Droits  d'Auteur.
<span id="madiv"  style="display:none">Ce TP sera libre de Tous Droits  d'Auteur.</span>
<span id="madiv2" style="display:block" >Vous gardez le droit  d'auteur.Cliquez et ce TP sera Libre</span>

05/03/2017, 16h31
NoSmoking

Ton document étant donc recharger il te faut gérer cela côté serveur fonction du $_POST que tu reçois.

Un autre approche serait de faire la requête en utilisant la technique Ajax.

A lire : Comprendre les mécanismes d'AJAX

Ce que je voulais faire était de:
Lorsque la page se génère le texte1 apparait (non cliqué). (cela fonctionne)
Si l'on clique le texte2 apparait
et si on envoie le texte2 doit apparait après rechargement de la page donc c'est les lignes ci dessous
Code:

1 2 3 4 5 6 7 8 if (Formu.D_auteur.checked == true) { alert(\'Vous devez cocher la case avant de continuer.\'); document.getElementById(\'madiv\').style.display="block";document.getElementById(\'madiv2\').style.display="none"; }else { document.getElementById(\'madiv2\').style.display="block"; document.getElementById(\'madiv\').style.display="none" ; }
Je ne veux pas alourdir la page avec JQuery ni avec ajax
avec S_POST, veux tu dire que je récupère avec JS

J'ai trouvé, je récupère la variable S_post et je mets block et none en variable suivant l'état de S_Post

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
if($_POST['D_auteur']=="D_auteur_ok"){$block="none";$none ="block";}
if($_POST['D_auteur']!="D_auteur_ok"){ $block="block";$none ="none";}
 
 
 
 
<script type="text/javascript">
function Change() {
if ((document.getElementById('D_auteur').checked))
    {
    document.getElementById('madiv').style.display="'.$block.'";document.getElementById('madiv2').style.display="'.$none.'";
    }
    else 
        { 
        document.getElementById('madiv2').style.display="'.$block.'"; document.getElementById('madiv').style.display="'.$none.'" ;
        }
}
 
</script>

Merci pour l'idée