Apparition d'un objet après test ?

27 déc. 2006, 13:32

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

27 déc. 2006, 13:47

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

27 déc. 2006, 14:24

Aurais-tu un exemple pour moi comprendre le fonctionnement ?

Merci

27 déc. 2006, 15:06

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>

27 déc. 2006, 15:21

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

27 déc. 2006, 23:13

Voilà c'est en ligne et j'avoue être assez heureux du résultat même si c'est loin d'être terminé !

Merci

29 déc. 2006, 11:59

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.

Apparition d'un objet après test ?

Qui est en ligne