Hide show en javascript

Version imprimable

bonsoir ,

j ai un souci sur une balise <div id="periode" style="display:none;"> , cette balise est montr�e quand l utilisateur selection une option avec la valeur 19 <option value="19">emploie</option>

Code:

<select id="options" name="cat" class="xxx" onchange="DisplayOptions(); DisplayComment(); DisplayPrix()"><option value="0">Choisissez la catégorie</option>

le script java permettant de faire apparaitre ma balise sur la valeur 19 est le suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 var select = document.getElementById('options'), onChange = function(event) { var shown = this.options[this.selectedIndex].value == 19; document.getElementById('periode').style.display = shown ? 'block' : 'none'; }; if (window.addEventListener) { select.addEventListener('change', onChange, false); } else { // pour IE < 9 select.attachEvent('onchange', function() { onChange.apply(select, arguments); }); }
Mon Probl�me : apr�s un submit , donc reload de la page ( POST ) , ma balise disparait , pourtant mon select reste bien sur la bonne option apr�s le reload de la page .. .

comment faire pour garder la valeur s�lectionner avec l option lors du chargement de la page

je vous remercie par avance

22/02/2015, 20h17
sekaijin

ben c'est normal vu que tu recharge ta page.

si ton code HTML que le serveur envoi n'a pas chang� pourquoi le naviagateur changerait sa fa�on de l'interpr�ter ?

A+JYT
22/02/2015, 20h48
lysandro

En for�ant l'ex�cution de ton �v�nement : onChange.call(select); au chargement de la page, sans doute quelque part � la fin de ton javascript (ou ecmascript mais pas script java).
22/02/2015, 21h05
sekaijin

non

Citation:

Envoy� par hack4sick

Mon Probl�me : apr�s un submit , donc reload de la page ( POST ) , ma balise disparait

L'erreur n'est pas dans le code elle est l�

Citation:

Envoy� par hack4sick

ma balise disparait

la balise ne disparait pas on est sur un Post d'une page le navigateur re�oit donc une nouvelle page � afficher.

lors du chargement le navigateur recevra

Code:

<div id="periode" style="display:none;">

Il est clairement �crit display:nonedonc pas d'affichage.

Dans le protocole HTTP il est clair que le client ne garde rien en m�moire une fois qu'une requ�te POST PUT ou GET est faite.
On part d'une page vierge et la seule chose qui est interpr�t� vient du serveur.

A+JYT

Donc avec cette m�thode display:none c est pas possible . la page se recharge ---> pas d'affinement

donc en appelant ma <div>
depuis un php avec un echo du code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 <div id="periode" >
        <p class="form_left">
				<?php if (isset($e['perio'])) echo '<span class="error">'; ?><label for="perio"><?php echo $language['form_period']; ?> :</label><?php if (isset($e['perio'])) echo '</span>'; ?>
 
 
 
			</p>
			<p class="form_right_select">
				<input type="text" id="perio" class="av_perio" name="perio" value="<?php if (isset($_POST['perio'])) echo htmlspecialchars($_POST['perio']);elseif (!empty($_SESSION['ann_perio'])) echo htmlspecialchars($_SESSION['ann_perio']); ?>" />
                <script>
		jQuery(document).ready(function($){
    $("#perio").datepicker();
});
       </script>     
				<?php if (isset($e['aperio'])) echo '<span class="error">'; ?><label class="text_bold" for="aperio"><?php echo $language['form_period_au']; ?> </label><?php if (isset($e['aperio'])) echo '</span>'; ?>
 
 
				<input type="text" id="aperio" class="av_perio" name="aperio" value="<?php if (isset($_POST['aperio'])) echo htmlspecialchars($_POST['aperio']);elseif (!empty($_SESSION['ann_aperio'])) echo htmlspecialchars($_SESSION['ann_aperio']); ?>" />
			</p>
            </div>

Faut maintenant trouver une condition d appel . 8O je tourne en rond car je ne peux recuperer ma valeur option select que par un POST ...

23/02/2015, 09h15
sekaijin

non ce n'est pas ce que j'ai dit

ce que j'ai dit c'est que tu te trompe non pas sur le code mais sur le fonctionnement de HTTP

la solution

GET page.php
le serveur envois un HTML comme tu l'a donn� en premier
POST (form action=page.php)
le serveur re�ois le post mais ne retourne pas le m�me HTML il en retourne un diff�rent qui tient compte de ce que l'utilisateur a post�.

c'est le B.A.BA du web.
et tout �a n'a absolument rien � voir avec Javascript.

Oubli ce que tu crois oublie ce que tu as fais et pense ton application comme une succession de pages web ind�pendante.
Seul le serveur peut en php donner l'illusion que tu es toujours sur la m�me page avec des �l�ments qui on chang�.

A+JYT
23/02/2015, 13h17
hack4sick

merci de m avoir �clair� sur le fonctionnement d une page web .

je vais le faire avec un php .

bonne journ�e