Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Scripting Microsoft Recharger une div d'une page

Recharger une div d'une page

35 réponses
Avatar
sympatix
Bonjour !

J'ai une page contenant 2 frames, et je voudrais pouvoir recharger une div
avec ses éléments par défauts.
La div se trouve dans la frame du bas, et se pilote depuis la frame du haut.
Je me suis dit qu'en utilisant la méthode "reload", ce serais du gâteau,
mais ça ne fonctionne pas. Rien ne se passe en cliquant sur le bouton
"recharge". C'est clair, je ne m'y prends pas comme il faut !
(c'est la fonction recharge dans la pagehaut qui pose problème).

Voici le code des 3 pages:

--------page principale------------------
<html>
<head>
</HEAD>
<FRAMESET ROWS="80%,20%">
<FRAME SRC="pagehaut.htm" NAME="haut">
<FRAME SRC="pagebas.htm" NAME="bas">
</FRAMESET>
<body>
</body>
</HTML>

--------pagehaut------------------
<html>
<head>
<script>

function changetxt()
{
// on récupère la frame du bas
var v_frame = window.parent.frames[1];
v_frame.document.all.divtest.innerHTML="nouveau texte"
}

function recharge()
{
var v_frame = window.parent.frames[1];
v_frame.document.all.divtest.reload;
}

</SCRIPT>

</HEAD>
<body>
page du haut<br>

<input type="button" onclick="changetxt();" value="change">
<input type="button" onclick="recharge();" value="recharge">
</body>
</HTML>

-----pagebas--------
<html>
<head>
</HEAD>
<body>
page du bas
<div id="divtest">texte par défaut qui change</div>
</body>
</HTML>
--------------------

Merci d'avance :-)
--
Cordialement
Sympatix
(Antispam: Ôter les "toto" dans l'adresse, pour me répondre)
Signaler un problème avec ce contenu

5 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2 3 4
Avatar
Jean
Le plus simple pour ça est d'utiliser une variable globale qui stocke l'id
de l'élément (le lien) cliqué.
A chaque clic vous mettez en surbillance l'élément cliqué et vous retirez
la surbrillance de l'élément stocké dans la variable globale.

Un machin dans ce genre ci pour IE:

//---8<---
var marqueur
document.onclick=document_click

function document_click(){
with(event.srcElement){
if(tagName.toLowerCase()=='a'){
style.backgroundColor='yellow'
if(marqueur&&document.getElementById(marqueur)){
document
.getElementById(marqueur)
.style
.backgroundColor=''
}
marqueur=uniqueID
}
}
}
//---8<---


ça fonctionne très bien...sauf si l'internaute clique sur le bouton
précédent de son navigateur, l'actualisation de la couleur du lien ne suis
pas, et c'est un peu embêtant.
En attendant, j'utilise l'autre méthode qui recharge la page.

Mais ce que je voulais savoir c'est le contexte du projet.
Les fichiers que vous chargez, vous en contrôlez le contenu ?
Oui, enfin, j'éspère ;-)


Ce sont juste des fichiers html locaux sur le serveur ou des fichiers
externes issus d'internet (dans un contexte de navigation) ?


Je ne sais pas si j'ai bien saisi le sens de la question...
Bon, en m'exprimant modestement avec mes mots à moi, disons que je
construis
tout bêtement des pages html déstinées à être placées sur un serveur, pour
être consultées par les internautes via leur navigateur.


Cordialement
sympatix


Vous ciblez donc des navigateurs différents d'IE.
Je me demandais si dans votre cas l'utilisation de l'objet xmlhttp ne
serait pas plus judicieuse.
Mais le projet doit être pensé différemment.
Vous avez un document maître (Multi_Pages.HTM) qui contient les
scripts, la feuille de style etc ... et les documents (documet_1.htm et
document_2.htm) chargés (insérés) doivent être en utf8 pour une plus
grande portabilité.

Voici une page de test (sans fignolages) qui devrait passer sous
IE,Firefox et Opera.
Cliquez sur ce lien pour tester:
http://automation.eu.tf/multi_pages.htm

La source de http://automation.eu.tf/multi_pages.htm:

<!---8<---Multi_Pages.HTM---Jean-JMST-Belgium--->
<!--
Illustre le remplissage d'une DIV avec le contenu
de documents obtenu à l'aide de XmlHttp.
Testé avec IE 6, FireFox 1.0.3 et Opera 8.

Ce document utilise les fichiers UTF8 document_1.htm
et document_2.htm.
-->
<html>
<style>
/*
Ce style sera utilisé par les documents (
document_1.htm et document_2.htm)insérés dans la DIV
*/
.multi_pages{background-color:red}
</style>
<body id='corps'>
<noscript>
<b>
Pour afficher ce document correctement vous devez
posséder un navigateur gérant les sripts et/ou activer
les scripts dans votre navigateur.
</b>
</noscript>
<div id='D0'>
MENU :
<a id='lien_1' href='document_1.htm'>Document_1</a>
<a id='lien_2' href='document_2.htm'>Document_2</a>
</div>
<div id='D1'>Zone d&#0039;affichage</div>
</body>

<script language='javascript' type='text/javascript'>
<!--Définitions de variables globales-->
marqueur=''
body=document.getElementById('corps')

if(!document.all){
D0=document.getElementById('D0')
D1=document.getElementById('D1')
}
<!--Définitions des styles et positionnement des éléments-->
mise_en_page()
<!--Définitions des événements-->
window.onresize=taille_elements
document.onclick=document_click
<!--Routines--->
function mise_en_page(){
with(body.style){
fontFamily='verdana,arial'
fontSize='10pt'
margin=border=padding=0
overflow='hidden'
}
with(D0.style){
height='30px'
backgroundColor='lemonchiffon'
paddingLeft='10px'
}
with(D1.style){
backgroundColor='silver'
paddingLeft=paddingRight='10px'
overflow='auto'
}
taille_elements()
}

function taille_elements(){
var max=body.offsetHeight
if(!document.all){
max=document.documentElement.offsetHeight
}
setTimeout("D1.style.height=("+max+"-D0.offsetHeight)+'px'",10)
}

function inserer(quoi,dans_quoi){
/*
Routine d'insertion du contenu d'un document
dans la div (D1)
*/
//Recherche de l'objet XmlHttp
try{
var xmlhttp=new ActiveXObject('Microsoft.XMLHTTP')
}catch(e){
try{
var xmlhttp=new ActiveXObject('MSXML2.XMLHTTP')
}catch(e){
try{
var xmlhttp=new XMLHttpRequest()
}catch(e){
document
.getElementById(dans_quoi)
.innerHTML='XmlHttp absent.'
return false
}
}
}
with(xmlhttp){
//Récupération du document
open('GET',quoi,false)
send(null)
//Insertion du contenu du document dans la DIV (D1)
document
.getElementById(dans_quoi)
.innerHTML=responseText
}
}

function document_click(e){
/*
Routine de gestion de l'événement onclick du document
*/
var el
if(document.all){el=event.srcElement}else{el=e.target}
//Si l'élément est un lien
if(el.tagName.toLowerCase()=='a'){
//Si l'élément est contenu dans le "menu" (DIV D0)
if(el.parentNode.id=='D0'){
//Changer la couleur de fond de l'élément
el.style.backgroundColor='yellow'
if(marqueur&&document.getElementById(marqueur)){
var m=document.getElementById(marqueur)
//Si (et seulement si) l'élément n'est pas celui défini
//dans la variable globale "marqueur"
if(m.id!==el.id){
//restaurer la couleur de fond
m.style.backgroundColor=''
}
}
//Définir la variable "marqueur" avec l'id de l'élément
marqueur=el.id
}
//si le nom d'hôte de la cible correspond à celui du document
principal
if(el.hostname==document.location.hostname){
//rempli D1 avec le contenu du document
inserer(el.href,'D1')
return false;
}
//Ouvre les liens externes dans une nouvelle fenêtre (ou onglet)
el.target='_blank'
}
}

function script_d_enfer(){
/*
routine d'enfer appelée dans les documents document_1.htm
et document_2.htm
*/
alert('Je suis le script d'enfer de multi_pages.htm')
return false
}

</script>
</html>
<!---8<---Multi_Pages.HTM---Jean-JMST-Belgium--->

Amicalement,


--
Jean - JMST
Belgium


Avatar
Fred
Dans son message
Jean nous dit :

Le plus simple pour ça est d'utiliser une variable globale qui
stocke l'id de l'élément (le lien) cliqué.
A chaque clic vous mettez en surbillance l'élément cliqué et vous
retirez la surbrillance de l'élément stocké dans la variable
globale. Un machin dans ce genre ci pour IE:

//---8<---
var marqueur
document.onclick=document_click

function document_click(){
with(event.srcElement){
if(tagName.toLowerCase()=='a'){
style.backgroundColor='yellow'
if(marqueur&&document.getElementById(marqueur)){
document
.getElementById(marqueur)
.style
.backgroundColor=''
}
marqueur=uniqueID
}
}
}
//---8<---


ça fonctionne très bien...sauf si l'internaute clique sur le bouton
précédent de son navigateur, l'actualisation de la couleur du lien
ne suis pas, et c'est un peu embêtant.
En attendant, j'utilise l'autre méthode qui recharge la page.

Mais ce que je voulais savoir c'est le contexte du projet.
Les fichiers que vous chargez, vous en contrôlez le contenu ?
Oui, enfin, j'éspère ;-)


Ce sont juste des fichiers html locaux sur le serveur ou des
fichiers externes issus d'internet (dans un contexte de navigation)
?


Je ne sais pas si j'ai bien saisi le sens de la question...
Bon, en m'exprimant modestement avec mes mots à moi, disons que je
construis
tout bêtement des pages html déstinées à être placées sur un
serveur, pour être consultées par les internautes via leur
navigateur. Cordialement
sympatix


Vous ciblez donc des navigateurs différents d'IE.
Je me demandais si dans votre cas l'utilisation de l'objet xmlhttp ne
serait pas plus judicieuse.
Mais le projet doit être pensé différemment.
Vous avez un document maître (Multi_Pages.HTM) qui contient les
scripts, la feuille de style etc ... et les documents (documet_1.htm
et document_2.htm) chargés (insérés) doivent être en utf8 pour une
plus grande portabilité.

Voici une page de test (sans fignolages) qui devrait passer sous
IE,Firefox et Opera.
Cliquez sur ce lien pour tester:
http://automation.eu.tf/multi_pages.htm

La source de http://automation.eu.tf/multi_pages.htm:

<!---8<---Multi_Pages.HTM---Jean-JMST-Belgium--->
<!--
Illustre le remplissage d'une DIV avec le contenu
de documents obtenu à l'aide de XmlHttp.
Testé avec IE 6, FireFox 1.0.3 et Opera 8.

Ce document utilise les fichiers UTF8 document_1.htm
et document_2.htm.
-->
<html>
<style>
/*
Ce style sera utilisé par les documents (
document_1.htm et document_2.htm)insérés dans la DIV
*/
.multi_pages{background-color:red}
</style>
<body id='corps'>
<noscript>
<b>
Pour afficher ce document correctement vous devez
posséder un navigateur gérant les sripts et/ou activer
les scripts dans votre navigateur.
</b>
</noscript>
<div id='D0'>
MENU :
<a id='lien_1' href='document_1.htm'>Document_1</a>
<a id='lien_2' href='document_2.htm'>Document_2</a>
</div>
<div id='D1'>Zone d&#0039;affichage</div>
</body>

<script language='javascript' type='text/javascript'>
<!--Définitions de variables globales-->
marqueur=''
body=document.getElementById('corps')

if(!document.all){
D0=document.getElementById('D0')
D1=document.getElementById('D1')
}
<!--Définitions des styles et positionnement des éléments-->
mise_en_page()
<!--Définitions des événements-->
window.onresize=taille_elements
document.onclick=document_click
<!--Routines--->
function mise_en_page(){
with(body.style){
fontFamily='verdana,arial'
fontSize='10pt'
margin=border=padding=0
overflow='hidden'
}
with(D0.style){
height='30px'
backgroundColor='lemonchiffon'
paddingLeft='10px'
}
with(D1.style){
backgroundColor='silver'
paddingLeft=paddingRight='10px'
overflow='auto'
}
taille_elements()
}

function taille_elements(){
var max=body.offsetHeight
if(!document.all){
max=document.documentElement.offsetHeight
}
setTimeout("D1.style.height=("+max+"-D0.offsetHeight)+'px'",10)
}

function inserer(quoi,dans_quoi){
/*
Routine d'insertion du contenu d'un document
dans la div (D1)
*/
//Recherche de l'objet XmlHttp
try{
var xmlhttp=new ActiveXObject('Microsoft.XMLHTTP')
}catch(e){
try{
var xmlhttp=new ActiveXObject('MSXML2.XMLHTTP')
}catch(e){
try{
var xmlhttp=new XMLHttpRequest()
}catch(e){
document
.getElementById(dans_quoi)
.innerHTML='XmlHttp absent.'
return false
}
}
}
with(xmlhttp){
//Récupération du document
open('GET',quoi,false)
send(null)
//Insertion du contenu du document dans la DIV (D1)
document
.getElementById(dans_quoi)
.innerHTML=responseText
}
}

function document_click(e){
/*
Routine de gestion de l'événement onclick du document
*/
var el
if(document.all){el=event.srcElement}else{el=e.target}
//Si l'élément est un lien
if(el.tagName.toLowerCase()=='a'){
//Si l'élément est contenu dans le "menu" (DIV D0)
if(el.parentNode.id=='D0'){
//Changer la couleur de fond de l'élément
el.style.backgroundColor='yellow'
if(marqueur&&document.getElementById(marqueur)){
var m=document.getElementById(marqueur)
//Si (et seulement si) l'élément n'est pas celui défini
//dans la variable globale "marqueur"
if(m.id!==el.id){
//restaurer la couleur de fond
m.style.backgroundColor=''
}
}
//Définir la variable "marqueur" avec l'id de l'élément
marqueur=el.id
}
//si le nom d'hôte de la cible correspond à celui du document
principal
if(el.hostname==document.location.hostname){
//rempli D1 avec le contenu du document
inserer(el.href,'D1')
return false;
}
//Ouvre les liens externes dans une nouvelle fenêtre (ou onglet)
el.target='_blank'
}
}

function script_d_enfer(){
/*
routine d'enfer appelée dans les documents document_1.htm
et document_2.htm
*/
alert('Je suis le script d'enfer de multi_pages.htm')
return false
}

</script>
</html>
<!---8<---Multi_Pages.HTM---Jean-JMST-Belgium--->

Amicalement,


Bonjour Jean,
J'ai lu avec grand intérêt cette démonstration de xmlhttp et j'aurais
quelques questions/remarques.

Tu dis que c'est compatible avec plusieurs navigateurs, ce dont je ne doute
pas. L'est-ce avec d'autres systèmes que la famille Windows (je pense aux
ActiveX utilisés, et je ne connais pas assez les autres systèmes pour savoir
s'ils comprennent ce 'langage', Linux, Mac, ...)

Cela semble reproduire le comportement des iframes, j'ai noté une différence
très intéressante en ce qui concerne la (non) gestion des flèches
d'historique (page précédente-page suivante). Y a-t-il d'autres différences
du même genre dont il faut être conscient ?

Dans le même ordre d'idée, quels critères pourrais-tu m'indiquer pour faire
un choix entre iframes et xmlhttp ? (j'ai une application qui utilise
actuellement les iframes, pas de contraintes liées au référencement, un
problème à résoudre (pas très grave) concernant l'historique, les contenus
des iframes sont des pages aspx)

Dernière remarque concernant le problème de Sympatix, son souhait était de
mettre à jour le menu en fonction du document chargé. Pas de souci si
l'utilisateur passe par le menu, mais dans le cas de liens internes au
document ? Il faudrait étendre la fonction document_onclick de façon à
rechercher le lien du menu qui a la même cible que le lien cliqué. Est-ce
qu'on peut faire cela simplement ou bien y a-t-il des pièges à éviter dans
la comparaison des url ?

Merci encore pour ce code riche d'enseignement :-)

--
Fred



Avatar
Jean
Dans son message
Jean nous dit :

Le plus simple pour ça est d'utiliser une variable globale qui
stocke l'id de l'élément (le lien) cliqué.
A chaque clic vous mettez en surbillance l'élément cliqué et vous
retirez la surbrillance de l'élément stocké dans la variable
globale. Un machin dans ce genre ci pour IE:

//---8<---
var marqueur
document.onclick=document_click

function document_click(){
with(event.srcElement){
if(tagName.toLowerCase()=='a'){
style.backgroundColor='yellow'
if(marqueur&&document.getElementById(marqueur)){
document
.getElementById(marqueur)
.style
.backgroundColor=''
}
marqueur=uniqueID
}
}
}
//---8<---


ça fonctionne très bien...sauf si l'internaute clique sur le bouton
précédent de son navigateur, l'actualisation de la couleur du lien
ne suis pas, et c'est un peu embêtant.
En attendant, j'utilise l'autre méthode qui recharge la page.

Mais ce que je voulais savoir c'est le contexte du projet.
Les fichiers que vous chargez, vous en contrôlez le contenu ?
Oui, enfin, j'éspère ;-)


Ce sont juste des fichiers html locaux sur le serveur ou des
fichiers externes issus d'internet (dans un contexte de navigation)
?


Je ne sais pas si j'ai bien saisi le sens de la question...
Bon, en m'exprimant modestement avec mes mots à moi, disons que je
construis
tout bêtement des pages html déstinées à être placées sur un
serveur, pour être consultées par les internautes via leur
navigateur. Cordialement
sympatix


Vous ciblez donc des navigateurs différents d'IE.
Je me demandais si dans votre cas l'utilisation de l'objet xmlhttp ne
serait pas plus judicieuse.
Mais le projet doit être pensé différemment.
Vous avez un document maître (Multi_Pages.HTM) qui contient les
scripts, la feuille de style etc ... et les documents (documet_1.htm
et document_2.htm) chargés (insérés) doivent être en utf8 pour une
plus grande portabilité.

Voici une page de test (sans fignolages) qui devrait passer sous
IE,Firefox et Opera.
Cliquez sur ce lien pour tester:
http://automation.eu.tf/multi_pages.htm

La source de http://automation.eu.tf/multi_pages.htm:

<!---8<---Multi_Pages.HTM---Jean-JMST-Belgium--->
<!--
Illustre le remplissage d'une DIV avec le contenu
de documents obtenu à l'aide de XmlHttp.
Testé avec IE 6, FireFox 1.0.3 et Opera 8.

Ce document utilise les fichiers UTF8 document_1.htm
et document_2.htm.
-->
<html>
<style>
/*
Ce style sera utilisé par les documents (
document_1.htm et document_2.htm)insérés dans la DIV
*/
.multi_pages{background-color:red}
</style>
<body id='corps'>
<noscript>
<b>
Pour afficher ce document correctement vous devez
posséder un navigateur gérant les sripts et/ou activer
les scripts dans votre navigateur.
</b>
</noscript>
<div id='D0'>
MENU :
<a id='lien_1' href='document_1.htm'>Document_1</a>
<a id='lien_2' href='document_2.htm'>Document_2</a>
</div>
<div id='D1'>Zone d&#0039;affichage</div>
</body>

<script language='javascript' type='text/javascript'>
<!--Définitions de variables globales-->
marqueur=''
body=document.getElementById('corps')

if(!document.all){
D0=document.getElementById('D0')
D1=document.getElementById('D1')
}
<!--Définitions des styles et positionnement des éléments-->
mise_en_page()
<!--Définitions des événements-->
window.onresize=taille_elements
document.onclick=document_click
<!--Routines--->
function mise_en_page(){
with(body.style){
fontFamily='verdana,arial'
fontSize='10pt'
margin=border=padding=0
overflow='hidden'
}
with(D0.style){
height='30px'
backgroundColor='lemonchiffon'
paddingLeft='10px'
}
with(D1.style){
backgroundColor='silver'
paddingLeft=paddingRight='10px'
overflow='auto'
}
taille_elements()
}

function taille_elements(){
var max=body.offsetHeight
if(!document.all){
max=document.documentElement.offsetHeight
}
setTimeout("D1.style.height=("+max+"-D0.offsetHeight)+'px'",10)
}

function inserer(quoi,dans_quoi){
/*
Routine d'insertion du contenu d'un document
dans la div (D1)
*/
//Recherche de l'objet XmlHttp
try{
var xmlhttp=new ActiveXObject('Microsoft.XMLHTTP')
}catch(e){
try{
var xmlhttp=new ActiveXObject('MSXML2.XMLHTTP')
}catch(e){
try{
var xmlhttp=new XMLHttpRequest()
}catch(e){
document
.getElementById(dans_quoi)
.innerHTML='XmlHttp absent.'
return false
}
}
}
with(xmlhttp){
//Récupération du document
open('GET',quoi,false)
send(null)
//Insertion du contenu du document dans la DIV (D1)
document
.getElementById(dans_quoi)
.innerHTML=responseText
}
}

function document_click(e){
/*
Routine de gestion de l'événement onclick du document
*/
var el
if(document.all){el=event.srcElement}else{el=e.target}
//Si l'élément est un lien
if(el.tagName.toLowerCase()=='a'){
//Si l'élément est contenu dans le "menu" (DIV D0)
if(el.parentNode.id=='D0'){
//Changer la couleur de fond de l'élément
el.style.backgroundColor='yellow'
if(marqueur&&document.getElementById(marqueur)){
var m=document.getElementById(marqueur)
//Si (et seulement si) l'élément n'est pas celui défini
//dans la variable globale "marqueur"
if(m.id!==el.id){
//restaurer la couleur de fond
m.style.backgroundColor=''
}
}
//Définir la variable "marqueur" avec l'id de l'élément
marqueur=el.id
}
//si le nom d'hôte de la cible correspond à celui du document
principal
if(el.hostname==document.location.hostname){
//rempli D1 avec le contenu du document
inserer(el.href,'D1')
return false;
}
//Ouvre les liens externes dans une nouvelle fenêtre (ou onglet)
el.target='_blank'
}
}

function script_d_enfer(){
/*
routine d'enfer appelée dans les documents document_1.htm
et document_2.htm
*/
alert('Je suis le script d'enfer de multi_pages.htm')
return false
}

</script>
</html>
<!---8<---Multi_Pages.HTM---Jean-JMST-Belgium--->

Amicalement,


Bonjour Jean,
J'ai lu avec grand intérêt cette démonstration de xmlhttp et j'aurais
quelques questions/remarques.

Tu dis que c'est compatible avec plusieurs navigateurs, ce dont je ne doute
pas. L'est-ce avec d'autres systèmes que la famille Windows (je pense aux
ActiveX utilisés, et je ne connais pas assez les autres systèmes pour
savoir s'ils comprennent ce 'langage', Linux, Mac, ...)



xmlhttp est une initiative de MS (via les objets activex
Microsoft.XMLHTTP et MSXML2.XMLHTTP) qui a été suivie par la majorité
des autres navigateurs (via un objet XMLHttpRequest accessible à partir
de l'objet window).
L'important hors MS est donc d'avoir un navigateur intégrant cet objet.
La page ci-dessus passera par exemple sous un Mozilla/Linux.

Cela semble reproduire le comportement des iframes,


C'est très différent.
Une iframe est "autonome" , le document qu'elle contient (qu'elle
affiche) exécute ses contenus dynamiques (les scripts, la feuille de
style, ...).
L'utilisation d'xmlhttp ici insère du contenu dans un document déjà
chargé.
Il faut donc considérer ici le document qui l'utilise comme le maître
absolu des contenus dynamiques.

j'ai noté une différence très intéressante en ce qui concerne la (non)
gestion des flèches d'historique (page précédente-page suivante).


Dans ce cas vous avez des différences entre navigateurs.
Opera par ex. considère le contenu inséré par défaut comme persistent
(si vous faites page précédente, le contenu inséré sera toujours là).

Y a-t-il d'autres différences du même genre dont il faut être conscient ?



Le plus important c'est de tenir compte du format des fichiers que l'on
insère.
Des tests que j'ai effectués l'utf8 me semble le plus portable (entre
navigateurs).

Dans le même ordre d'idée, quels critères pourrais-tu m'indiquer pour faire
un choix entre iframes et xmlhttp ?


Je dirais que si dans le cahier des charges vous mettez "scripting ok"
et que vous désirez une mise en page commune à des contenus dont vous
avez le contrôle, xmlhttp peut s'envisager sinon iframe.

(j'ai une application qui utilise actuellement les iframes, pas de
contraintes liées au référencement, un problème à résoudre (pas très grave)
concernant l'historique, les contenus des iframes sont des pages aspx)

Dernière remarque concernant le problème de Sympatix, son souhait était de
mettre à jour le menu en fonction du document chargé. Pas de souci si
l'utilisateur passe par le menu, mais dans le cas de liens internes au
document ? Il faudrait étendre la fonction document_onclick de façon à
rechercher le lien du menu qui a la même cible que le lien cliqué.
Est-ce
qu'on peut faire cela simplement ou bien y a-t-il des pièges à éviter dans
la comparaison des url ?



A priori je ferais comme vous si on doit cibler des navigateurs
différents.
Pour éviter des problèmes éventuels avec les url peut être ne pas mixer
des chemins absolus et relatifs.


Amicalement,





--
Jean - JMST
Belgium




Avatar
Fred
Dans le message:,

[...]
Merci pour toutes ces précisions.


--
Fred
Avatar
sympatix
Bonjour !

Pardon de répondre un peu tard...

Vous ciblez donc des navigateurs différents d'IE.


Disons, que si c'est compatible avec le plus de navigateurs possible, c'est
d'autant mieux, maintenant je ne cherche pas non plus l'universalité absolue
(je serai déjà contant d'avoir un fonctionnement optimisé pour IE)

Je me demandais si dans votre cas l'utilisation de l'objet xmlhttp ne
serait pas plus judicieuse.
Mais le projet doit être pensé différemment.
Vous avez un document maître (Multi_Pages.HTM) qui contient les scripts,
la feuille de style etc ... et les documents (documet_1.htm et
document_2.htm) chargés (insérés) doivent être en utf8 pour une plus
grande portabilité.

Voici une page de test (sans fignolages) qui devrait passer sous
IE,Firefox et Opera.
Cliquez sur ce lien pour tester:
http://automation.eu.tf/multi_pages.htm


Merci pour cette belle démo.
ça fonctionne bien en ligne, mais je n'ai pas réeussi en local avec des
fichiers à moi. (j'ai bien enregistré document_1 et 2 en UTF8 (avec
notepad),les documents s'ouvrent bien, mais la barre de menu disparait)
Il y a certainement des adaptations a faire ?
(moi, quand je n'ai pas le mode d'emploi, je suis perdu !)


Mais si c'est trop compliqué à faire, je me contenterai, en ne voulant
offenser personne, de ce que j'utilise actuellement (je n'aime pas brûler
les étapes, et je préfère faire peu, mais bien), à savoir le rechargement de
la frame par un script (en plus, la page du menu n'est pas trop lourde,
donc, ça ne pose pas trop de problème de lenteur)

Merci encore :-)

--
Cordialement
Sympatix
(Antispam: Ôter les "toto" dans l'adresse, pour me répondre)

1 2 3 4