Modifier le contenu d'un cadre avec JavaScript

Version imprimable

28/11/2015, 16h33
marycaLou

Modifier le contenu d'un cadre avec JavaScript
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.
28/11/2015, 16h58
OButterlin

Qu'entends-tu par cadre ?

Voici mon code pour les cadres:

Code:

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:

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>

29/11/2015, 12h40
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 ?
29/11/2015, 13h16
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.
30/11/2015, 08h52
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>)
30/11/2015, 22h12
marycaLou

1 pi�ce(s) jointe(s)

Voil�. J'esp�re ne rien avoir oubli�. Naturellement, le carr� blanc sert � masquer certaines infos.
Merci.
01/12/2015, 15h28
OButterlin

1 pi�ce(s) jointe(s)

Ci-joint un exemple de ce que tu pourrais utiliser (test� avec Firefox)
02/12/2015, 01h00
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.
02/12/2015, 15h54
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�... :aie:
02/12/2015, 16h01
SpaceFrog

et accessoirement, coder des framset aujourd'hui c'est faire de la pal�ontologie ...
03/12/2015, 13h57
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.
03/12/2015, 15h01
SpaceFrog

eclipse n'est pas obligatoire... tu peux tout coder avec notepad ... ou notepad++ ou encore komodo edit...
03/12/2015, 21h41
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?
09/12/2015, 12h10
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