Affichage du contenu d'une page dans un DIV

Version imprimable

17/10/2007, 09h41
aloisio11

Affichage du contenu d'une page dans un DIV

Bonjour,

Je suis dans ma page Article.asp avec ma liste d'articles.
Au clique sur un article je voudrais, en Javascript, afficher le contenu d'une page dans un Div (ex.: le contenu de Stock.asp?Article=21157, ainsi le stock de l'article cliqué s'affiche sans recharger la page).

Sans ActiveX car cela est incompatible sous FF.

Quelqu'un a-t-il une idée ?
17/10/2007, 10h08
E.Bzz

Bonjour,
Ajax serait particulièrement adapté ;)

As-tu lu le tutoriel ?

A+

Merci pour ta réponse.

Ca à l'air vraiment pas mal mais je n'arrive pas à le faire fonctionner.

J'ai fais ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
    <head>
        <script type="text/javascript" src="prototype-1.4.0.js"></script>
 
        <script type='text/JavaScript'>
            function test() {
                var url = 'http://www.google.fr';
                var parametres = '';
 
                var myAjax = new Ajax.Request(
			        url,
			        {
				        method: 'post',
				        parameters: parametres,
				        onComplete: afficheReponse
			        }
		        );
		    }
 
	        function afficheReponse(requete) {
		        alert(requete.responseText);
	        }
 
        </script>
    </head>
    <body>
        <div id="affichage" style="position:absolute; top:135px; width:837px; height:570px; visibility: visible;overflow: auto; "></div>
 
        <br /><span onclick="test();" style="cursor: pointer;">Test</span>
    </body>
</html>

Mais rien ne se passe, ni aucune erreur Js.
Mon fichier prototype-1.4.0.js se trouve bien au même niveau que ma page.

Je n'utilise pas ta librairie, mais essaye

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var myAjax;
function test() {
                var url = 'http://www.google.fr';
                var parametres = '';
                
                myAjax = new Ajax.Request(
			        url,
			        {
				        method: 'post',
				        parameters: parametres,
				        onComplete: afficheReponse
			        }
		        );
		    }
 
	        function afficheReponse() {
		        alert(myAjax.responseText);
	        }

A+

Je sais pas si c'ets la bonne librairie car je l'ai pris sur un site qui utilisait celle-ci.
Ou prendre la bonne ?

Par contre ca ne marche toujours pas :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type='text/JavaScript'>
            var myAjax
 
            function test() {
                var url = 'http://www.google.fr';
                var parametres = '';
 
                myAjax = new Ajax.Request(
			        url,
			        {
				        method: 'post',
				        parameters: parametres,
				        onComplete: afficheReponse
			        }
		        );
		    }
 
	        function afficheReponse(requete) {
		        alert(myAjax.responseText);
	        }
        </script>

Sous FF rien ne se passe (pas d'erreur JS) et sous IE j'ai une messagebox "undefined" (pas d'erreur JS)

Bizzare ...

17/10/2007, 10h55
E.Bzz

Je n'utilise pas de librairie.
Tu peux prendre le code proposé ici dans le script ajax1.js

C'est du "Ajax sans librairie", et pour une utilisation simple, cela suffit largement ;)

A+
17/10/2007, 11h49
aloisio11

Merci, cela fonctione bien sous IE mais pas sur FF car Microsoft.XMLHTTP n'est pas trop accepté.
17/10/2007, 12h02
E.Bzz

Citation:

Envoyé par aloisio11

Merci, cela fonctione bien sous IE mais pas sur FF car Microsoft.XMLHTTP n'est pas trop accepté.

Autant pour moi :D

A partir du ajax2.js (plus bas dans la même page, donc) le test rendant le script compatible est intégré.

A+