Bonjour tout le monde, voila comme le précise mon titre, je débute en javascript et ajax, et je dois faire un formulaire.
Mais un formulaire spécial, en fait a chaque fois qu'on rempli un champ, le champ suivant apparait..
Je sais afficher des champs ou les cacher, mais les afficher une fois qu'un champ est rempli je sais pas.
Voila le debut de mon code (et de mes connaissances
)
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<script type="text/javascript">
function change() {
var change = document.getElementById('change');
if(change.value == 0)
{
document.getElementById('liste').style.display = "none";
}
if(change.value == 1)
{
document.getElementById('liste').style.display = "block";
}
}
</script>
</head>
<body>
<label>Afficher / Cacher<br />
<select id="change" onchange="change()">
<option value="0">Ne pas afficher</option>
<option value="1">Afficher</option>
</select><br /><br />
<label id="liste" style="display: none">
Ca marche !
</label>
</body>
</html>
Voila si quelqu'un peut m'aider ou connais un tuto sur le net, merci a vous
Mais un formulaire spécial, en fait a chaque fois qu'on rempli un champ, le champ suivant apparait..
Je sais afficher des champs ou les cacher, mais les afficher une fois qu'un champ est rempli je sais pas.
Voila le debut de mon code (et de mes connaissances
)[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<script type="text/javascript">
function change() {
var change = document.getElementById('change');
if(change.value == 0)
{
document.getElementById('liste').style.display = "none";
}
if(change.value == 1)
{
document.getElementById('liste').style.display = "block";
}
}
</script>
</head>
<body>
<label>Afficher / Cacher<br />
<select id="change" onchange="change()">
<option value="0">Ne pas afficher</option>
<option value="1">Afficher</option>
</select><br /><br />
<label id="liste" style="display: none">
Ca marche !
</label>
</body>
</html>
Voila si quelqu'un peut m'aider ou connais un tuto sur le net, merci a vous