Discussion :

[Amélie Ladoque]

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]

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]

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]

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]

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]

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.