NuDD
P'tit nouveau
 
Hors-Ligne
Sexe: 
Messages: 122

|
Bonjour, Je suis débutant avec AJAX et j'utilise la librairie Prototype. Je souhaite insérer dans ma page une partie de code intégrant du HTML et du javascript... Pour le moment je n'ai que réussi à faire l'un ou l'autre mais pas les deux en même temps (en jouant sur le paramètre 'contentType')... pour l'instant j'ai mes deux fichiers comme suit: test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="en" /> <meta name="author" content="NuDD" /> <meta name="robots" content="none" /> <meta name="googlebot" content="noarchive" /> <title>Test</title> <link rel="stylesheet" type="text/css" media="screen, projection" href="./includes/style.css" /> <script type = "text/javascript" src = "./includes/prototype.js"> </script> <script type = "text/javascript"> <!-- function test(){ var url = './test01.html'; new Ajax.Request(url, { method: 'get', contentType: 'text/html', callback: function() { alerter(); }, onSuccess: function(transport) { $('contenant').innerHTML = transport.responseText; } }); }
Event.observe(window, 'load', function() { Event.observe('Test', 'click', test); }); --> </script>
</head> <body>
<div id = "contenant">
<a href="#" id = "Test"> coucou </a>
</div> </body> </html>
|
|
test01.html
<a href="#" id = "pourVoir"> pour voir </a> <script type = "text/javascript"> <!-- function test01(){ var url = './test02.html'; new Ajax.Request(url, { method: 'get', onSuccess: function(transport) { $('contenant').innerHTML = transport.responseText; } }); }
Event.observe('pourVoir', 'click', test01);
--> </script>
|
| Si quelqu'un sait comment faire ce serrais vraiment cool. J'ai certainement mal compris un truc ou deux avec le AJAX alors si vous voyez des choses illogiques n'hésitez pas à ma les expliquer.  Merci |