Discussion :

[kap]

Bonjour à tous,

Je rencontre un problème lors de la création d'une boite de dialogue modale sous Firefox 10. Lors de l'appel à

Code :

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

$("#dialog").dialog(options);

il me renvoie l'erreur "Permission denied to access property 'nodeType'". Voici le code entier :

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
function DialogGetAtributes(file){
 
	var text = file.split("\r\n");
	var options = getOptionsGetAtributes(text);
	console.log(options);
	var content = createContentGetAttributes(text);	
	var dialog2 = $(document.createElement("div"))
		.attr("id", "dialog2" )
		.appendTo($('body'));
 
	$("#dialog2").append(content);
	$("#accordion").accordion({
		heightStyle: "content"
	});	
	$("#dialog").dialog(options);
 
}

A noter, cette fonction est appelée dans deux contextes différents : l'ouverture d 'un fichier avec un input file et l'ouverture d'un fichier par drag&drop. Après la gestion des évènements, j'utilise les mêmes fonctions dans les deux cas. Le drag&drop ne pose pas de problème : la fenêtre s'ouvre bien. Je rencontre le problème seulement pour l'input file type. Autre remarque, si je ne transforme pas ma div en fenêtre modale, la div contient le bon contenu. Le problème semble vraiment être au niveau de l'appel à $(id).dialog().

Merci d'avance.

[Kaamo]

Bonjour !

ça sent le problème lié à la Same Origin Policy.

Tu n'utiliserais pas une iframe cachée pour l'upload dudit fichier ? Si tel est le cas, il y a une config à faire côté serveur (CORS config) pour déclarer le fait que l'iframe est bel et bien sur le même couple domaine/protocol. Ainsi, jQuery pourra bien accéder à son contenu. (de mémoire x-frame-options)

[kap]

Merci de ta réponse Kaamo.

Non je n'utilise pas d'iframe. J'utilise l'API File pour le traitement de mes fichiers. Je peux les lire sans problème (j'arrive à afficher le contenu ligne par ligne). Le problème vient au moment de l'affichage d'une fenêtre modale, même vide.

Edit : par contre ma page contient des iframes qui permet de gérer une authentification Google. Est-ce que ces iframes pourraient interférer? Dans ce cas, pourquoi seulement dans le cas de l'input file et pas du drag&drop?

[danielhagnoul]

Bonsoir

Correction de l'extrait de code, impossible de le tester n'ayant pas tous les éléments.

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
function DialogGetAtributes( file ){
	var text = file.split( "\r\n" ),
		dialog2 = $( <"div"/>, {
			"id" : "dialog2",
			"html" : createContentGetAttributes( text ); // ?
		}).appendTo( "body" );
 
	$( "#accordion" ).accordion({
		"heightStyle" : "content"
	});
 
	// dialog2 n'est pas utilisé ?
 
	$( "#dialog" ).dialog( getOptionsGetAtributes( text ) );
}