Chargement d'une page dans un div sans la fonction load() ? [Fermé]

Signaler
-
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
-
Bonjour tout le monde,

Durant mon stage suis confronté à un petit probleme .
J'ai à inserrer un contenu php dans une div via ajax ,le probleme est que la fonction load() à du mal à marcher coté serveur web .

je ne peux pas vous transmettre tout le fichier jquery c'est énorme ; de ce fait je vous envoie quelques extraits de ce fichier



voici la structure du doc:

html = '<div id="swipebox-overlay">\
<div id="swipebox-slider"></div>\
<div id="swipebox-caption"></div>\
<div id="swipebox-action">\
<a id="swipebox-close"></a>\
<a id="swipebox-prev"></a>\
<a id="swipebox-next"></a>\
</div>\
</div>';


autrement dit :

<div id="swipebox-overlay">\
<div id="swipebox-caption"></div>\

<div id="swipebox-slider"></div>\



<div id="swipebox-action">\


<a id="swipebox-close"></a>\ <a id="swipebox-prev"></a>\ <a id="swipebox-next"></a>\

Je dois mettre ma page php dans la div <div id="swipebox-caption"></div>\

Merci de votre aide

4 réponses

Messages postés
1226
Date d'inscription
lundi 28 mars 2011
Statut
Membre
Dernière intervention
2 septembre 2013
72
Salut !

Avec une frame ?
j'aimerais le faire avec ajax mais malheuresement ca ne marche pas coté serveur ! frame c'est bien mais pas dans le cadre de mon stage en fait
Messages postés
1226
Date d'inscription
lundi 28 mars 2011
Statut
Membre
Dernière intervention
2 septembre 2013
72
Quand tu dis page php, t'entends quoi par la ?
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
881
et avec ce principe:
<script type="text/javascript" src="jquery/jquery-1.3.2.min.js "></script>
    <script type="text/javascript">			
		$(document).ready(function() {
			$("#swipebox-prev").click(function(e) {
				//ci dessus l'evenement "click" sur l'element (div bouton ou autre)  qui va lancer Ajax
				
				//on appelle le script php en lui passant 'prev' en argument1
			$.post("scriptPHP_reponse_a_ajax.php", {argument1: 'prev'},
			function(data) {
				//la on va écrire la réponse de php dans le div ayant comme id div_reponse
				$('#swipebox-caption').html(data);
			});
			return false;
	
			});
			$("#swipebox-next").click(function(e) {
				//ci dessus l'evenement "click" sur l'element (div bouton ou autre)  qui va lancer Ajax
				
				//on appelle le script php en lui passant 'next' en argument1
			$.post("scriptPHP_reponse_a_ajax.php", {argument1: 'next'},
			function(data) {
				//la on va écrire la réponse de php dans le div ayant comme id div_reponse
				$('#swipebox-caption').html(data);
			});
			return false;
	
			});
		});
    </script>           


tu modifies bien sur en mettant le nom de ton script php appelé

et tu récupéres la page à charger prev ou next par $_POST['argument1'] dans ce script