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 1416 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.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

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

creation site internet strasbourg