Maintenir une insertion dans une page
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:
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:
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