ckeditor et ajax [Résolu]

[artenis]

Bonjour,

Code :

1
2
3
4
 
$('#adj').click(function(){
	$('#zone-insertion').load('admin/index.php');
        });

la page index.php contient un formulaire requérant les fichier du WISIWYG CKEDITOR.

voici le formulaire:

Code html :

1
2
3
4
5
 
<tr><td ><label>APERCU DU SUJET (Il s'agit de la partie visible de l'iceberg)</label></td></tr>
    <tr><td colspan="2"><textarea class="ckeditor" id="editor1" name="apercu"  ></textarea><br /></td></tr>
    <tr><td><label>RESTE DU SUJET (Au click "aperçu" la partie caché de l'iceberg sera visible)</label></td></tr>
    <tr><td colspan="2"><textarea class="ckeditor" id="editor2"  name="reste" ></textarea><br /></td></tr>

or les textarea apparaissent sans le ckeditor.

je suppose que le problème vient du fait que:
- load ( de ajax) appelle un fichier situer dans un autre dossier et n'arrive donc pas à prendre en compte les fichiers contenu dans les sous-dossier du CKEDITOR

si vous avez compris mon problème, peut-il être résolu ?

je me demande également si ma syntax ajax : (.load('url')) est suffisante, ne devrais-je pas écrire toute la syntaxe : aj.ajax({ url, cache, success, error });
cela pourrait-il résoudre le problème ?

[SpaceFrog]

il manque le live() ...

[artenis]

merci pour votre réponse éclair,

puis-je avoir la phrase complète ou la référence de ce :
live()

[SpaceFrog]

En résumé, ce qui se passe est que tu colles ton code html sur la page avec le load de jquery, mais le code est "inerte" et ne bénéficie pas des initialisations que tu as pu mettre sur les éléments présents sur la page au chargement.
Deux solutions, soit tu relances ton initialisation de ckeditor après avoir mis le code au moyen du load (dasn le callback du load)

Soit tu definis un live() sur certains type d'élements de sorte que de nouveau éléments ajoutés dynamiquement prennent les définitions mises au chargement (a postériori )

[artenis]

une fois de plus merci bcp pour ces renseignements

une dernière précision même si je devrais le trouvé moi même ,

comment faire pour relancer l'initialisation de ckeditor dans le callback,

en gros que dois-je écrire?

ce problème ayant persisté pendant plus d'une semaine, je vous remercie par avance si le problème ce résout.

[SpaceFrog]

ben comment tu l'initialises au chargement de la page ?

[artenis]

je en suis pas sur :

Code :

1
2
3
4
5
6
7
8
 
$('#adj').click(function(){
		$('#zone-insertion').load('admin/index.php', function(){
			ici, j'appelle le fichier ckeditor comme je ferais avec :
<script type="text/javascript" src="ckeditor.js"></script>
		});
 
	});

[SpaceFrog]

non! je ne parles pas du lien vers le fichier js

dans le onload de ta page il doit y avoir un lancement de fonction d'initialisation ? ou tu c'est pas une classe ?

[artenis]

je ne suis pas sur :

Code :

1
2
3
4
5
6
7
8
9
 
$('#adj').click(function(){
		$('#zone-insertion').load('admin/index.php', function(){
			ici, j'appelle le fichier ckeditor.js comme je ferais avec :
                   <script type="text/javascript" src="ckeditor.js"></script>
                   ainsi que pour le fichier sample.js
		});
 
	});

seulement voila, je ne sais pas quoi mettre pour appeler ckeditor.js

Cela ne vous ennuierait-il pas de me donner la solution, je ne suis pas feignant, mais j'ai pris beaucoup de retard à cause de ce problème.

[SpaceFrog]

ben si y'avait pas le load ??? tu mettrais comment le ck sur ta page ???

[artenis]

comme ceci:

Code :

1
2
 
<script type="text/javascript" src="ckeditor.js"></script>

désolé si je vous exaspère.

ou sinon un include ???

[SpaceFrog]

ha donc il suffit de mettre cette ligne sur ta page et tu as un editeur ...
ça ma parait curieux .

En tout cas ce n'est pas ce que dit la doc

http://docs.cksource.com/CKEditor_3....jQuery_Adapter

Code :

$( 'textarea.editor' ).ckeditor();

[artenis]

donc je devrais avoir ça?

Code :

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript" src="jquery.js"></script>
$(document).ready(function(){
$('#adj').click(function(){
		$('#zone-insertion').load('admin/index.php', function(){
			$('textarea.editor').ckeditor();
		});
 
	});
});

ais-je oublier qqchose ?

si ce script est bon , il ne marche pas chez moi

[SpaceFrog]

ton textearea à un

Code :

class="editor"

??

[artenis]

Code :

1
2
3
4
5
6
7
$('#adj').click(function(){
		$('#zone-insertion').load('admin/index.php', function(){
			$('textarea.ckeditor').ckeditor();
		});
		
	});

je vous avoue que je comprends pas ce bout de code,
que viens faire le 'textarea' avant ma class 'ckeditor'

[SpaceFrog]

tu ne charges pas un textarea avec load ?????

[artenis]

je comprends l'utilisation du textarea dans la fonction ckeditor, mais ne vois pas l'utilité de le préciser.

de plus si c'est tout ce qu'il faut comme code pour re-initialiser le ckeditor , pour le moment ça ne marche pas.


l'ajout cde cette ligne de code:

Code :

1
2
 
$('textarea.ckeditor').ckeditor();

que fait-elle exactement ?

car d'après firebug mes fichiers ckeditor.js et sample.js sont bien chargé lors du load de la page. le problème, si c'est ça qu'on essaie de résoudre, c'est que les sous fichers du CKEDITOR ne sont pas pris en compte lors de l'appelle de la page du formulaire.

précision : avec un iframe ça marche parfaitement , mais c'est moche (barre de defilement.

[SpaceFrog]

ckeditor transforme un textearea présent sur la page en editeur

si tu n'as pas de textarea, pas d'editeur ...

le btu de la ligne est de préciser que le textarea (qui doit en principe etre contenu dans le load() doit être transfomé en editeur ...

[artenis]

merci pour les infos

et pour ça :

car d'après firebug mes fichiers ckeditor.js et sample.js sont bien chargé lors du load de la page. le problème, si c'est ça qu'on essaie de résoudre, c'est que les sous fichers du CKEDITOR ne sont pas pris en compte lors de l'appelle de la page du formulaire.

précision : avec un iframe ça marche parfaitement , mais c'est moche (barre de defilement.

[SpaceFrog]

les sous fichers du CKEDITOR ne sont pas pris en compte lors de l'appelle de la page du formulaire.

Le problème est qu'il faudrait que je comprenne ça ???

les sous fichiers ??? kézako ???