Forum webmaster
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 582 fois)
Interpréter du Javascript inclue dans du HTML avec Ajax...
« sur: le 12-06-2008 à 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 à 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.
 
 
L’XHTML 2 ne sera jamais, HTML 5 sera
Bing et Twitter : quand le tweet se mélange à la recherche
PHPFonctions : le site de partage de vos fonctions PHP
PHP 5.3 disponible
Un outil SEO assez complet
Firefox 3.5 RC disponible en téléchargement
Vos statistiques Google dans votre tableau de bord WordPress ?
Comment bien se référencer dans Bing ?
 
 
 
 
 

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

creation site internet strasbourg