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

Invité · 14/10/2008, 01h38

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 :

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

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 :

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

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

------------------------------------------------------------

PS : en farfouillant j'ai vu ça :

Code :

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

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 ?

**bigboomshakala** · 14/10/2008, 07h26

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

**SpaceFrog** · 14/10/2008, 08h44

Je ne vois pas mieux que la proposition de BBS

Invité · 15/10/2008, 14h59

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 :

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
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">
<!--
object.prechargement{display: none;}
-->
</style>
<style type="text/css" media="braille">
<!--
object.prechargement{display: none;}
-->
</style>
<style type="text/css" media="tty">
<!--
object.prechargement{display: none;}
-->
</style>
<style type="text/css" media="screen">
<!--
object.prechargement{position: absolute; top: -100px;}
-->
</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>

**SpaceFrog** · 15/10/2008, 15h12

autant mettre des iframes ...

**E.Bzz** · 15/10/2008, 17h25

Bonjour,

Envoyé par hellfoust

PS : en farfouillant j'ai vu ça :

Code :

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

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+

Invité · 15/10/2008, 20h07

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.

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

JavaScript

Discussions similaires

Partager

Partager