Probleme avec des frames

Résolu/Fermé
Babaki - 4 sept. 2007 à 14:42
 Utilisateur anonyme - 4 sept. 2007 à 15:32
Probleme avec frames.
Voila mon probleme:
J'ai un lien sur une page qui va sur une autre page mais je voudrais que le bouton du menu qui corresponde à la page en question soit abbaissé autrement dit soit en etat "appuyé".
Exemple je suis sur la page Accueil (mainFrame), la le bouton du menu "Accueil"(frame_gauche) est "appuyé" et lorsque je clique sur le lien il m'affiche l'autre page mais le bouton est toujours le même au niveau du menu , "Accueil" appuyé, mon but c'est que ca soit l'autre bouton sur la page ou je me trouve qui soit appuyé !!! ?????

Si quelqu'un peu m'aidé , merci d'avance.

Je pourrais le faire avec des tableaux mais j ai deja tout fait avec les frames alors....
A voir également:

2 réponses

Reivax962 Messages postés 3672 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
4 sept. 2007 à 14:45
Bonjour,

Tu pourrais nous donner le code source de ton menu, avec les différents boutons ?
A priori, le plus simple serait de transformer le bouton Accueil en bouton normal, et l'autre bouton en bouton "appuyé". Mais si on ne sait pas comment est fait ton bouton "appuyé", on ne peut pas t'aider. D'où ma demande :)

Xavier
0
Utilisateur anonyme
4 sept. 2007 à 15:32
Probleme avec des frames

Je fais un site web pour une entreprise , je crée le site web avec dreamweaver

Voici le code source de la page menu (Frame à Gauche) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Louis Richard Ingénieurs Conseils SA</title>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
<style type="text/css">
<!--
.img {
margin-left: 7.5px;
}
-->
</style></head>

<body onload="MM_preloadImages('Images/Boutons/bacc_a.png','Images/Boutons/bacc_r.png','Images/Boutons/bqui_a.png','Images/Boutons/bqui_r.png','Images/Boutons/btech_a.png','Images/Boutons/btech_r.png','Images/Boutons/bref_a.png','Images/Boutons/bref_r.png','Images/Boutons/bplan_a.png','Images/Boutons/bplan_r.png','Images/Boutons/bcon_a.png','Images/Boutons/bcon_r.png','Images/Boutons/bacc_n.png')">
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffed05" align="left" width="120">
<tr>
<td width="120" height="49" ><a href="presentation.htm" target="mainFrame" onclick="MM_nbGroup('down','group1','Accueil','Images/Boutons/bacc_a.png',1)" onmouseover="MM_nbGroup('over','Accueil','Images/Boutons/bacc_r.png','Images/Boutons/bacc_a.png',1)" onmouseout="MM_nbGroup('out')"><img class="img" src="Images/Boutons/bacc_a.png" alt="Accueil" name="Accueil" border="0" id="Accueil" onload="MM_nbGroup('init','group1','Accueil','Images/Boutons/bacc_n.png',1)" /></a></td>
</tr>
<tr>
<td width="120" height="49" ><a href="qui.htm" target="mainFrame" onClick="MM_nbGroup('down','group1','Qui','Images/Boutons/bqui_a.png',1)" onMouseOver="MM_nbGroup('over','Qui','Images/Boutons/bqui_r.png','Images/Boutons/bqui_a.png',1)" onMouseOut="MM_nbGroup('out')"><img class="img" name="Qui" src="Images/Boutons/bqui_n.png" border="0" alt="Qui sommes nous ?" onLoad="" /></a></td>
</tr>
<tr>
<td width="120" height="49" ><a href="methodologie.htm" target="mainFrame" onClick="MM_nbGroup('down','group1','Technique','Images/Boutons/btech_a.png',1)" onMouseOver="MM_nbGroup('over','Technique','Images/Boutons/btech_r.png','Images/Boutons/btech_a.png',1)" onMouseOut="MM_nbGroup('out')"><img class="img" name="Technique" src="Images/Boutons/btech_n.png" border="0" alt="Technique" onLoad="" /></a></td>
</tr>
<tr>
<td width="120" height="49" ><a href="references.htm" target="mainFrame" onClick="MM_nbGroup('down','group1','References','Images/Boutons/bref_a.png',1)" onMouseOver="MM_nbGroup('over','References','Images/Boutons/bref_r.png','Images/Boutons/bref_a.png',1)" onMouseOut="MM_nbGroup('out')"><img class="img" name="References" src="Images/Boutons/bref_n.png" border="0" alt="Références" onLoad="" /></a></td>
</tr>
<tr >
<td width="120" height="227" bgcolor="#ffffff" >
</td>
</tr>
<tr>
<td width="120" height="49" ><a href="plan.htm" target="mainFrame" onClick="MM_nbGroup('down','group1','Plan','Images/Boutons/bplan_a.png',1)" onMouseOver="MM_nbGroup('over','Plan','Images/Boutons/bplan_r.png','Images/Boutons/bplan_a.png',1)" onMouseOut="MM_nbGroup('out')"><img class="img" name="Plan" src="Images/Boutons/bplan_n.png" border="0" alt="Plan" onLoad="" /></a></td>
</tr>
<tr>
<td width="120" height="49" ><a href="contact.htm" target="mainFrame" onClick="MM_nbGroup('down','group1','Contact','Images/Boutons/bcon_a.png',1)" onMouseOver="MM_nbGroup('over','Contact','Images/Boutons/bcon_r.png','Images/Boutons/bcon_a.png',1)" onMouseOut="MM_nbGroup('out')"><img class="img" name="Contact" src="Images/Boutons/bcon_n.png" border="0" alt="Contact" onLoad="" /></a></td>
</tr>
</table>
</body>
</html>

Lorsqu'on arrive sur le site web le bouton Accueil est "appuyé" car on se trouve sur la page Accueil (affiché sur la mainFrame à droite du menu).

Mais le probleme c'est que quand je clique sur un lien dans la page Accueil (lien qui envoie sur la page technique.htm) , le bouton du menu (Accueil) reste tjrs à l'etat "appuyé" et ne se change pas en état normale , pour le bouton Technique il reste normale , alors que mon but est qu'il soit en état appuyé lorsque je clique sur le lien de page d'accueil qui elle affiche le contenu de la page Technique.htm .

Voila je sais pas si cela d'aide a comprendre , mais merci deja d'avoir répondu et ca fait plaisir de voir qu'il y a des personnes comme toi qui sont intéréssé aux problemes de petits webmasters comme moi ...;-)
Merci encore d'avance!

Voila ce qui ce passe lorsque je clique (voici une image):
http://s3.archive-host.com/membres/images/795593884/exemple.png
0
Utilisateur anonyme
4 sept. 2007 à 15:07
Je fais un site web pour une entreprise , je crée le site web avec dreamweaver

Voici le code source de la page menu (Frame à Gauche) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Louis Richard Ingénieurs Conseils SA</title>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
<style type="text/css">
<!--
.img {
margin-left: 7.5px;
}
-->
</style></head>

<body onload="MM_preloadImages('Images/Boutons/bacc_a.png','Images/Boutons/bacc_r.png','Images/Boutons/bqui_a.png','Images/Boutons/bqui_r.png','Images/Boutons/btech_a.png','Images/Boutons/btech_r.png','Images/Boutons/bref_a.png','Images/Boutons/bref_r.png','Images/Boutons/bplan_a.png','Images/Boutons/bplan_r.png','Images/Boutons/bcon_a.png','Images/Boutons/bcon_r.png','Images/Boutons/bacc_n.png')">
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffed05" align="left" width="120">
<tr>
<td width="120" height="49" ><a href="presentation.htm" target="mainFrame" onclick="MM_nbGroup('down','group1','Accueil','Images/Boutons/bacc_a.png',1)" onmouseover="MM_nbGroup('over','Accueil','Images/Boutons/bacc_r.png','Images/Boutons/bacc_a.png',1)" onmouseout="MM_nbGroup('out')"><img class="img" src="Images/Boutons/bacc_a.png" alt="Accueil" name="Accueil" border="0" id="Accueil" onload="MM_nbGroup('init','group1','Accueil','Images/Boutons/bacc_n.png',1)" /></a></td>
</tr>
<tr>
<td width="120" height="49" ><a href="qui.htm" target="mainFrame" onClick="MM_nbGroup('down','group1','Qui','Images/Boutons/bqui_a.png',1)" onMouseOver="MM_nbGroup('over','Qui','Images/Boutons/bqui_r.png','Images/Boutons/bqui_a.png',1)" onMouseOut="MM_nbGroup('out')"><img class="img" name="Qui" src="Images/Boutons/bqui_n.png" border="0" alt="Qui sommes nous ?" onLoad="" /></a></td>
</tr>
<tr>
<td width="120" height="49" ><a href="methodologie.htm" target="mainFrame" onClick="MM_nbGroup('down','group1','Technique','Images/Boutons/btech_a.png',1)" onMouseOver="MM_nbGroup('over','Technique','Images/Boutons/btech_r.png','Images/Boutons/btech_a.png',1)" onMouseOut="MM_nbGroup('out')"><img class="img" name="Technique" src="Images/Boutons/btech_n.png" border="0" alt="Technique" onLoad="" /></a></td>
</tr>
<tr>
<td width="120" height="49" ><a href="references.htm" target="mainFrame" onClick="MM_nbGroup('down','group1','References','Images/Boutons/bref_a.png',1)" onMouseOver="MM_nbGroup('over','References','Images/Boutons/bref_r.png','Images/Boutons/bref_a.png',1)" onMouseOut="MM_nbGroup('out')"><img class="img" name="References" src="Images/Boutons/bref_n.png" border="0" alt="Références" onLoad="" /></a></td>
</tr>
<tr >
<td width="120" height="227" bgcolor="#ffffff" >
</td>
</tr>
<tr>
<td width="120" height="49" ><a href="plan.htm" target="mainFrame" onClick="MM_nbGroup('down','group1','Plan','Images/Boutons/bplan_a.png',1)" onMouseOver="MM_nbGroup('over','Plan','Images/Boutons/bplan_r.png','Images/Boutons/bplan_a.png',1)" onMouseOut="MM_nbGroup('out')"><img class="img" name="Plan" src="Images/Boutons/bplan_n.png" border="0" alt="Plan" onLoad="" /></a></td>
</tr>
<tr>
<td width="120" height="49" ><a href="contact.htm" target="mainFrame" onClick="MM_nbGroup('down','group1','Contact','Images/Boutons/bcon_a.png',1)" onMouseOver="MM_nbGroup('over','Contact','Images/Boutons/bcon_r.png','Images/Boutons/bcon_a.png',1)" onMouseOut="MM_nbGroup('out')"><img class="img" name="Contact" src="Images/Boutons/bcon_n.png" border="0" alt="Contact" onLoad="" /></a></td>
</tr>
</table>
</body>
</html>

Lorsqu'on arrive sur le site web le bouton Accueil est "appuyé" car on se trouve sur la page Accueil (affiché sur la mainFrame à droite du menu).

Mais le probleme c'est que quand je clique sur un lien dans la page Accueil (lien qui envoie sur la page technique.htm) , le bouton du menu (Accueil) reste tjrs à l'etat "appuyé" et ne se change pas en état normale , pour le bouton Technique il reste normale , alors que mon but est qu'il soit en état appuyé lorsque je clique sur le lien de page d'accueil qui elle affiche le contenu de la page Technique.htm .

Voila je sais pas si cela d'aide a comprendre , mais merci deja d'avoir répondu et ca fait plaisir de voir qu'il y a des personnes comme toi qui sont intéréssé aux problemes de petits webmasters comme moi ...;-)
Merci encore d'avance!

Voila ce qui ce passe lorsque je clique (voici une image):
http://s3.archive-host.com/membres/images/795593884/exemple.png
0