Discussion :

[enibib]

Bonjour,

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

Code :

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

1
2
 
$("#bd").load("load/page.php");

Dans cette page j'ai un textarea chargé en ckeditor :

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
 
$(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 ??

[SpaceFrog]

regarde du coté de live() on() ou delegate()

[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.

[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.

[enibib]

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 :

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
 
<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 :

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
 
<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>

[enibib]

J'ai trouver le problème.

il faut simplement utiliser cette petite ligne :

Code :

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

1
2
 
$(this).find("textarea").ckeditorGet().destroy();

à la fermeture de la boite de dialogue.



j'aurais mis le temps à trouver