Discussion :

[pyriame]

Bonjour,
Je souhaite placer une page wikipedia dans le Div d'une de mes page Web.

Je précise que le web scraping est autoriser par wikipedia (donc rien d'illégal la dedans) et que je préfère afficher une page qui n'est pas de moi en l'état (moyennant quelques modification d'ordre esthétique) plutôt que de faire un copier/coller du texte et faire croire que je suis cultivé

J'ai utiliser un script java très simple et qui fonctionne très bien pour afficher la page entière dans mon Div "tartare"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
        <div class="row" id="tartare">
 
 
        </div>
     <script type='text/JavaScript'>
        try {
        var xml = new ActiveXObject("Microsoft.XMLHTTP");
        xml.Open( "GET", "https://fr.wikipedia.org/wiki/Ch%C3%A8vre", false );
        xml.Send()
        document.getElementById("tartare").innerHTML = xml.responseText;
        }
        catch (e) {
        var xml = new ActiveXObject("MSXML2.XMLHTTP.4.0");
        xml.Open( "GET", "https://fr.wikipedia.org/wiki/Ch%C3%A8vre", false );
        xml.Send()
        document.getElementById("tartare").innerHTML = xml.responseText;
        }
</script>
</div>

Je voulais savoir si il était possible de rendre ce script un peu plus abouti en affichant uniquement le body de la page par exemple (sans le navigateur et autre bricole) et le moyen d’insérer l'url dynamiquement via le code behind de la page ASP.net.

Je ne sais pas si il existe un tuto sur le moyen de mettre en page du code html aspirer mais si ça existe j'achete !

Dernière précision je code habituellement en C# et je suis vraiment un gros noob en javascript. Je l'utilise très ponctuellement un piochant du code tous fait sur le net (c'est pas bien ) donc d’avance pardon si je comprend pas tous ce que vous m'expliqué .

bonne nuit

[NoSmoking]

Bonjour,
as tu essayé de passer par la version imprimable qui est bien plus light ?

Concernant ta fonction Ajax j'ai bien peur que cela ne suffise pas à être crossbrowsers
Les technologies d'Ajax.

[pyriame]

bonne idée pour la version imprimable !
mon CCS se charge de la mise en forme couleur etc en plus Je vais test .

Je pensais aussi partir sur une iframe niveau code behind ça a l'air plus simple via du c# mais visiblement la iframe c'est "le mal", du coup j'hésite.... Vous en pensez quoi ? JS ou Iframe ?

Par contre c'est quoi crossbrowsers ? Pour ma culture G


merci de ton aide

[pyriame]

J'ai tester la version imprimable de wikipedia.
Le résultat est inattendu...

voici les 2 page:
https://fr.wikipedia.org/wiki/Ch%C3%A8vre

qui s'affiche dans mon navigateur
"https://fr.wikipedia.org/wiki/Chèvre"
https://fr.wikipedia.org/wiki/Ch%C3%A8vre

et la version imprimable:
https://fr.wikipedia.org/w/index.php...&printable=yes

qui s'affiche dans la barre de mon navigateur comme ceci
"https://fr.wikipedia.org/w/index.php?title=Chèvre&printable=yes"
https://fr.wikipedia.org/w/index.php...&printable=yes

Si je le test sur une iframe , la page imprimable s'affiche, sans la mise en page CSS de ma page.
Si je test avec ma fonction dans une DIV, la page qui s'affiche est la version non imprimable??? (et avec par contre la mise en page h1, h2 color... de ma page ce qui est plutôt cool).

Quelqu'un aurait une idée sur cette impossibilité de charger la bonne page alors que le lien est bien celui de la page imprimable ?

merci de votre aide

[NoSmoking]

Par contre c'est quoi crossbrowsers ? Pour ma culture G

simplement ton code ne fonctionnera que sur IE et encore les versions qui gèrent le ActiveX.

Le mieux dans ton cas est quand même de faire cela coté serveur, tu récupères le contenu du site et tu en extrait le code qui t’intéresse avant de le renvoyer coté serveur prêt à l'emploi.

Il existe WebRequest, classe

[pyriame]

j'ai fait tous comme tu m'a dit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div class="row" runat="server" id="boubou">    
        <asp:Panel ID="Panel1" runat="server" CssClass="toutou">            
        </asp:Panel>
</div>

avec le code CSS de ma page qui va bien .
et le code behind

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
protected void Page_Load(object sender, EventArgs e)
        {
            WebRequest request = WebRequest.Create("https://fr.wikipedia.org/w/index.php?title=Ch%C3%A8vre&printable=yes#Syst.C3.A9matique");
            WebResponse response = request.GetResponse();
            Stream dataStream = response.GetResponseStream();
            StreamReader reader = new StreamReader(dataStream);
            string responseFromServer = reader.ReadToEnd();
 
            this.Panel1.GroupingText = responseFromServer;               
            reader.Close();
            response.Close();          
        }

La page s'affiche au poil.
2 problème cependant:

-1) c'est toujours la page standard wikipedia que je recupere et jamais la page imprimable malgré le bon url (c'est codé en PHP, peut etre que....? j'en sais rien)
-2) Je souhaite récupérer juste une partie de la page (la partie texte) <div id="mw-content-text" lang="fr" dir="ltr" class="mw-content-ltr"> mais le html agility pack censé le faire ba je comprend pas la façon de l'integrer a mon code behind...

Si je pouvais avoir un peu d'aide. Ou déplacer le sujet par un moderateur car il n'est plus vraiment dans le sujet JS