Discussion :

[tawba]

Bonjour,

J'aimerais savoir comment faire pour inclure les informations dans la div de la page A ?

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
$().ready(function() {
    $.ajax({
        type: 'GET',
        url: 'pageB.htm',
        success: function(data) {
            var response = data;
            var extrScript = /\<script.*?>(.*)<\/script>/mg;
            htmlrep = response.replace(reScript, function(html,myscript) {
              eval(myscript); // lancement du script 
            });
 
            $('#divPageA').html(htmlrep);
        },
        error: function(data) {
            alert('La page cible ne répond pas');
        }
    });
});

$('#divPageA').html(htmlrep); n'affiche rien. Quelle est la bonne synthaxe svp? merci !

[Bovino]

Un simple

Code :

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

dataType: 'html',

dans les paramètres permet de faire faire ça directement par jQuery.

[tawba]

Ca me l'affiche bien dans le console.log mais rien dans le code html :
index.php

Code html :

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

<div id="maps_list"></div>

script.js

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
    $('.choix').live("click", function() {
	var element = $(this).attr("id");
	       $.ajax({
            type : 'GET', // envoi des données en GET ou POST
            url : 'plan.php', // url du fichier de traitement
	   dataType: 'html',
            data : 'element_id=' + element, // données à envoyer en  GET ou POST
            success : function(data) {
			var response = data;
			var extrScript = /\<script.*?>(.*)<\/script>/mg;
			htmlrep = response.replace(extrScript, function(html,myscript) {
				eval(myscript); // lancement du script 
			});
		    $("#maps_list").html(htmlrep);
			$('#consult').hide();
            }
        });
    });

plan.php

Code :

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

1
2
3
4
5
<div id="carte" style="width:100%; height:100%;margin-left:25px auto;"></div>
	<script type="text/javascript">
		function initialiser() {
....
</script>

Quand je fais
console.log (htmlrep) j ai bien le contenu de la page plan.php

mais dans le code source j ai rien . Je vois pas mon erreur : /

[Bovino]

Mais ton data, il contient quoi ?
Juste un script ou un script dans du HTML ?
Et tu veux faire quoi au juste ?
Juste récupérer le script ou utiliser tout le contenu de la réponse ?

[tawba]

Le data contient du code html et une fonction Javascript.
Je veux inclure une div avec une fonction javascript qui a des variables dynamiques que j ai récupérer dans ma base de données.
oui, je souhaite utiliser tout le contenu de la réponse.

[Bovino]

Dans ce cas

Code :

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

1
2
3
4
5
dataType: 'html',
success : function(data) {
	$("#maps_list").html(data);
	$('#consult').hide();
}

devrait être suffisant !
http://api.jquery.com/jQuery.ajax/#jQuery-ajax-settings partie dataType...

[tawba]

quand j'ai fais ca ca m'a juste afficher le code html et pas la fonction javascript. En fait c'est le même soucis qu'avait posté la 1ere personne. Juste j'ai des problèmes sur la récupération de données contenant les balises <script> ....</script>

Je vais essayer de voir si je peux pas faire autrement. En tout cas merci !

[danielhagnoul]

Pour charger et exécuter un script, on doit utiliser $.getScript().