Saisie via Jquery UI Dialog : Impossible de récupérer les valeurs [Résolu]

[lamaison]

Bonjour,

Après avoir bien galéré a essayer des lightbox, je me suis décidé à utiliser jquery UI.
Très pratique
Mais j'ai un gros gros souci qui me bloque depuis des heures :
J'ai un formulaire qui contient différents input.
Via jquery dialog je saisi quelques input.
La saisie se passe bien mais dès que je soumet le formulaire ( en get ou en post ) tout ce qui a été saisie via jquery dialog a disparu !
J'ai l'impression qu'il copie les noeuds et qu'ensuite il ne les remet pas dans le formulaire.
Voici le code simplfié :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<?php
echo '<pre>';print_r($_POST);echo '</pre>';
?>
 
<link type="text/css" href="js/jquery/css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="js/jquery/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery/js/jquery-ui-1.8.16.custom.min.js"></script>
 
<form action="" method="POST" name="formulaire" id="formulaire">
<div id="chk_personnesH" style="display:block">
  <input type="text" name="essai" id="essai"/>
</div>
<a href="#" id="Saisir_formulaire" >Afficher</a>
<input type="submit" value="ok" />
</form>
 
<script type="text/javascript">
$('#Saisir_formulaire').click(function()
 {
	$("#chk_personnesH").dialog({
		modal: true,
		resizable: false,
        width:'auto',		
        height: 'auto',
        modal: true,
        position: 'center',		
		title : 'ici un titre',
		overlay: { 
	        opacity: 0.5, 
	        background: "black" 
	    }, 
	    buttons: {
				'OK': function() {
				$(this).dialog('close');
			}
		}
	});	
}) 
</script>

Je rame
Merci d'avance

[lamaison]

Effectivement, jquery déplace les noeuds.
Grace à
http://stackoverflow.com/questions/1...not-being-sent
et
http://stackoverflow.com/questions/7...utton-postback
j'ai pu trouver la syntaxe pour remettre l'église au milieu du village :

Code :

1
2
 
jQuery("#dialog").parent().appendTo(jQuery("form:first"));

Quelle souffrance ...