Page 1 sur 1
Apparition d'un objet après test ?
Posté : 27 déc. 2006, 13:32
par Sebe
Bonjour,
J'aimerai savoir s'il est possible de faire apparaître un bouton (submit) après le test de mon formualire ... en gros quand toutes les conditions sont remplies, j'aurais un bouton supplémentaire sans pour autant recharger une nouvelle page !
Pensez-vous que ce soit possible ? Comment ?
Merci
Posté : 27 déc. 2006, 13:47
par Ajoloca
Bonjour,
Il te faudra utiliser CSS et JS.
CSS pour déclarer ton bouton soit en visibility: hidden soit en display: none et utiliser JS pour changer ses valeurs par visibility: visible ou bien display: in-line
Posté : 27 déc. 2006, 14:24
par Sebe
Aurais-tu un exemple pour moi comprendre le fonctionnement ?
Merci
Posté : 27 déc. 2006, 15:06
par Ajoloca
Re,
Si tu avais cherché avec
ou autre, tu avais de milliers d'exemples.
Un voilà un tout de même
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title></title>
<meta name="generator" content="Bluefish"/>
<meta name="author" content="José López"/>
<meta name="date" content=""/>
<meta name="copyright" content=""/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="content-style-type" content="text/css"/>
<meta http-equiv="expires" content="0"/>
<script type="text/JavaScript">
function valid(){
document.getElementById('btn_val').style.display = 'inLine';
}
function valid2(){
document.getElementById('btn_val2').style.visibility = 'visible';
}
</script>
</head>
<body>
<form id="frm" action="" method="post">
Avec Display <input type="text" id="chp" onblur="JavaScritp:valid();" /><br />
<input type="button" id="btn_val" style="display:none" value="Valider" /><br />
Avec Visibility <input type="text" id="chp1" onblur="JavaScritp:valid2();" /><br />
<input type="button" id="btn_val2" style="visibility:hidden" value="Valider2" />
</form>
</body>
</html>
Posté : 27 déc. 2006, 15:21
par Sebe
Re,
Si tu avais cherché avec
ou autre, tu avais de milliers d'exemples.
Un voilà un tout de même
Bah, j'avoue ... j'ai pas cherché ! Maintenant, je ne sais pas ce que j'aurai dû chercher mais avec l'exemple que tu me fournis, je vais y voir plus clair !
Merci
Posté : 27 déc. 2006, 23:13
par Sebe
Voilà c'est
en ligne et j'avoue être assez heureux du résultat même si c'est loin d'être terminé !
Merci
Posté : 29 déc. 2006, 11:59
par mere-teresa
Modération :
Sebe, si ta question est résolue, pense à ajouter le tag [Résolu]
pour indiquer aux personnes qui voudront consulter ce sujet qu'il contient une solution.
Tu peux réaliser cette opération en cliquant sur le bouton [Mettre Résolu] en haut à gauche de ce sujet.