Préchargement d'une page html en cache (object, iframe)

Version imprimable

14/10/2008, 01h38
Invité

Préchargement d'une page html en cache (object, iframe)
Bonjour,
savez-vous s'il existe une méthode pour charger dans le cache du navigateur une page html complete qui n'a pas encore été visitée ?

Je sais que pour précharger une image dans le cache on peut appeler un script contenant le code :
Code:

1 2 ma_var = new Image(); ma_var.src = "/images/ma_photo.jpeg";
Est - il possible de l'adapter pour une page complète ? Par exemple :
Code:

1 2 ma_var = new window(); ma_var.src = "/repertoire/ma_page.html";
------------------------------------------------------------

PS : en farfouillant j'ai vu ça :
Code:

1 2 3 4 5 6 7 function include(id,url) { var xml = new XMLHttpRequest(); xml.open("GET",url,false); xml.send(null); document.getElementById(id).innerHTML=xml.responseText; }
ça peut m'être utile ?
14/10/2008, 07h26
bigboomshakala

ya bien la technique de l'iframe. je ne sais pas s'il y a plus "propre"
tu place un iframe dans la page, display none, et tu charges la 2è page dedans
14/10/2008, 08h44
SpaceFrog

Je ne vois pas mieux que la proposition de BBS :(

J'ai trouvé ! (avec validation xhtml 1.1), c'est pas très propre mais bon ... les navigateur qui supportent pas la balise <object> n'afficheront rien ...

Je m'inquiète plus pour les navigateurs textes, oraux et braille (ils risquent de ne pas interpréter le dimensionnement à zero pixels de l'élément <object> ni le retrait de 100 pixels vers le haut ...)
Pensez - vous que les définitions css dans l'entête me mettront à l'abris ?
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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Titre</title> <meta http-equiv="content-type" content="application/xhtml+xml;charset=utf-8" /> <style type="text/css" media="aural">  </style> <style type="text/css" media="braille">  </style> <style type="text/css" media="tty">  </style> <style type="text/css" media="screen">  </style> </head> <body> <p>Paragraphe 1</p> <div> <object class="prechargement" data="http://www.google.fr/" width="0" height="0" type="text/html"></object> </div> <p>Paragraphe 2</p> </body> </html>

15/10/2008, 15h12
SpaceFrog

autant mettre des iframes ...
15/10/2008, 17h25
E.Bzz
Bonjour,
Citation:
Envoyé par hellfoust

PS : en farfouillant j'ai vu ça :

Code:

1 2 3 4 5 6 7 function include(id,url) { var xml = new XMLHttpRequest(); xml.open("GET",url,false); xml.send(null); document.getElementById(id).innerHTML=xml.responseText; }

ça peut m'être utile ?
Pas gagné : c'est de l'Ajax => mise en cache sur le serveur, mais ce que reçoit le nav n'est qu'une chaine de caractères (même si elle représente le contenu de ta page HTML). De plus, en l'état, tu ne chargeras pas les include éventuelles, les images, tu ne pourras pas gérer de <form> etc.

Le plus simple reste l'iframe cachée de BigBoomS ...

A+
15/10/2008, 20h07
Invité

Merci pour vos réponses, pour la balise iframe, elle ne passe pas le validateur, elle a été virée des spécifications. Quand au AJAX, si c'est "compliqué", je ne vais pas me plonger dedans pour ce rafistolage.
A la base je voulait faire des pages longues et peu nombreuses (car je pensait qu'il y avait un moyen "règlementaire" de mettre des pages en cache), mais je vais revoir ma stratégie.