Discussion :

[marycaLou]

Bonjour,

J'ai une page web qui contient 5 cadres:

• Cadre 1 = en-tête
• Cadre 2 = Date de MAJ
• Cadre 3 Infos de recherche
• Cadre 4 Liens de menus pour affichage de page de données du cadre 5 et cadre 2 (Ex. de liens. Liste des projets, Listes des dossiers, Liste de la biblio, etc.)
• Cade 5 Contenu des données

J'aimerais savoir comment faire pour changer le contenu des cadres 2 et 5 après avoir cliquer sur l'un des liens de la case 4.

[OButterlin]

Qu'entends-tu par cadre ?

[marycaLou]

Voici mon code pour les cadres:

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
<frameset rows="5%,*">
 	<frameset cols="83%,*" style="behavior: url(#default#anchor)">
 		<frame name="A_Entete" src="A_Entete.html" scrolling="no" marginwidth="02" marginheight="0"   frameborder="no" bordercolor="white">
 		<frame name="A_MAJ" src="A_MAJ.html" scrolling="no" marginwidth="0" marginheight="0" frameborder="no" bordercolor="white">
 	</frameset>
 	<frameset rows="6%,*">
 		<frame name="A_EnteteRech" src="A_EnteteRech.html" scrolling="no" marginwidth="0" marginheight="0"   frameborder="no" bordercolor="white">
 		<frameset cols="11%,*">
 			<frame name="A_Menus" src="A_Menus.html" scrolling="no" marginwidth="0" marginheight="0"   frameborder="no" bordercolor="white">
 			<frameset rows="5%,*">
 				<frame name="B_Entete" src="B_Entete.html" scrolling="no" marginwidth="0" marginheight="0" noresize frameborder="no" bordercolor="white">
 				<frame name="L_tableaux" src="L_Dossiers_081.html" scrolling="yes" marginwidth="0" marginheight="0" frameborder="no" bordercolor="white">
 			</frameset>
 		</frameset>
 	</frameset>
 <noframes>

et mon fichier A_Menus contient les liens qui appelle mes écrans qui doivent s'afficher dans les cadres "A_MAJ" et "L_Tableaux".
Ce sont 2 fichiers que je mets à jour régulièrement. De plus selon le lien sur lequel l'utilisateur cliquera, le fichier dans les cadres changera pour celui correspondant aux liens.

J'avais pensé à inclure du JavaScript, mais je ne sais pas comment appeler mes fichiers pour que la page active se mettre à jour sans ouvrir une autre page.

Voilà ce que j'avais trouvé:

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
<script language="JavaScript">
<!-- Begin
function loadFrames(page1, page2) {
 
parent.frames['L_tableaux'].location.replace('page2');
}
//  End -->
</script>	 
 
 <!--   	   framecode = "<frameset rows='50%,50%'>"
+ "<frame src='" + page1 + "'>"
+ "<frame src='" + page2 + "'>"
+ "</frameset>";
 
page = window.open("");
page.document.open();
page.document.write(framecode);
page.document.close();	
 -->
 
 
 
</head>
<!-- Début de la mise ne page -->	
     <ul class="navbar">	
		<!-- ******************* PROJETS ********************************* <a href="L_Dossiers_Pr.HTML" target="L_tableaux">Projets</a> -->
  		<div style="font-size: 12px; text-decoration: none; "> 
		<b><font color="#000000">Dossiers : </font></b>	  
			<li style="list-style-type: none"><a href="javascript:loadFrames('A_MAJ.html',mapage.html')">Projets 22</a>

[OButterlin]

L'idée est là, il faut passer par parent...
Ton menu change la page dans un des conteneur cible et ta page adapte les conteneurs liés de la même manière.

Ceci dit, ça fait quelques années que les <frame> sont déconseillés (pour des raisons de portabilité et de complexité).
Je passerais par des <div> pour créer les différents cadres, tu arriverais au même rendu mais avec une seule page.
En fonction de la techno retenue (JSP, JSF, etc...) tu as la possibilité de passer par des templates, c'est très pratique.
Dans ton exemple, je ne vois que du html donc ça limite un peu le côté dynamique

C'est pour afficher quoi au juste ? Des pages statiques ?

[marycaLou]

Oui mes pages sont statiques. Sauf que les parties avec les données aux centre, celle qui contient la date de MAJ et les en-têtes de colonne changent selon le choix de l'utilisateur.
Tout cela programmé avec Access.
J'ai une base de données qui contient toutes les infos et pour les rendre accessible aux usager, je leur fait des pages Web afin qu'ils recherchent les informations désirés.

Comme je ne suis pas experte en Web, le seule type que je connaisse est le HTML et encore c'est très peu. Que me conseillez-vous?

Si je reste en HTML, et que je ne mette pas de "frame", comment utiliser les "div"?

Ce que j'aimerais, c'est que les parties du haut et des menus à gauche ne bouge pas dans l'écran.
J'aimerais que lorsque les utilisateurs recherche les informations, seules la partie du bas, soit celles du "frame : L_Donnees" bouge. Est-ce possible?

Merci.

[OButterlin]

Peux-tu faire une image écran du résultat attendu parce que <frame> n'étant pas accepté par mes navigateurs, j'ai du mal à voir ce que tu attends (j'suis rouillé en <frame>)

[marycaLou]

Voilà. J'espère ne rien avoir oublié. Naturellement, le carré blanc sert à masquer certaines infos.
Merci.

[OButterlin]

Ci-joint un exemple de ce que tu pourrais utiliser (testé avec Firefox)

[marycaLou]

D'accord. C'est intéressant. Mais comment travailler avec le fichier "jQuery-1.1.3.js"?
Avec quel programme je pourrais créer quelque chose de similaire?
Mon ordi à Windows 10. Pour faire du HTML j'utilise WebExpert 6. Mais je crois qu'il n'est plus supporté.
J'essaie de trouver un programme pas trop dispendieux qui pourrait m'aider et aussi facile à comprendre. Je ne suis pas experte en html et page web.

Comme je le mentionnais, mes fichiers de données sont créés à partir de MsAccess. Donc, si j'ai d'autres documents à créer comme des fichiers "js, css, html ..." je peux le faire avec d'autres programmes mais les données sont tirées de Access.

[OButterlin]

Tu peux par exemple utiliser Eclipse (ou NetBeans), c'est gratuit.

Ceci dit, c'est une mini application que tu vas devoir faire, sans connaissances préalables, ça va être compliqué...

[SpaceFrog]

et accessoirement, coder des framset aujourd'hui c'est faire de la paléontologie ...

[marycaLou]

Je sais que les Frame sont passés date. Mais c'est comme ça que j'avais appris à faire des pages. J'ai essayé les programmes Eclipse (ou NetBeans), j'avoue que je suis dépassée. Je ne suis pas assez experte pour ces programmes.

Par contre, j'ai essayé l'exemple que Obutterlin m'a suggéré. C'est bien. il ne me reste qu'à comprendre comment insérer mes fichiers. Peux-il m'aider.

[SpaceFrog]

eclipse n'est pas obligatoire... tu peux tout coder avec notepad ... ou notepad++ ou encore komodo edit...

[marycaLou]

Ça je le savais. Mais comment créer des cadres fixes et un amovible avec ces programmes.
J'ai essayé avec le modèle qu'on m'a suggéré, mais je ne sais pas où insérer le lien qui permettrait de faire afficher une page dans les cadres.

Pourriez-vous me mettre un exemple?

[virgrennes]

Bonjour,

je vois votre message après avoir répondu à celui-ci : (une solution pour actualiser les frame)
http://www.developpez.net/forums/d15...er-frame-html/
où je confirme que c'est une TRES mauvaise idée de faire un site en frame, rien que parce que c'est la mort de votre référencement naturel.
et je ne parle même pas du côté responsive de la chose ... (revoir la page sur les algo google etc. dans webrankinfo)

si vous ne savez pas faire un site avec un webdesign actuel, plusieurs solutions :
formez vous (voyez avec un cif, un dif ou que sais-je pour un financement au besoin)
cherchez vraiment comment faire un site et regardez de quand datent les articles, passé 2013, il faut s'y connaitre pour savoir si c'est vintage ou has-been


si vous voulez que votre site ai un peu de notoriété, vous devriez changer de structure.

bon courage