Comment recuperer le code source d une page HTML distante en javascript

Version imprimable

20/07/2006, 22h27
herbert

Comment recuperer le code source d une page HTML distante en javascript

Allez je continue a poster (on y prend vite gout) en esperant qu il existe une solution a mon probleme et que Fremy passe par la :D

Le probleme est le suivant j aimerais dans une fonction javascript recuperer le code source html d une page web distante pour le stocker qquepart dans une variable texte ou un tableau ou quoique ce soit pour l afficher sur l ecran ensuite (sans l interpreter evidemment). Ca m etonnerait fort que les sockets existent en Javascript donc si qqun a la moindre idee ou embryon d idee je suis preneur
Merci !
20/07/2006, 22h31
gorgonite

ajax et l'objet xmlhttprequest ;)

http://siddh.developpez.com/articles/ajax/
20/07/2006, 22h34
herbert

Eh ben moi qui suis quasi debutant en javascript c est la fete...
Je vais voir ca gorgonite Merci du tuyau ;)
20/07/2006, 22h49
herbert

Dis moi Gorgonite t es sur qu on peut dialoguer avec un serveur distant avec Ajax parce que j ai l impression que ca ne marche qu avec le serveur local..?
20/07/2006, 22h50
gorgonite

Citation:

Envoyé par herbert

Dis moi Gorgonite t es sur qu on peut dialoguer avec un serveur distant avec Ajax parce que j ai l impression que ca ne marche qu avec le serveur local..?

a priori tu peux... j'utilise même cela dans des applications XUL

quel est ton problème ?
20/07/2006, 22h58
herbert

En fait j ai juste une fenetre HTML avec un champ de saisie , l utilisateur entre une URL valide par OK et je voudrais afficher le code source de cette URL dans la fenetre mere. Et la seule chose que je ne maitrise pas c est recuperer justement le source d une page html distante dans une variable. Mais si tu me dis que ca marche je vais tester tout ca apres m etre documente...
21/07/2006, 18h42
herbert

Non apparemment ca marche pas , j arrive pas a contacter un autre serveur que celui qui stocke mon fichier html.
D autres proprositions ?
21/07/2006, 18h48
gorgonite

Citation:

Envoyé par herbert

Non apparemment ca marche pas , j arrive pas a contacter un autre serveur que celui qui stocke mon fichier html.
D autres proprositions ?

une applet java ?
une balise object de type text/plain et la source sur la page distante ?

Code de base

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
function setInnerHTML(divContent, HTML) {
  divContent.innerHTML=HTML; 
  var AllScripts=divContent.getElementsByTagName("script")
  for (var i=0; i<AllScripts.length; i++) {
     var s=AllScripts[i];
     if (s.src && s.src!="") {
        setTimeout("eval(getFileContent(" + s.src + "))",0)
     }
     else {
        eval(s.innerHTML)
     }
  }
}
 
// Renvoie le texte de l'objet ActiveXObject le plus récent depuis une liste
var pickRecentProgID = function (idList){
	// found progID flag
    var bFound = false;
    for(var i=0; i < idList.length && !bFound; i++){
        try{
            var oDoc = new ActiveXObject(idList[i]);
            o2Store = idList[i];
            bFound = true;
        }catch (objException){
            // trap; try next progID
        };
    };
    if (!bFound)
		throw ("Aucun ActiveXObject n'est valide sur votre ordinateur, pensez à mettre à jour votre navigateur");
    idList = null;
    return o2Store;
}
 
// Retourne un nouvel objet XmlHttpRequest
var GetXmlHttpRequest_AXO=null
var GetXmlHttpRequest=function () {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest()
	}
	else if (window.ActiveXObject) {
		if (!GetXmlHttpRequest_AXO) {
			GetXmlHttpRequest_AXO=pickRecentProgID(["Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"]);
		}
		return new ActiveXObject(GetXmlHttpRequest_AXO)
	}
	return false;
}
 
function getFileContent(url) {
   var Xhr=GetXmlHttpRequest();
   Xhr.open("HEAD",url,false);
   Xhr.send(null);
   return Xhr.responseText;
}

Utilisation

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
// 1e type d'utilisation :
var content=getFileContent("texte.txt");
// 1e type d'utilisation (bis) :
var content=getFileContent("page.aspx");
// 2e type d'utilisation :
setInnerHTML(document.getElementById("div1"),"page.aspx")
// REMARQUE :
// On ne peut utiliser cela que pour des fichiers sur son serveur
// si je suis sur localhost:80, je ne peux pas acceder à monsite.com
// si je suis sur monsite.com, je ne peux pas acceder à google.com
// ...

25/07/2006, 17h59
superm@nu

Bonjour
pour ma part j'utilise les balises IFRAME pour afficher une pages distantes
<iframe name="nom"
src="http://monsite.com/mapage.html"
width="100%" height="100%"></iframe>
Voila j'espere que c'est ce que tu cherchais
26/07/2006, 22h26
herbert

Merci a tous pour votre aide en fait je croyais que je devais juste recuperer le code source html d une page distante mais je me suis trompe je devais juste afficher le resultat dans une iframe et ca je sais faire depuis longtemps..Merci a tous qd meme !