La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Interpréter du Javascript inclue dans du HTML avec Ajax...
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Interpréter du Javascript inclue dans du HTML avec Ajax...  (Lu 795 fois)
Interpréter du Javascript inclue dans du HTML avec Ajax...
« sur: le 12-06-2008 a 17:25:47 »
NuDD
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 122





Voir le Profil    WWW    E-Mail
Répondre avec citation

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
Code:

<!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
Code:

<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

« Dernière Édition: le 13-06-2008 a 09:24:08 par NuDD » Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Optimiser son référencement : Paperblog
Optimiser son référencement : twitter
Optimiser son référencement : l’attribut nofollow
WordPress 3.0.1 est sorti
L’intérêt du Google CDN pour vos sites internet
AdFever vous propose de gagner un iPad avec son plugin de comparaison
Profitez de la documentation officielle PHP dans Google Chrome
Interdire le copier-coller dans un formulaire
 
 
casino
 
 
 

Copyright (c) Devclic 2002 - 2010 - Tous droits réservés

creation site internet strasbourg