Fork me on GitHub






mcz29
Sous-menus masqués par animation flash
#1
Régulier
Inscrit: 20/09/2005 11:18
De Saint-Sauveur (29)
Messages: 238
Bonjour,

Je viens de mettre une animation flash en page d'accueil de mon site mais elle masque les sous-menus du "multimenu".(masqués complètement sous IE et partiellement sous FF)

A voir ici : www.initia.coop

(Métiers d'INITIA )

une idée ?

merci

Posté le : 17/02/2009 14:12

sandrine
------------------------
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Ghia
Re: Sous-menus masqués par animation flash
#2
Xoops accro
Inscrit: 20/02/2008 20:27
De Belgium
Messages: 2708
Ce partie de votre script ne marche pas: le dropul est null.
var dropul=document.getElementById(menuitems[i].getAttribute('rel'))
dropul.style.zIndex=2000 //give drop down menus a high z-index
dropul._master=mainmenuid //Indicate which main menu this main UL is associated with

Posté le : 17/02/2009 15:04

Salutations, Gerard.
PS: Excusez mon mauvais français.
De la bonne manière de poser les questions
Partager Twitter Partagez cette article sur GG+
Rapport Haut
mcz29
Re: Sous-menus masqués par animation flash
#3
Régulier
Inscrit: 20/09/2005 11:18
De Saint-Sauveur (29)
Messages: 238
merci ghia

mais je ne vois pas dans quel fichier tu as vu ce code ?

Posté le : 17/02/2009 16:03

sandrine
------------------------
Partager Twitter Partagez cette article sur GG+
Rapport Haut
mcz29
Re: Sous-menus masqués par animation flash
#4
Régulier
Inscrit: 20/09/2005 11:18
De Saint-Sauveur (29)
Messages: 238
Bonjour,

Voici le code du template que j'utilise pour le menu dyn vertical (si cela peut faire avancer ...)

multimenu_dyn_vertical_0.css

/* Sub links */
#dropmenudiv_vert_{id}{
  position:absolute;
  margin-left:160px;
  margin-top:-24px;
  background-color: #CCC;
  border: 1px outset black;
}

#dropmenudiv_vert_{id} a{
  width: 160px;
  display: block;
  text-indent: 12px;
  border-bottom: 1px solid #000;
  padding: 4px 0;
  background: url('{xoops_url}/modules/multimenu/templates/include/multimenu_dyn_vertical/arrow_down.gif');
  background-repeat: no-repeat;
  background-position: left 50%;
}

#dropmenudiv_vert_{id} a:hover{
  background-color:#CCC;
}



et multimenu_dyn_vertical_0.js


/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for ... ull source code
***********************************************/

// Edit settins here
var menuwidth_vert_{id}='160';         //default menu width
var disappeardelay_vert_{id}='2000';      //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick_vert_{id}='yes';     //hide menu when user clicks within menu?




///// No further editting needed
var ie4=document.all
var ie5_5=typeof dropmenuiframe_vert_{id}=='undefined'? 0 : 1
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv_vert_{id}" style="x-index:100;visibility:hidden;" onMouseover="clearhidemenu_vert_{id}()" onMouseout="dynamichide_vert_{id}(event)"></div>')


function getposOffset_vert_{id}(what, offsettype_vert_{id}){
var totaloffset_vert_{id}=(offsettype_vert_{id}=="left")? what.offsetLeft : what.offsetTop;
var parentEl_vert_{id}=what.offsetParent;
while (parentEl_vert_{id}!=null){
totaloffset_vert_{id}=(offsettype_vert_{id}=="left")? totaloffset_vert_{id}+parentEl_vert_{id}.offsetLeft : totaloffset_vert_{id}+parentEl_vert_{id}.offsetTop;
parentEl_vert_{id}=parentEl_vert_{id}.offsetParent;
}
return totaloffset_vert_{id};
}

function showhide_vert_{id}(obj, e, visible, hidden, menuwidth_vert_{id}){
if (ie4||ns6)
dropmenuobj_vert_{id}.style.left=dropmenuobj_vert_{id}.style.top=-500
if (menuwidth_vert_{id}>=0){
dropmenuobj_vert_{id}.widthobj=dropmenuobj_vert_{id}.style
dropmenuobj_vert_{id}.widthobj.width=menuwidth_vert_{id}
}
if (menuwidth_vert_{id}<0){
dropmenuobj_vert_{id}.widthobj=dropmenuobj_vert_{id}.style
dropmenuobj_vert_{id}.widthobj.width=-0.8*menuwidth_vert_{id}
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
obj.visibility=visible
unhideIframe_vert_{id}()
} 
else if (e.type=="click"){
setTimeout("hideIframe_vert_{id}();",0);
obj.visibility=hidden
}
}

function iecompattest_vert_{id}(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge_vert_{id}(obj, whichedge_vert_{id}){
var edgeoffset_vert_{id}=0
if (whichedge_vert_{id}=="rightedge"){
var windowedge_vert_{id}=ie4 && !window.opera? iecompattest_vert_{id}().scrollLeft+iecompattest_vert_{id}().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj_vert_{id}.contentmeasure=dropmenuobj_vert_{id}.offsetWidth
if (windowedge_vert_{id}-dropmenuobj_vert_{id}.x < dropmenuobj_vert_{id}.contentmeasure)
edgeoffset_vert_{id}=dropmenuobj_vert_{id}.contentmeasure-obj.offsetWidth
}
else{
var topedge_vert_{id}=ie4 && !window.opera? iecompattest_vert_{id}().scrollTop : window.pageYOffset
var windowedge_vert_{id}=ie4 && !window.opera? iecompattest_vert_{id}().scrollTop+iecompattest_vert_{id}().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj_vert_{id}.contentmeasure=dropmenuobj_vert_{id}.offsetHeight
if (windowedge_vert_{id}-dropmenuobj_vert_{id}.y < dropmenuobj_vert_{id}.contentmeasure){ //move up?
//edgeoffset_vert_{id}=dropmenuobj_vert_{id}.contentmeasure+obj.offsetHeight
edgeoffset_vert_{id}=dropmenuobj_vert_{id}.contentmeasure-23 //gère la hauteur d'affichage du menu déroulant
if ((dropmenuobj_vert_{id}.y-topedge_vert_{id})<dropmenuobj_vert_{id}.contentmeasure) //up no good either?
edgeoffset_vert_{id}=dropmenuobj_vert_{id}.y+obj.offsetHeight-topedge_vert_{id}
}
}
return edgeoffset_vert_{id}
}

function populatemenu_vert_{id}(what){
if (ie4||ns6)
dropmenuobj_vert_{id}.innerHTML=what.join("")
}


function dropdownmenu_vert_{id}(obj, e, menucontents, menuwidth_vert_{id}){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu_vert_{id}()

dropmenuobj_vert_{id}=document.getElementById? document.getElementById("dropmenudiv_vert_{id}") : dropmenudiv_vert_{id}
populatemenu_vert_{id}(menucontents)

if (ie4||ns6){
showhide_vert_{id}(dropmenuobj_vert_{id}.style, e, "visible", "hidden", menuwidth_vert_{id})
dropmenuobj_vert_{id}.x=getposOffset_vert_{id}(obj, "left")
dropmenuobj_vert_{id}.y=getposOffset_vert_{id}(obj, "top")
dropmenuobj_vert_{id}.style.left=dropmenuobj_vert_{id}.x-clearbrowseredge_vert_{id}(obj, "rightedge")+"px"
dropmenuobj_vert_{id}.style.top=dropmenuobj_vert_{id}.y-clearbrowseredge_vert_{id}(obj, "bottomedge")+obj.offsetHeight+"px"
unhideIframe_vert_{id}()
}

return clickreturnvalue_vert_{id}()
}

function clickreturnvalue_vert_{id}(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide_vert_{id}(e){
if (ie4&&!dropmenuobj_vert_{id}.contains(e.toElement))
delayhidemenu_vert_{id}()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu_vert_{id}()
}

function hidemenu_vert_{id}(e){
if (typeof dropmenuobj_vert_{id}!="undefined"){
if (ie4||ns6)
dropmenuobj_vert_{id}.style.visibility="hidden"
hideIframe_vert_{id}()
}
}

function delayhidemenu_vert_{id}(){
if (ie4||ns6)
delayhide_vert_{id}=setTimeout("hidemenu_vert_{id}()",disappeardelay_vert_{id})
}

function clearhidemenu_vert_{id}(){
if (typeof delayhide_vert_{id}!="undefined")
clearTimeout(delayhide_vert_{id})
}

if (hidemenu_onclick_vert_{id}=="yes")
document.onclick=hidemenu_vert_{id}

// Hide IFrame
function hideIframe_vert_{id}() {
if (ie5_5){
var theIframe_vert_{id} = document.getElementById("dropmenuiframe_vert_{id}")
theIframe_vert_{id}.style.display = "none";
}
}

// Unhide IFrame
function unhideIframe_vert_{id}() {
if (ie5_5){
var theIframe_vert_{id} = document.getElementById("dropmenuiframe_vert_{id}")
var theDiv_vert_{id} = document.getElementById("dropmenudiv_vert_{id}");
theIframe_vert_{id}.style.width = theDiv_vert_{id}.offsetWidth+'px';
theIframe_vert_{id}.style.height = theDiv_vert_{id}.offsetHeight+'px';
theIframe_vert_{id}.style.top = theDiv_vert_{id}.offsetTop+'px';
theIframe_vert_{id}.style.left = theDiv_vert_{id}.offsetLeft+'px';
theIframe_vert_{id}.style.display = "block";
}
}


merci

Posté le : 19/02/2009 10:03

sandrine
------------------------
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: Sous-menus masqués par animation flash
#5
Guest_
b'jour,

Tu devrais peut être ajouter une instruction de superposition pour le menu qui se déploie
Citation :

#dropmenudiv_vert_{id}{
position:absolute;
z-index: 1000
margin-left:160px;
margin-top:-24px;
background-color: #CCC;
border: 1px outset black;
}


... et une autre avec une valeur inférieure pour l'animation flash
Citation :

<div style="z-index: 999; position: relative"> --- ICI LE FLASH --- </div>

Posté le : 19/02/2009 11:14
Partager Twitter Partagez cette article sur GG+
Rapport Haut
mcz29
Re: Sous-menus masqués par animation flash
#6
Régulier
Inscrit: 20/09/2005 11:18
De Saint-Sauveur (29)
Messages: 238
merci burning
j'ai testé mais après avoir vidé le dossier templates_c c'est pareil.

Posté le : 19/02/2009 11:43

sandrine
------------------------
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: Sous-menus masqués par animation flash
#7
Guest_
Dans le principe, c'est pourtant l'instruction qu'il faut utiliser pour ordonner la superposition des éléments html

Peut être parce que l'élément que tu souhaites recouvrir est un élément flash, c'est plus compliqué.

Dans cette discussion, il semblerait que seule la position fixed agisse dans un tel cas de figure...

Par contre, je me demande si ton menu va apprécier

Posté le : 19/02/2009 11:51
Partager Twitter Partagez cette article sur GG+
Rapport Haut
mcz29
Re: Sous-menus masqués par animation flash
#8
Régulier
Inscrit: 20/09/2005 11:18
De Saint-Sauveur (29)
Messages: 238
merci burning

j'ai trouvé la solution en ajoutant WMODE="transparent"

<embed src="xxxxxxxx" quality="high" bgcolor="" width="720" height="540" name="" align="middle" WMODE="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>

merci

Posté le : 19/02/2009 14:41

sandrine
------------------------
Partager Twitter Partagez cette article sur GG+
Rapport Haut
blueteen
Re: Sous-menus masqués par animation flash
#9
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
Salut,
j'arrive après la bataille
https://www.frxoops.org/modules/newbb/ ... id=161533#forumpost161533

Posté le : 19/02/2009 19:26
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

75 Personne(s) en ligne (62 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 75 | Plus ...