Discussion :

[hack4sick]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

S�lectionner tout - Visualiser dans une fen�tre � part

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

[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

[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).

[sekaijin]

non

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�

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

S�lectionner tout - Visualiser dans une fen�tre � part

<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

[hack4sick]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 . je tourne en rond car je ne peux recuperer ma valeur option select que par un POST ...

[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

[hack4sick]

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

je vais le faire avec un php .


bonne journ�e