begin process at 2010 03 20 08:52:25
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Menu & Co

 > CLICK DROIT AVEC MENU

CLICK DROIT AVEC MENU


 Information sur la source

Note :
4 / 10 - par 1 personne
4,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Débutant Date de création :16/05/2002 Date de mise à jour :26/06/2002 20:33:50 Vu :10 330
Auteur : bob3000

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note

 Description

Ce code fait un menu lorsque vous clickez du coté droit de la souris.  

Source

  • <HTML>
  • <HEAD>
  • <style>
  • .skin0 {
  • position:absolute;
  • text-align:left;
  • width:200px;
  • border:2px solid black;
  • background-color:menu;
  • font-family:Verdana;
  • line-height:20px;
  • cursor:default;
  • visibility:hidden;
  • }
  • .skin1 {
  • cursor:default;
  • font:menutext;
  • position:absolute;
  • text-align:left;
  • font-family: Arial, Helvetica, sans-serif;
  • font-size: 10pt;
  • width:120px;
  • background-color:menu;
  • border:1 solid buttonface;
  • visibility:hidden;
  • border:2 outset buttonhighlight;
  • }
  • .menuitems {
  • padding-left:15px;
  • padding-right:10px;
  • }
  • </style>
  • <SCRIPT LANGUAGE="JavaScript1.2">
  • var menuskin = "skin1";
  • var display_url = 0;
  • function showmenuie5() {
  • var rightedge =
  • document.body.clientWidth-event.clientX;
  • var bottomedge =
  • document.body.clientHeight-event.clientY;
  • if (rightedge < ie5menu.offsetWidth)
  • ie5menu.style.left = document.body.scrollLeft +
  • event.clientX - ie5menu.offsetWidth;
  • else
  • ie5menu.style.left = document.body.scrollLeft +
  • event.clientX;
  • if (bottomedge < ie5menu.offsetHeight)
  • ie5menu.style.top = document.body.scrollTop +
  • event.clientY - ie5menu.offsetHeight;
  • else
  • ie5menu.style.top = document.body.scrollTop +
  • event.clientY;
  • ie5menu.style.visibility = "visible";
  • return false;
  • }
  • function hidemenuie5() {
  • ie5menu.style.visibility = "hidden";
  • }
  • function highlightie5() {
  • if (event.srcElement.className == "menuitems") {
  • event.srcElement.style.backgroundColor = "blue";
  • event.srcElement.style.color = "red11:14 AM 23/03/200111:14 AM 23/03/2001";
  • if (display_url)
  • window.status = event.srcElement.url;
  • }
  • }
  • function lowlightie5() {
  • if (event.srcElement.className == "menuitems") {
  • event.srcElement.style.backgroundColor = "";
  • event.srcElement.style.color = "black";
  • window.status = "";
  • }
  • }
  • function jumptoie5() {
  • if (event.srcElement.className == "menuitems") {
  • if (event.srcElement.getAttribute("target") != null)
  • window.open(event.srcElement.url,
  • event.srcElement.getAttribute("target"));
  • else
  • window.location = event.srcElement.url;
  • }
  • }
  • </script>
  • </HEAD>
  • <BODY>
  • <div id="ie5menu" class="skin0"
  • onMouseover="highlightie5()"
  • onMouseout="lowlightie5()" onClick="jumptoie5();">
  • // Écrire les liens dans 'url' et le nom après.
  • <div class="menuitems"
  • url="lien1.html">Nom du 1e lien</div>
  • <hr>
  • <div class="menuitems"
  • url="lien2.html">Nom du 2e lien</div>
  • <hr>
  • <div class="menuitems"
  • url="lien3.html">Nom du 3e lien</div>
  • <script language="JavaScript1.2">
  • if (document.all && window.print) {
  • ie5menu.className = menuskin;
  • document.oncontextmenu = showmenuie5;
  • document.body.onclick = hidemenuie5;
  • }
  • </script>
  • </BODY>
  • </HTML> 
<HTML>
<HEAD>
<style>
.skin0 {
position:absolute;
text-align:left;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
</style>
<SCRIPT LANGUAGE="JavaScript1.2">
var menuskin = "skin1";
var display_url = 0; 
function showmenuie5() {
var rightedge =
document.body.clientWidth-event.clientX;
var bottomedge =
document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft +
event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft +
event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop +
event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop +
event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "blue";
event.srcElement.style.color = "red11:14 AM 23/03/200111:14 AM 23/03/2001";
if (display_url)
window.status = event.srcElement.url;
   }
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "black";
window.status = "";
   }
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url,
event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
   }
}
</script>
</HEAD>
<BODY>
<div id="ie5menu" class="skin0"
onMouseover="highlightie5()"
onMouseout="lowlightie5()" onClick="jumptoie5();">
// Écrire les liens dans 'url' et le nom après.
<div class="menuitems"
url="lien1.html">Nom du 1e lien</div>
<hr>
<div class="menuitems"
url="lien2.html">Nom du 2e lien</div>
<hr>
<div class="menuitems"
url="lien3.html">Nom du 3e lien</div>
<script language="JavaScript1.2">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>
</BODY>
</HTML>

 Conclusion

Merci d'avance pour reporter les bugs.
P.S.: Ce n'est pas de moi, je l'ai trouvé sur un site.


bob3000  


 Sources du même auteur

Source avec une capture POPUP SPECIAL(MODAL - MODELESS DIALOG)
EFFET DE CHARGEMENT
INFOS SUR LES UTILISATEURS
FACON LA PLUS FACILE AU MONDE D'ECRIRE LA DATE
COULEUR DE FOND ALEATOIRE + TITRE ALEATOIRE *UPDATED*
Toutes les sources de bob3000

 Sources de la même categorie

Source avec Zip Source avec une capture MENU VERTICALE GAUCHE ET DROIT DEROULANT par kazma
Source avec Zip Source avec une capture MENU VERTICALE EN TRANSPARENCE par dlvains
Source avec Zip Source avec une capture MENU DÉROULANT EN IMAGES par dlvains
Source avec Zip TBFRAME: TAB BROWSING FRAME par triumphs
Source avec Zip Source avec une capture MENU PRINCIPAL par ali1987
Toutes les sources de la catégorie Menu & Co

Commentaires et avis

Commentaire de Virtua747 le 26/06/2002 18:49:48

Ce script tu l'aurait pas copier à partir de l'éditeur javascript ?
parce que c'est les mêmes noms de variables...

Commentaire de bob3000 le 03/09/2002 21:14:34

non! quel editeur javascript?

Commentaire de chillboy007 le 06/01/2003 23:29:36

Virtual747 &gt; il vient de dir qu'il l'a reprit sur un site .

Commentaire de rogleb le 21/02/2003 00:51:12

Voici le bug de cette function réglé

function highlightie5()
{
if (event.srcElement.className == "menuitems")
{
event.srcElement.style.backgroundColor = "blue";
event.srcElement.style.color = "red";
}
if (display_url)
{
window.status = event.srcElement.url;
    }
}

Commentaire de bob3000 le 22/02/2003 04:12:57

rogleb » merci pour la correction!

Commentaire de flashfun le 31/10/2003 11:42:29

Si vous voulez que votre menu s'affiche toujours à l'intérieur de la page, j'ai fais un pragramme ici :

http://www.javascriptfr.com/code.aspx?ID=17534

Commentaire de bonnoccaz le 22/06/2009 12:45:20

Bleu fonce sur texte noir, bof, bof,

Remplace plutot la ligne 61:


event.srcElement.style.backgroundColor = "blue";


Par

event.srcElement.style.backgroundColor = "pink";

 Ajouter un commentaire

Nos sponsors


Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

Photo ciel d'oragePhoto planète terre - europe -afrique
  

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,530 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)