Chargement d'une page dans un div sans la fonction load() ?
branham
-
Alain_42 Messages postés 5413 Statut Membre -
Alain_42 Messages postés 5413 Statut Membre -
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
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
-
-
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
-
-
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
