Sujet Précédent Sujet Suivant

LiveValidation et ajax.updater

pierreo13 Messages postés 4 Date d'inscription dimanche 21 février 2010 Statut Membre Dernière intervention 8 mars 2010 - 8 mars 2010 à 21:43
pierreo13 Messages postés 4 Date d'inscription dimanche 21 février 2010 Statut Membre Dernière intervention 8 mars 2010 - 8 mars 2010 à 21:51

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 :

<!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">


<!-- 
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>



</head>


[javascript:void(show_inscription()) Inscription]

test



</html>

Page cible (que je veux afficher dans la div) :

<!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">



</form>

<script type="text/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;
}

</script>


 test 




</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.

1 réponse

Réponse 1 / 1

pierreo13 Messages postés 4 Date d'inscription dimanche 21 février 2010 Statut Membre Dernière intervention 8 mars 2010
8 mars 2010 à 21:51

Il y a une petite erreur dans mon code :
page_cible, code javascript, ligne 15 :

parameters: $('inscription').serialize(true)

désolé...

Discussions similaires

Ajax.Updater et Firebug

Votre réponse

Discussions similaires