Autocomplete ne fonctionne pas au travers d'Ajax
Hello à toutes et tous,
Depuis un menu de navigation j'appel une page contenant un input où il va être fait de l'autocomplétion.
C'est comme si javascript n'arrivait pas à récupérer cet input contenu dans la page appelée en Ajax car si je fait le même test depuis la page d'index directement (input dans la page d'index), cela fonctionne correctement.
Un grand merci par avance parce que là je suis bloqué.
Le code à la suite :
index.php contenant le code d'autocompletion :
Code:
1
2
3
4
5
6
7
8
| <script>
$(function() {
$( "#tags" ).autocomplete({
source: 'pages/auto_complete_sa.php',
minLength: 2
});
});
</script> |
Le code dans la page pages/auto_complete_sa.php fonctionne bien (json correctement retourné), comme je le disais plus haut, donc pas besoin de mettre le code.
barre de navigation : navbar.php :
Code:
1
2
3
4
5
6
| <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Suivi d\'Activité<span class="caret"> </span></a>
<ul class="dropdown-menu">
<li><a onclick="suiviActivite(6)">Suivi 1</a></li>
</ul>
</li> |
Script js associé au call suiviActivite :
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
| function suiviActivite(mavariable)
{
var xmlhttp;
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
//callback(xmlhttp.responseText);
document.getElementById('mainContent').innerHTML = xmlhttp.responseText;
document.getElementById("loader").style.display = "none";
document.getElementById("mainContent").style.display = "inline";
}
else if (xmlhttp.readyState < 4)
{
document.getElementById("mainContent").style.display = "none";
document.getElementById("loader").style.display = "inline";
}
}
xmlhttp.open("GET","pages/suivi_activite.php?mavariable=" + mavariable, true);
xmlhttp.send();
} |
La page contenant l'input que j'appel via le menu de navigation : suivi_activite.php :
Code:
<div class="ui-widget"><label for="tags">Tags: </label><input id="tags"></div>
Quand j'écris au sein de cet input rien ne se passe (encore une fois fonctionne bien si l'input est sur la page d'index à la place d'être dans cette page suivi_activite.
Je vous remercie beaucoup par avance.
Cordialement.
