Discussion :

[etnies13]

Bonjour,
Je suis actuellement entrain de créer un site Web pour mon club et je me confronte à un problème sur ma page concernant les annonces.
Je voudrais, à l'appuie sur le bouton, que l'annonce s'insert en haut de la page, ce que j'ai réussit a faire, mais par contre je voudrais que cette annonce reste quand on rafraîchis la page et que je puisse ajouter d'autre annonce en dessous !!

Voici mon code html :

Code html :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<hr size=5 color="#008080" >			  
<h1>Petites annonces</h1>
<hr size=5 color="#008080"width="75%">
<p id="divAffichage" align="center"></p>			
<hr size=5 color="#008080"width="75%">
<form name="formAnnonce" >
				<table style="text-align: left;">
					<tr>
						<td>Prénom</td>
						<td><input type="text" size ="20" value="" name="cPrenom"></td>
						<td colspan ="1">Nom</td>
						<td  ><input type="text" size ="20" value="" name="cNom"></td>
					</tr>
					<tr>
						<td>E-Mail</td>
						<td><input type="text" size ="37" value="" name="cEMail"></td>
					</tr>
					<tr>
						<td>Titre de l'article</td>
						<td><input type="text" size ="37" value="" name="cTitre"></td>
					</tr>
					<tr>
						<td>Description</td>
						<td></td>
					</tr>
					<tr>
						<td colspan="2"  ><textarea name="cDescription" cols="37" rows="10">
 
						</textarea></td>
					</tr>
					<tr>
						<td>Quantité</td>
						<td><input type="text" size ="10" value="" name="cQuantite"></td>
					</tr>
					<tr>
						<td>Pour</td>
						<td><input type="radio" size ="10" value="1" name="cSexe"CHECKED> Lui</td>
						<td>But</td>
						<td><input type="radio" size ="10" value="Vente" name="cMode"CHECKED> Vente</td>
					</tr>
					<tr>
						<td></td>
						<td><input type="radio" size ="10" value="2" name="cSexe"> Elle</td>
						<td></td>
						<td><input type="radio" size ="10" value="Recherche" name="cMode"> Achat</td>
					</tr>
					<tr>
						<td></td>
						<td ><input type="radio" size ="10" value="3" name="cSexe"> Unisexe</td>
						<td></td>
						<td ><input type="radio" size ="10" value="Don" name="cMode"> Don</td>
					</tr>
					<tr>
						<td>Etat de l'objet</td>
						<td><input type="text" size ="30" value="" name="cEtat"></td>
					</tr>
					<tr>
						<td>Prix</td>
						<td><input type="text" size ="10" value="Si achat..." name="cPrix"></td>
					</tr>
					<tr>
						<td><input type="submit" size ="10" value="Envoyer" name="cEnvoyer" onClick="fSoumettre(); return false;"></td>
					</tr>
 
				</table>
				</form>

et voici mon code javascript :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
   	function fSoumettre()
				{
 
							// déclaration de la variable de création du tableau 
							var vDataString;
							// déclaration des variables de champ 
							var Prenom = window.document.formAnnonce.cPrenom.value;
							var Nom = window.document.formAnnonce.cNom.value;
							var EMail = window.document.formAnnonce.cEMail.value;
							var titre = window.document.formAnnonce.cTitre.value;	
							var Description = window.document.formAnnonce.cDescription.value;
							var Quantite = window.document.formAnnonce.cQuantite.value;
							var Etat = window.document.formAnnonce.cEtat.value;
							var Prix = window.document.formAnnonce.cPrix.value;
 
 
vDataString = "<table align='center' >";
									vDataString += "<tr>";
									vDataString += "<td id='ChampFormulaire'>Annonce</td>";
									vDataString += "<td >" + Prenom + "</td>";
									vDataString += "<td >" + Nom + "</td>";
									vDataString += "</tr>";
									vDataString += "<tr>";
									vDataString += "<td id='AnnonceTitre'><b>" + titre + "</b></td>";
									vDataString += "</tr>";
									vDataString += "<tr>";
									vDataString += "<td id='AnnonceTitre' width='50px'colspan='7' >" + Description + "</td>";
									vDataString += "</tr>";
									vDataString += "<tr>";
									vDataString += "<td id='ChampFormulaire' >Quantité</td>";
									vDataString += "<td >" + Quantite + "</td>";
									vDataString += "<td id='ChampFormulaire' >Etat :</td>";
									vDataString += "<td  >" + Etat + "</td>";
									vDataString += "<td id='ChampFormulaire' >Prix :</td>";
									vDataString += "<td >" + Prix + "</td>";
									vDataString += "</tr>";
									vDataString += "<tr>";
									vDataString += "<td id='ChampFormulaire' colspan='7'>Si cela vous intéresse, merci de bien vouloir contacter :</td>";
									vDataString += "<td colspan='7' ><a href='mailto:" + EMail + "'>"+ EMail +"</a></td>";
									vDataString += "</tr>";
									vDataString += "</table>";
 
 
							document.getElementById("divAffichage").innerHTML = vDataString ; 
 
						}

Est-ce que qqun peut m'aider ??
Merci d'avance

[taggik-majin]

hum je pense que tu devrais te tourner vers le php pour ca ! regarde les variables de session !

[headmax]

Peut être avec un événement onload dans ton body te permettrait de le faire?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<body onload="fSoumettre()">
</body>

Mais pour le cas de devoir garder en mémoire des infos tu as les cookies gérés côtés client-serveur dans le cas ou ta pas accès à un language côté serveur pour stocker ou garder en mémoire tes informations PHP ASP ... couplage a une db ou lecture écriture IO (json, xml, txt...) données exploitables EN JS suit a l'insert de tes données en live.
Bonne soirée.

[SpaceFrog]

Il faut juste comprendre que javascript ne survit pas à un rechargement de page !
Tout ce qui est créé dynamiquement par js ne survit donc pas non plus à un rechargement ou rafraichissement de page.


La solution du langage serveur est une piste à envisager.

Soit avec les variables de session si tu souhaites que les éléments ne durent que le temps de la session.
Soit avec une base de données si tu souhaites conserver les nouveaux éléments d'une session à une autre.

Une autre piste serait les cookies, mais ce serait dans ce cas les élements sont stockés chez le client et ne sont visible que par lui (pas de partage avec d'autres utilisateurs )

[Champialex]

Si tu veux conserver des donnes client side, tu peux sois passer par des cookies, mais la le probleme c'est que tes donnes locale seront transmise a chaque requete HTTP, donc c'est pas super au niveau perf, sois passer par le local storage.
Le probleme du local storage c'est que c'est du HTML5, donc pas supporte par tous les navigateurs (en gros que a partir de IE 8, ce qui peut etre suffisant)

Regarde la pour plus d'info :

https://developer.mozilla.org/en/DOM...e#localStorage

Ils donnent un bout de code qui permet d'utiliser le localStorage s'il existe, et de retomber sur les cookies sinon.

[xyassine]

en plus ton javascript me fait rappeler les snippets de 1999

[etnies13]

Merci de vos réponse, je pense que je vais le faire à l'aide d'une db
Et oui mon code javascript est peut-être pas d'actualité mais je débute un peu en javascript ...