11548 sujets

JavaScript, DOM et API Web HTML5

Afficher ou cacher des partie de formulaire

Bonjour, je suis actuellement en train de faire un petit site web qui me permettrait aussi d'assurer une gestion de mes contacts donc qui réalise un carnet d'adresse

J'aimerai avoir la possiblité d'inséré plusieur adresse à une meme personne
c'est pourquoi j'ai pensé à mettre par défaut une zone de saisie avec une image + à coté
lorsqu'on clique sur cette image j'aimerai qu'une nouvelle zone de saisie avec adresse 2 apparaisse; à coté j'aimerai avoir une image - pour la recacher et une une image + pour acceder à une 3 ieme adresse

Apres quelque recherche sur le net, il semblerai que le javascript soit une bonne solution pour faire
seulement j'ai tres peu de connaissance dans ce langage donc si vous pouvez me donnez une base

J'ai déjà codé quelque chose de tres simple si ca peut aider 
 
<p>
<label for="adresse1" accesskey="a">adresse :</label>
<input type="text" name="adresse1" id="adresse1" size="30" maxlength="30"/>	
<img src="cross.gif" alt="+" onclick="javascript:afficher(1)"/>
</p>	
<p>
<label for="adresse2">adresse :</label>
<input type="text" name="adresse2" id="adresse2" size="30" maxlength="30"/>	
<img src="noncross.gif" alt="-" onclick="javascript:afficher(0)"/>
<img src="cross.gif" alt="+" onclick="javascript:afficher(1)"/>
</p>
<p>
<label for="adresse3">adresse :</label>
<input type="text" name="adresse3" id="adresse3" size="30" maxlength="30"/>	
<img src="noncross.gif" alt="-" onclick="javascript:afficher(0)"/>
</p>



'image noncross.gif doit me permette de cacher le label ainsi que la zone de texte
l'image cross.gif doit faire apparaitre une nouvelle adresse avec la zone de texte à remplir par l'utilisateur

J'espere avoir été claire dans mes explications
Merci pour l'aide que vous m'apporterez
Modifié par Zelo (17 Nov 2007 - 11:22)
Rebonjour , juste pour vous informer de mes avancé :

j'ai réussi à afficher ou masquer ce que je voulais seulement par défaut j'ai tout afficher alors que je ne voudrai que la premiere adresse

voici mon code : 

<p><label for="adresse1" accesskey="a">adresse :
   <input type="text" name="adresse1" id="adresse1" size="30" maxlength="30"/>	
   <img src="cross.gif" alt="+" onclick="javascript:afficher('addr2')"/>
</label></p>	
<p><label for="adresse2" id="addr2">adresse :
   <input type="text" name="adresse2" id="adresse2" size="30" maxlength="30"/>	
   <img src="noncross.gif" alt="-" onclick="javascript:cacher('addr2')"/>
   <img src="cross.gif" alt="+" onclick="javascript:afficher('addr3')"/>
</label></p>
<p><label for="adresse3" id="addr3">adresse :
   <input type="text" name="adresse3" id="adresse3" size="30" maxlength="30"/>	
   <img src="noncross.gif" alt="-" onclick="javascript:cacher('addr3')"/>
</label></p>	


function afficher(id)
{
	var div = document.getElementById(id);
	div.style.display = "";
}
function cacher(id)
{
	var div = document.getElementById(id);
	div.style.display = "none";
}
function chargerPage(x,y) 
{
	var div = document.getElementById(x);
	div.style.display = "none";
	var div = document.getElementById(y);
	div.style.display = "none";
}
chargerPage("addr2","addr3")
Bonjour,
Tu lances l'éxécution de ta fonction "chargerPage" avant que les divs visés n'éxistent.
D'autre part, le javascript devrait être non intrusif, les actions ne sont pas accessibles au clavier ni à ceux sans javascript Smiley decu
Sujet clos
Aller à