Recharger une frame HTML

**Amélie Ladoque** · 08/12/2015, 17h55

Bonjour,

J'ai une page HTML avec deux frames :

Code html :

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

1
2
3
4
<FRAMESET COLS="30%,70%">
	<FRAME SRC="a.php" NAME="A">
	<FRAME SRC="b.php" NAME="B">
</FRAMESET>

Depuis A, j'ai besoin de faire un rechargement de B avec un lien :

Code :

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

javascript:parent.frames['B'].location.href='b.php?id=1'

Ca recharge bien B mais ça change aussi A.

Comment faire ?
Merci

**NoSmoking** · 08/12/2015, 18h41

Bonjour,
il y a fort à parier que cette action s’exécute à partir d'une balise <a>, dans ce cas il faut annuler l'action par défaut des liens.

Code html :

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

<a href="b.php?id=1" onclick="parent.frames['B'].location.href = this.href; return false">le lien</a>

**virgrennes** · 09/12/2015, 11h55

Bonjour,

vous pourrez trouver les codes sur la faq Comment mettre à jour une frame à partir d'une autre frame ?.

c'est en appelant la frame par son nom dans l'attribut target du a qu'on la change spécifiquement, il me semblait bien que c'était simple à faire comme une ancre.

mais il me semblait qu'il était TRES fortement déconseillé d'utiliser des frames depuis plusieurs années dans les sites car cela nuit gravement à leur référencement.

Vous n'avez pas précisé que c'était pour un site donc ce n'est pas forcément utile, mais au cas où, je préférais que vous ne passiez pas trop de temps à faire une structure qui pourrait vous nuire ensuite.
d'autant qu'avec un peu de DOM et d'AJAX vous pourriez faire ça ne manière plus "légère", il faudrait faire aussi de l'URL-REWRITTING pour votre lien, car id=1, ce n'est pas terrible non plus pour le référencement, mais ça en vaudrait la peine.

Bon courage en tout cas et bonne continuation,

**marycaLou** · 09/12/2015, 13h51

Merci pour l'information. Oui je vois bien que les cadres ne sont pas l'idéal et sont à éviter.
Depuis une semaine, je cherche la solution sur Internet et je n'ai toujours pas de réponse.

Comme je le mentionnais, j'ai tenté de changer mon code pour le modèle qu'on m'a référé. J'ai les espaces que j'ai besoin sauf que je n'arrive pas à faire afficher mes pages.
Comment appeler le javascript dans le code? Tout ce que j'ai ce sont des tableaux gris qui s'affiche. Dans ces tableaux, j'aimerais avoir les pages que j'ai créé en HTML.
Voici une partie de mon code:

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
 
<script type="application/javascript">
 $(document).ready(function() 
 {	/* chargement des contenus */	
 	$("#left").load("menu.html", "text/html");	
 	$("#data").load("content.html", "text/html");
	pageResized();	$(window).resize(pageResized);}); 
 
 function pageResized()
 {	
 	var width = $(document).innerWidth();
 	var height = $(document).innerHeight();
	var page = $("#page");
	var top = $("#top");	
	var left = $("#left");	
	var data = $("#data");	/* calcul et/ou affectation des dimensions */		
	page.width(width);	page.height(height);	
	left.height(height - top.outerHeight());	
	data.width(width - left.outerWidth());	
	data.height(height - top.outerHeight());	
	}
	</script>  
	<style>body

et plus bas j'ai mes tableaux:

Code :

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

1
2
3
4
5
6
7
8
9
10
...  <table id="page" style="width:100%">	
	  <tr>		
		<td colspan="2">			
			<div id="top" style="height:80px">
				"Comment appeler la fonction ???"
			</div>		
		</td>	
	</tr>
<tr>
...

Mes fichiers "Menus.html" et "Content.html" ne s'affichent pas. Pourquoi?
Dans mon fichier "Menus.html", j'ai des liens qui permettent d'afficher les fichiers différents dans l'espace ou s'affiche le fichier "Content.html" Donc, le tableau changera selon le choix de l'utilisateur.

Ma question est de savoir comment appeler les fichiers dans mes tableaux et surtout sans que les fichiers ne s'affichent pas dans une nouvelle page.

Merci.

**virgrennes** · 09/12/2015, 14h47

je suis navrée mais les tableaux, pour faire une structure de page ne sont pas une bonne solution non plus, ce n'est pas responsive du tout.
connaissez vous les div ?
ce serait l'occasion d'essayer ?
vous avez la page html en ligne ? pour voir ce qui fonctionne pour l'instant.

sinon, à priori, vous l'appelez déjà :
dans $(document).ready(function() : on dit que si le document (la page ) est prête il faut faire ce qui suit
et ce qui suit est l'appel de la fonction qui suit à savoir
pageResized();
et
$(window).resize(pageResized);

du coup, que voulez vous faire d'autre ?

**marycaLou** · 10/12/2015, 01h50

Ce que j'aimerais, c'est que mes infos s'affichent.
Lorsque je suis dans Webexpert ou Dreamweaver (que je ne comprends pas beaucoup), mes fichiers s'affichent.
Par contre, si je fais afficher ma page Web avec Internet Explorer, je n'ai que des carreaux gris.
Pour faire afficher les infos, je dois recopier le script dans chaque tableau?
Exemple:

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
 
...
</head> 
	 <body>
	<table id="page" style="width:99%">
	<tr>
		<td colspan="2">
			<div id="top" >
				Bienvenue sur mon site	 
			 </div>
		</td>
	</tr>
	<tr>
		<td>
			<div id="left">    
				  <script language="javascript">
					    $("#left").load("menu.html")
 	                       </script> 
			</div>
	  </td>
		<td>
		  <div id="data"> 
	 	         <script language="javascript">
				$("#data").load("content2.html")	
			</script>
 
  		 </div>
	</td>
	</tr>
</table>
 
</body>
</html>

.
Je joints mon modèle de fichier. De plus j'ai mis mon fichier comprenant les menus. J'essaie de voir où dans les menus, je devrai mettre le script pour télécharger mes pages.
Peut-être que vous pourrez m'aider à comprendre mon problème.

**virgrennes** · 10/12/2015, 11h22

Bonjour,

comme quoi il faut vraiment tout regarder !!!
donc j'ai testé vos fichiers aussi, et j'ai eu aussi un problème d'affichage
du coup, j'ai regardé le code et j'ai vu qu'il manquait un élément que j'ai rajouté : du coup, ça fonctionne, ou du moins le menu gauche s'affiche avec les bonnes dimensions je pense
par contre au clic ça ne va pas.

=> Mon conseil : trouvez une formation ou suivez un tutoriel de bout en bout pour faire un site, si vous ne savez déjà pas quelle erreur vous avez fait sur cette page alors que c'est une base, vous allez avoir VRAIMENT beaucoup de mal pour la suite !!!

pour ma part, je n'utilise pas jquery comme ça, du coup, j'en resterai là de mon aide, les autres bugs sont liés à votre méconnaissance de l'outil et nécessitent soit que vous cherchiez dans la notice, les tutos ou autres, soit que vous trouviez (payez ?) quelqu'un pour le faire.

pour info je vous invite à lire cette page : https://developers.google.com/speed/libraries/ et à essayer de comprendre quel rapport elle a avec votre fichier cadre

bonne continuation.

**marycaLou** · 10/12/2015, 17h59

Ouf! je suis contente que cela n'arrive pas seulement à moi.
Pourrais-je savoir ce que vous avez ajouté? Peut-être que cela me mettra sur une piste.
Si vous n'utilisez pas jquery, qu'est-ce qui est conseillé?

J'ai regardé sur internet pour avoir de l'aide sois par des tutoriel ou des exemples, mais comme mon anglais n'est pas très avancé, j'ai des petits problèmes à comprendre les informations.

Merci pour votre aide.

**virgrennes** · 15/12/2015, 11h08

bonjour,

donc je fais des sites moi-même, je n'utilise pas d'outils pour, du coup, je ne peux rien vous conseiller si ce n'est de lire ce qu'on vous conseille.
avez-vous lu la page google que je vous ai indiquée ?

si oui et que vous ne voyez toujours pas, en fait, vous avez un problème d'adresse de la librairie jquery sur laquelle vous vous appuyez, ce qui veut dire que vous ne savez pas ce qu'est réellement et physiquement un site.

sinon, avez-vous regardé là : http://web.developpez.com/cours/ et là http://xhtml.developpez.com/cours/

dans tous les cas, je vous invite très fortement à recommencer tout à 0 avec une structure plus simple mais que vous maitriserez
enfin, ça arrive de ne pas savoir se motiver à suivre un cours et à s'auto-former car on manque de rigueur, dans ce cas, le mieux est quand même de vous former avec un prof, vous aurez les mêmes infos mais le cadre vous permettra de les suivre plus facilement.

bon courage