Affichage de layers et fonctions javascript
Marie
-
SirHill Messages postés 4070 Statut Contributeur -
SirHill Messages postés 4070 Statut Contributeur -
Bonjour, à l'aide de fonctions javascript, j'affiche sur un plan d'aménagement de bureaux, dans une page html, l'emplacement (layer) précis d'un employé à partir d'un hyperlien sur le nom de l'employé en question. Une fois sur deux ou trois le carré (layer) désignant l'emplacement de travail ne s'affiche pas. Pour le faire afficher dans ce cas, j'utilise la clé F5 du clavier. Est-ce que quelqu'un peut me dire comment je peux corriger cet anomalie et faire afficher coup sur coup le layer désignat l'emplacement de travail ?
Merci à l'avance !
Marie
Merci à l'avance !
Marie
A voir également:
- Affichage de layers et fonctions javascript
- Fonction si et - Guide
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Affichage ips processeur graphique ✓ - Forum Matériel & Système
- Problème affichage fenêtre windows 10 - Guide
1 réponse
Salut
Voici un script qui affiche (et masque) un calque en cliquant sur un lien: (à adapter)
*Lien affichant le calque:
*Lien masquant le calque:
('Calque1' est bien sûr à changer).
*Voici le script:
(La première fonction recherche le calque (grâce à getElementById) tandis que la deuxième gère l'affichage).
*Pour terminer, le calque: (Exemple, avec l'id à remplacer)
Voilà. Si ça ne te convient pas ou si tu as un problème, envoie-nous ton code.
Bon courage et @+
Voici un script qui affiche (et masque) un calque en cliquant sur un lien: (à adapter)
*Lien affichant le calque:
<a onClick="showHideLayers('Calque1','','show')">Lien</a>
*Lien masquant le calque:
<a onClick="showHideLayers('Calque1','','hide')">Lien</a>
('Calque1' est bien sûr à changer).
*Voici le script:
<script language="JavaScript" type="text/JavaScript">
<!--
function findObj(n, d) { 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=findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; }
function showHideLayers() { var i,p,v,obj,args=showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } obj.visibility=v; } }
//-->
</script>
(La première fonction recherche le calque (grâce à getElementById) tandis que la deuxième gère l'affichage).
*Pour terminer, le calque: (Exemple, avec l'id à remplacer)
<div id="Calque1" style="position:absolute; width:100px; height:30px; z-index:2; background-color: #0099FF; layer-background-color: #0099FF; border: 1px none #000000; visibility: hidden; left: 50px; top: 500px;"><img src="http://www.monsite.com/images/image.gif"></div>
Voilà. Si ça ne te convient pas ou si tu as un problème, envoie-nous ton code.
Bon courage et @+
