Javascript ne marche pas dans un appel Ajax
Bonjour à tous
Alors le titre ne doit pas être très clair ^^ je vous explique ça va être très simple à comprendre:
J'essaie de mettre à jour le texte d'un champ textarea en ajax (la rien de très compliqué) sauf et oui il en faut bien un , c'est que mon textarea fonctionne avec un editeur du type tinymce ou ckeditor et la impossible à faire.
Je vous montre mon code:
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
| <script type="text/javascript">
function maFonctionAjax(test)
{
var OAjax;
if (window.XMLHttpRequest) OAjax = new XMLHttpRequest();
else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP');
OAjax.open('POST',"./2.php",true);
OAjax.onreadystatechange = function()
{
if (OAjax.readyState == 4 && OAjax.status==200)
{
if (document.getElementById)
{
if (OAjax.responseText =='true') { /* OK */
document.getElementById('msg').innerHTML='<font color=GREEN>'+OAjax.responseText+'</font>';
}else{ /* PAS OK */
document.getElementById('msg').innerHTML='<font color=RED>'+OAjax.responseText+'</font>';
}
}
}
}
OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
OAjax.send('test='+test);
}
</script>
<script src="./ckeditor/ckeditor.js"></script>
<form method="post" onsubmit="maFonctionAjax(this.test.value);return false" action="">
<textarea name="test" id="test" row="51" cols="100"></textarea>
<input type="reset" name="reset" value="Reset" /><input type="submit" value="Submit" />
</form> |
Mon fichier 2.php qui est appelé par ma fonction:
Code:
1
2
3
4
5
| <?php
if(isset($_POST['test'])) $test=$_POST['test'];
else $test="";
?>
<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10"><?php echo $ida; ?></textarea> |
Donc en réalité mon texte dans mon champ textarea ce mais bien a jour mais impossible d'avoir l’éditeur fonctionnel, il s'affiche comme un simple champ textarea tout nu.
Je précise que si je place mon textarea dans mon premier fichier ou si je me rend directement sur la page 2 mon éditeur fonctionne, il ne fonctionne pas uniquement si je l'appel depuis une fonction ajax.
Cela me rappel un autre code ou j'appelais depuis une fonction ajax un calendrier du type Datepicker | jQuery UI est la aussi il ne fonctionner plus.
On ne peut pas appeler une page en ajax qui elle même exécute un script en javascript jquery ??
Merci de vos lumières
