Bonjour,
j'ai un problème avec ajax.updater. Je voudrais charger un formulaire dans une div et ce formulaire doit être validé par LiveValidation. Mais j'ai beau inclure le livevalidation.js dans ma page source ou dans la page que je veux charger, rien n'y fait. C'est pourquoi, j'en appel à votre aide.
Page source :
Code HTML :
<!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=UTF-8" />
<title>Test_source</title>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script type="text/javascript">
Code Javascript :
<!--
function show_inscription(){
new Effect.Appear('message_box',{from:0,to:1,duration:0.5});
new Ajax.Updater(
'message_box',
'test_cible.html'
);
return false;
}
//-->
</script>
Code HTML :
</head>
<body>
<a href="javascript:void(show_inscription())">Inscription</a>
<div id="message_box" style="background-color:#999; display:none;">test</div>
</body>
</html>
Page cible (que je veux afficher dans la div) :
Code HTML :
<!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=UTF-8" />
<title>page cible</title>
<link href="css/livevalidation.css" rel="stylesheet" type="text/css" />
<script src="js/livevalidation.js" type="text/javascript"></script>
</head>
<form id="inscription">
<input name="nom" id="nom" type="text" /><br/>
<input type="submit" value="Envoyer">
</form>
<script type="text/javascript">
Code Javascript :
var nom = new LiveValidation('nom', {validMessage: 'OK'});
nom.add(Validate.Presence, {failureMessage:"A remplir"});
var automaticOnSubmit = nom.form.onsubmit;
nom.form.onsubmit = function(){
var valid = automaticOnSubmit();
if (valid)
{
new Ajax.Updater(
'message_box_info',
'connection.php',
{
method: 'post',
parameters: $('connection').serialize(true)
}
);
}
return false;
}
Code HTML :
</script>
<div id="message_box_info" style="background-color:#0F0"> test </div>
<body>
</body>
</html>
Voila, j'espère que mon problème est assez explicite. Et je suis débutant avec tout ça, donc désolé si c'est une question "bête" ;-)
Merci d'avance.