Forum de discussion
Forum « Programmation Javascript » (archives)
menu deroulant et superposition frame
Envoyé: 3 juin 2005, 16h19 par kinarius
J'ai trouvé sur le net un code pour menu deroulant qui me convient tres bien mis à part qui si j'ouvre un lien dans une frame autre que du html, mon menu deroulant est caché. Ce qui rend mon site inexploitable. Etant debutant en javascript, je n'arrive pas à jumeller 2 sources.
La premiere étant:
http://www.trucsweb.com/DHTML/trucs.asp?no=328&type=328
qui explique bien ce qu'il faut faire.
La seconde, mon prog ci-apres.
Si quelqu'un pouvait m'aider.
En vous remerciant par avance.
kinarius.
mon prog
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40"; dir="ltr">
<HEAD>
<meta http-equiv="Content-Language" content="fr">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<TITLE>site</TITLE>
<SCRIPT LANGUAGE="JavaScript">
/////////////////////////////////////////////////////////////////////
//SCRIPT EDITER PAR SCRIPT MASTERS (http://www.SCRIPT-MASTERS.COM/)//
//////////////MERCI DE LAISSER CE MESSAGE INTACT/////////////////////
/////////////////////////////////////////////////////////////////////
//--> Editer les options ici
var couleur_fond = "#525C88"; // Couleur de fond du menu
var couleur_bordure = "#000000"; // Couleur de la bordure
var couleur_police = "#FFFFFF"; // Couleur de la police
var couleur_fond_rollover = "#FFFFFF"; // Couleur du lien surligner par la souris
var couleur_police_rollover = "#525C88"; // Couleur de la police surligner par la souris
var taille_menu_deroule = "150"; // largeur du menu déroulé
var taille_police = "10"; // taille de la police
//--> Ne plus rien modifier
function MenuEffets() {
var cls = event.srcElement.className;
var isClassContainer = cls == "td_furtif";
var isClassPopup = cls == "menu_deroulant";
var isClassMenuitem = cls == "objet_du_menu";
if (isClassContainer) {
if (event.type == "mouseover")
{
event.srcElement.all(0).style.display = "block";
}
else {
if (!event.fromElement.contains(event.toElement))
event.srcElement.all(0).style.display = "none";
}
}
if (isClassPopup) {
if (event.type == "mouseout" && !event.fromElement.contains(event.toElement)){
event.srcElement.style.display = "none";
}
}
if (isClassMenuitem) {
if (event.type == "mouseover") {
event.srcElement.style.color = couleur_police_rollover;
event.srcElement.style.backgroundColor = couleur_fond_rollover;
}
else {
event.srcElement.style.color = couleur_police;
event.srcElement.style.backgroundColor = couleur_fond;
if (!event.fromElement.parentElement.parentElement.parentElement.parentElement.contains(event.toElement))
event.srcElement.parentElement.parentElement.parentElement.style.display = "none";
}
}
}
//var maintenant = New Date();
//var sec = maintenant.getTime();
document.onmouseover = MenuEffets;
document.onmouseout = MenuEffets;
document.write('<STYLE>');
document.write('.menu {font-family: Verdana, Arial, Helvetica, Tahoma, MS Sans Serif;');
document.write(' font-size: '+ taille_police +'pt;');
document.write(' color: '+ couleur_police +';');
document.write(' cursor: default; }');
document.write('.menu_deroulant {position: absolute;');
document.write(' display: none;');
document.write(' border-collapse: collapse;');
document.write(' border-style: solid;');
document.write(' border-width: 1px;');
document.write(' border-color: '+ couleur_bordure + ';');
document.write(' background-color: '+ couleur_fond + ';');
document.write(' width: '+ taille_menu_deroule +'px;');
document.write(' left: expression(this.parentElement.offsetLeft + 10);');
document.write(' top: expression((this.parentElement.parentElement.parentElement.parentElement.offsetTop + this.parentElement.parentElement.parentElement.parentElement.offsetHeight-3) );');
document.write(' font-family: Verdana, Arial, Helvetica, Tahoma, MS Sans Serif;');
document.write(' font-size: '+taille_police+'pt;');
document.write(' color: '+ couleur_police +'; }');
document.write('.objet_du_menu {border-style: solid;');
document.write(' border-width: 0px;');
document.write(' border-color: '+ couleur_bordure +';');
document.write(' cursor: hand; }');
document.write('.td_furtif {');
document.write(' border-style: solid;');
document.write(' border-width: 1px;');
document.write(' border-color: '+ couleur_bordure +';');
document.write(' background-color: '+ couleur_fond +';');
document.write(' cursor: hand; }');
document.write('</STYLE>');
</SCRIPT>
</HEAD>
<BODY>
<div style="position: absolute; top: 50; left: 9; width: 1194; height: 205; z-index:10">
<TABLE CLASS="menu" cellspacing="1">
</tr>
<th CLASS="td_furtif" width="105">Glossaire
<TABLE CLASS="menu_deroulant">
<a target="_blank" href="file://caracas/V2000/Public/Generalites/Lexique_des_termes_et_sigles.xls"><TR><TD CLASS="objet_du_menu" onClick="javascript:">Glossaire</TD></TR>
</TABLE>
</th>
<TD CLASS="td_furtif" width="105">Certifications et agréments
<TABLE CLASS="menu_deroulant">
<a target="site" href="manuel.htm"><TR><TD CLASS="objet_du_menu" onClick="javascript:">
Manuels</TD></TR>
<a target="site" href="certification.htm"><TR><TD CLASS="objet_du_menu" onClick="javascript:">Diplôme du
groupe</TD></TR>
<a target="site" href="PART21.htm"><TR><TD CLASS="objet_du_menu" onClick="javascript:">PART 21</TD></TR>
<a target="site" href="PART145.htm"><TR><TD CLASS="objet_du_menu" onClick="javascript:">PART 145</TD></TR>
</TABLE>
</TD>
<TD CLASS="td_furtif" width="105">Vie du service
<TABLE CLASS="menu_deroulant">
<a target="site" href="//caracas/numqual/Horaires_exceptionnels"> <TR>
<TD CLASS="objet_du_menu" onClick="javascript:self.reload();" nowrap>Horaires exceptionnels</TD></TR>
<a target="site" href="reservation.htm"><TR><TD CLASS="objet_du_menu" onClick="javascript:self.reload();">Réservation matériel</TD></TR>
<a target="_blank" href=demande_habil/demand_habil.xls><TR><TD CLASS="objet_du_menu" onClick="javascript:self.reload();">Demande d'habilitation</TD></TR>
</TABLE>
</TD>
<TD CLASS="td_furtif" width="105">Rôle et Responsabilités
<TABLE CLASS="menu_deroulant">
<a target="_blank" href=QUALITE/MRBListRequete1.pdf><TR><TD CLASS="objet_du_menu" onClick="javascript:">Personnel MRB</TD></TR>
<a target="_blank" href=QUALITE/PVFCRISTAL.pdf><TR><TD CLASS="objet_du_menu" onClick="javascript:">Intervenant PVF Crital</TD></TR>
<a target="_blank" href="file://caracas/V2000/Public/Generalites/PARTICIPANTS.xls"><TR><TD CLASS="objet_du_menu" onClick="javascript:">Acteurs des processus</TD></TR>
<a target="_blank" href=QUALITE/Habilitations_selon_IAQ010001.pdf><TR><TD CLASS="objet_du_menu" onClick="javascript:" nowrap>Personnel habilité à signer les docs transmis aux clients</TD></TR>
<a target="_blank" href=QUALITE/Personnel_PART145.pdf><TR><TD CLASS="objet_du_menu" onClick="javascript:">Personnel autorité à intervenir en PART 145</TD></TR>
<a target="_blank" href=file://caracas/numqual/Numerotation/PLANNING_PRESENCE_QUALITE.xls><TR><TD CLASS="objet_du_menu" onClick="javascript:">Disponibilité Personnel qualité</TD></TR>
</TABLE>
</TD>
<TD CLASS="td_furtif" width="105">Infos générales
<TABLE CLASS="menu_deroulant">
<a target="_blank" href=http://www.easis.net><TR><TD CLASS="objet_du_menu" onClick="javascript:">Site QUALIFAS</TD></TR>
<a target="_blank" href=http://www.latecoere.fr/web_qualite/index.htm>;<TR><TD CLASS="objet_du_menu" onClick="javascript:">Site fournisseur</TD></TR>
<a target="site"< href="questionnaire.htm"><TR><TD CLASS="objet_du_menu" onClick="javascript:" nowrap>Questionnaire client</TD></TR>
<a target="site" href="file://caracas/V2000/Public/Generalites_normes/Supports_et_formations_EN9100/Arborescence_des_supports_EN_9100.pps"><TR><TD CLASS="objet_du_menu" onClick="javascript:">Information EN9100</TD></TR>
</TABLE>
</TD>
<TD CLASS="td_furtif" width="105">Organigramme service
<TABLE CLASS="menu_deroulant">
<a target="_blank" href=QUALITE/Q02-0017.pdf><TR><TD CLASS="objet_du_menu" onClick="javascript:">Note Organisation</TD></TR>
<a target="_blank" href=QUALITE/Note_d_organisation_L_34072.pdf><TR><TD CLASS="objet_du_menu" onClick="javascript:">Organisation DES</TD></TR>
<a target="_blank" href=QUALITE/Q02-0016.pdf><TR><TD CLASS="objet_du_menu" onClick="javascript:">Organisation Labo</TD></TR>
</a>
<a target="_blank" href="file://caracas/V2000/Public/organisation/qualite.pps><TR><TD CLASS="objet_du_menu" onClick="javascript:" nowrap>Organigramme Qualité</TD></TR>
</TABLE>
</TD>
<TD CLASS="td_furtif" width="105">Système qualité
<TABLE CLASS="menu_deroulant">
<a target="_blank" href=Norme_Qualite/V2000/entree.ppt><TR><TD CLASS="objet_du_menu" onClick="javascript:">Portail d'entrée</TD></TR>
<a target="_blank" href="file://caracas/V2000/Public/Generalites/polqua1.pdf><TR><TD CLASS="objet_du_menu" onClick="javascript:" nowrap>Politique Qualité</TD></TR>
<a target="_blank" href=QUALITE/plan05-A.xls><TR><TD CLASS="objet_du_menu" onClick="javascript:">Plan d'audit</TD></TR>
<a target="site"< href="evol_syst.htm"><TR><TD CLASS="objet_du_menu" onClick="javascript:">Evolution système</TD></TR>
<a target="site" href=Norme_Qualite/menudyn.html><TR><TD CLASS="objet_du_menu" onClick="javascript:">Menudyn</TD></TR>
<TR><TD CLASS="objet_du_menu" onClick="javascript:">Gestion de conf</TD></TR>
</TABLE>
</TD>
<TD CLASS="td_furtif" width="105">Numérotation
<TABLE CLASS="menu_deroulant">
<a target="site"< href="numerotation.htm"><TR><TD CLASS="objet_du_menu" onClick="javascript:">Numérotation</TD></TR>
<TR><TD CLASS="objet_du_menu" onClick="javascript:" nowrap>DAC et Audits</TD></TR>
</TABLE>
</TD>
<TD CLASS="td_furtif" width="105">Communiqués
<TABLE CLASS="menu_deroulant">
<a target="site"< href="communiques.htm"><TR><TD CLASS="objet_du_menu" onClick="javascript:">Communiqués</TD></TR>
</TABLE>
</TD>
</TABLE>
</div>
<p></p>
<p>
</p>
<p>
</p>
<p>
<span style="position: absolute; left: 10; top: 95; z-index: 1">
<iframe name="site" width="995" height="455" src="defaut.html" >
Votre navigateur ne prend pas en charge les cadres insérés ou est actuellement configuré pour ne pas les afficher.
</iframe>
</span>
</BODY>
</HTML>
Réponses
|
![[Photo]](https://www.trucsweb.com/documents/images/2024/js-bs-formulaire-fetch.png)
Formulaire Bootstrap 5 Ajax avec validation.![[Photo]](https://www.trucsweb.com/documents/images/2023/elephants-Salvador_Dali_1948.jpg)
Sécuriser l’accès « bureau à distance » sous IIS![[Photo]](https://www.trucsweb.com/documents/images/2023/trou_noir_galaxie_M87.jpg)
L’AI au temps du Far-Web![[Photo]](https://www.trucsweb.com/documents/images/2023/gilles-villeneuve-montreal1978.jpg)
Sélecteurs JavaScript querySelector() et querySelectorAll()![[Photo]](http://www.trucsweb.com/documents/images/2023/evolution_de_lhomme.jpg)
CSS - Animations![[Photo]](http://www.trucsweb.com/documents/images/2023/univers-copernic.jpg)
Mode de couleurs (Color modes) Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/2023/les_burgers_de_papa.jpg)
25 ans des Trucsweb - Bouton hamburger animé Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/logos/l_whatwg.svg)
Living Standard pour HTML de Apple, Google, Mozilla, Microsoft ...et la W3C![[Photo]](http://www.trucsweb.com/documents/images/2022/tim-berners-lee-web-b.jpg)
Le nouveau HTML « Living Standard » et le XML![[Photo]](http://www.trucsweb.com/documents/images/2022/v_jacques_dutronc-les_cactus.jpg)
Sécuriser un formulaire de contact au Far-Web!
AbuseIPDB
Connexion