CKeditor et boite de dialogue

Version imprimable

Bonjour,

voici mon problème j'ouvre une boite de dialogue que je remplis avec un load :
Code:

1 2 $("#bd").load("load/page.php");
Dans cette page j'ai un textarea chargé en ckeditor :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 $(document).ready(function () { // Ckeditor var config = { toolbar: [ ['Source','-','Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat','-','Link','Unlink'], ['NumberedList','BulletedList','-','Outdent','Indent','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'], '/', ['TextColor','BGColor'],[ 'Image','Table','HorizontalRule','Smiley','SpecialChar' ],['Styles','Format','Font','FontSize'] ] }; $('.ckeditor_page').ckeditor(config); });
A la première ouverture de ma boite de dialogue ok ca marche à la 2ème le textarea est invisible ...

Est ce un problème connu ou pas ??

27/03/2012, 14h26
SpaceFrog

regarde du coté de live() on() ou delegate()
27/03/2012, 14h48
enibib

Live et delegate je ne connaissais pas merci mais je vois pas ou tu veux en venir en me dirigeant la dessus.

Je transforme mon textarea sur la page chargé par la méthode load ...

Du cou j'ai essayer de le faire sur la page d'origine au moment du click pour l'ouverture de la boite de dialogue ou tout du moins juste après avec la méthode live (impossible en théorie avec un $().click(function(evt) { }); vu que le textarea est rajouté après dans le dom) mais ca ne fonctionne pas je ne sais pas pourquoi.
27/03/2012, 15h00
enibib

je viens de réfléchir et c'est normal ca fonctionne pas mon histoire ...
du cou j'ai pas d'idée :? je continu de me creuser la tête mais je cale pour le moment le live ne m'est pas d'une grande aide or mis avoir enrichi mes connaissances.

Voici un lien ou on peu voir mon soucis :

http://lebret.damien.free.fr/ftptest/test.php

la BD s'ouvre en cliquant sur le lien.

voici le source,
test.php :

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
41
42
43
44
45
46
47
48
49
50
 
<link rel="stylesheet" type="text/css" href="api/jquery/jquery-ui.custom.css">	
<script src="api/jquery/jquery-1.4.2.js"></script>
<script src="api/jquery/jquery-ui.custom.min.js"></script>
 
<script type="text/javascript" src="api/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="api/ckeditor/adapters/jquery.js"></script>
 
<script>
	$(document).ready(function () {
 
		initBoiteDialogue_updt_session();
 
		$(".updt_session").live("click", function(){	
			$("#bd_updt_session").load("load/test.php");
			afficherBoiteDialogue_updt_session();
 
 
	    });
	});
 
 
	function initBoiteDialogue_updt_session() {
		$("#bd_updt_session").dialog({
			autoOpen: false,    
			modal: true,        
			width: 1024,         
			// Boutons
			buttons: { "Annuler": abandon_updt_session, "Modifier": Confirme_updt_session }
		});
	}
 
	function afficherBoiteDialogue_updt_session() {
		$("#bd_updt_session").dialog("open"); 
	}
	function abandon_updt_session(evt) {	
		$(this).dialog("close");
	}
	function Confirme_updt_session(evt) {
		$(this).dialog("close");
	}
 
 
</script>
 
			<div id="bd_updt_session" style="display:none" title="Modifier la session : ">
				<div id="id_session_updt">Modifier la session :</div>
			</div>
 
<a class="updt_session">Modifier la session</a>

et voici la page loader dans la BD :

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
 
<script>
$(document).ready(function () {	
 
 
		// Ckeditor					
		var config = {
			toolbar:
			[
				['Source','-','Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat','-','Link','Unlink'],
				['NumberedList','BulletedList','-','Outdent','Indent','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
				'/',
				['TextColor','BGColor'],[ 'Image','Table','HorizontalRule','Smiley','SpecialChar' ],['Styles','Format','Font','FontSize']
			]
		};
 
		$('.ckeditorUPDTSESSION').ckeditor(config);
 
 
});
 
</script>
Commentaire :<br>
<textarea name="f_comment" id="f_comment_updt" class="ckeditorUPDTSESSION" rows="4" cols="4"></textarea>

04/04/2012, 09h51
enibib
J'ai trouver le problème.

il faut simplement utiliser cette petite ligne :
Code:

1 2 $(this).find("textarea").ckeditorGet().destroy();
à la fermeture de la boite de dialogue.

:roll:

j'aurais mis le temps à trouver