onchange n'est pas détecté après un ajax updater

**reox22** · 26/05/2014, 11h23

Hello all,
j'essaye de passer du code frame a un code div

mais apres le premier appel ajax jquery ne repond plus alors que le meme code en frame fonctionne

je charge une premiere fois ma page via un click dans le menu
je choisi le perso : le refresh est ok

puis j'essaye de changer XPS avec l'event onchange
en frame ok
ici rien

{$URL_BASE} syntax smarty mais c'est pas le pb ici.
main page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
   <script type="text/javascript" src="{$URL_BASE}js/prototype.js"></script>
  <script type="text/javascript">var URL_BASE='{$URL_BASE}'</script>
 
  <script type="text/javascript" src="{$URL_BASE}js/jquery.min.js"></script>
  <script type="text/javascript" src="{$URL_BASE}page.js"></script>
  <script type="text/javascript" src="{$URL_BASE}menu_mj.js"></script>
</head>
<body>
...
<div id="frame-menu">
  <a href="#" onclick="return menu_displaycentre('frame-centre','{$URL_BASE}page.php');
    ma page
  </a>
 </div>
 <div id="frame-centre">
 </div>

extract page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<script type="text/javascript" src="{$URL_BASE}js/prototype.js"></script>	
	<script type="text/javascript" src="{$URL_BASE}js/jquery-1.9.1.min.js"></script>
 
	<script type="text/javascript" src="page.js"></script>
 
    </head>
    <body>
 <form method="post" id="recherche" name="recherche" action="">
						<input type="hidden" name="ACT" value="rech_perso" />
						RECHERCHE D'UN COMPTE<br />
						Id,Login, email, ip ou nom de personnage : (2 lettres min)<br />
						<input type="text" name="query" size="30" />
						<input type="submit" value="RECHERCHER" onclick="PJ_Recherche()" />
					</form>
 
					....
 
<input type="text" size="10" name="XPS" value="{$PJ.XPS}" id="XPS"/>
 
 
 
perso.js
$.noConflict();
jQuery(document).ready(function($) {
$(document).ready(function () {
....
		$("#XPS").change(function () {
        //$('#XPS').live('onchange',function () {
            alert('titi');
			var champsid = ($(this).attr('id'))
			var champsvaleur = $('input[id=XPS]').val()
			var idpj = ($("#idpj").val());
			$.ajax({
				type: "POST",
				url: "updatebdd.php",
				data: 'id='+idpj+'&champ='+champsid+'&value='+ champsvaleur,
				cache: false,
				success: function(html) { // If is everything ok
				}
			});
		});
		....
	});	
});
 
// Code that uses other library's $ can follow here.
			function PJ_Recherche() {
       var url=URL_BASE+'persos.php';
        new Ajax.Updater(
            'frame-centre', 
            url,
            {
            method : 'post', 
            parameters: Form.serialize('recherche')
            }
        );
 
    parent.document.getElementById('frame-centre').innerHTML ='Please Wait...';
    return false;
}

...

je bloque depuis 3 jours quelqu'un aurait -il la solution ?

**SpaceFrog** · 26/05/2014, 16h04

Un classique ...

les élément rajoutés ou rechargés dynamiquement n'héritent pas des evenements attribués sur le ready sauf à utiliser on() ou delgate()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#XPS").parent().on('change', '#XPS',function () {

**reox22** · 26/05/2014, 16h30

Merci SpaceFrog,
J'avais pas pensé au .parent().

onchange n'est pas détecté après un ajax updater [AJAX]

jQuery

Discussions similaires

Partager

Partager