Discussion :

[Ashram2]

Bonjour tout le monde,

j'ai un soucis en JQuery pour afficher une page web

voici mon code :

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
function CreerFenetre(url,numform){
 
var urlc = "dump_html.php?URL='"+url+"'&NUMFEN="+numform;
$.ajax({ 
type: "GET",
dataType : 'html',
url: urlc,
success: function(retour){
$('#PageWeb'+numform).jqDrag('.jqDrag');
$('#PageWeb'+numform).jqResize('.jqResize');
$('<div><div id="PageWeb'+numform+'"class="jqDnR"><div class="jqHandle jqDrag"></div>').appendTo('Conteneur');
$('<div id="#Contenu'+numform+'">').appendTo('ConteneurHead');
$('#Contenu'+numform).html(retour);
$('</div>').appendTo('ConteneurFoot');
$('<div class="jqHandle jqResize"></div></div>').appendTo('ConteneurFoot');
$('#Contenu'+numform+' > a ').attr({target:'_blank'});
}
});
 
if ($('#Contenu'+numform).height() > 400){
  var numBIGfen = numform;
  $('#Contenu'+numBIGfen).height('400px').css('overflow','auto');}
}

Cette fonction récupere du code html fourni par un proxy via une url passée en parametre. Ensuite je crée une fenetre qui va afficher cette page Web.

voici le code de la fonction php qui récupere la page.

Code :

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

echo "<div id='ConteneurHead'>".$TabPage[$numfen]."</div><div id='ConteneurFoot'></div>";

$TabPage[$numfen] contient une chaine qui est le contenu de la page web demandée (en html).

Mon soucis et que dans Creerfenetre en JQuery, j'ai la variable retour qui contient le code html sans soucis (preuve que le AJAX marche bien ici) mais rien ne s'affiche. Je pense que ca vient de la facon dont je creer ma fenetre.

Pouvez vous m'aider ?

edit 07-07-09 :

J'ai mis ca à la place mais aucun résultat, toujours la page blanche.

$('<div><div id="PageWeb'+numform+'"class="jqDnR"><div class="jqHandle jqDrag"></div>').appendTo(retour+' > Conteneur');
$('<div id="#Contenu'+numform+'">').appendTo(retour+' > ConteneurHead');
$('#Contenu'+numform).html(retour);
$('</div>').appendTo(retour+' > ConteneurFoot');
$('<div class="jqHandle jqResize"></div></div>').appendTo(retour+' > ConteneurFoot');

[Ashram2]

J'ai avancé dans mon probleme

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
 
 
function CreerFenetre(url,numform){
 
var urlc = "dump_html.php?URL='"+url+"'&NUMFEN="+numform;
$.ajax({ 
type: "GET",
dataType : 'html',
url: urlc,
success: function(retour){
  $('<div id="PageWeb'+numform+'" class="jqDnR"><div class="jqHandle jqDrag"></div>').appendTo('#Conteneur');
  $('<div id="Contenu'+numform+'">').appendTo('#Conteneur');
  $(retour).appendTo('#Contenu'+numform);
  $('<div class="jqHandle jqResize"></div></div>').appendTo('#Conteneur');
  $('#Contenu'+numform+' > a ').attr({target:'_blank'});
  $('#PageWeb'+numform).jqDrag('.jqDrag');
  $('#PageWeb'+numform).jqResize('.jqResize');
}
});
 
if ($('#Contenu'+numform).height() > 400){
  var numBIGfen = numform;
  $('#Contenu'+numBIGfen).height('400px').css('overflow','auto');}
}

Désormais le php récupere le contenu web en brut (en faisant un echo du contenu) et j'ai mis un <div id='Conteneur'></div> dans mon index.html

Désormais le contenu s'affiche mais j'ai un soucis au niveau de la barre Drag.

J'utilise le plugin Jqdnr et celui-ci permet en JQUery de mettre du contenu html dans une fenetre resizable et déplacable. Le soucis est qu'ici, je peux juste déplacer la barre de titre sans que le contenu se déplace avec.

J'ai pour hypothese une balise div fermée trop tot.

Qu'en pensez vous ?

Edit : Probleme résolu

Ca venait du fait que j'appelais index.html directement au lieu le laisser chercher la page d'index. Résultat, le php n'était pas interprété.