Xooit.com

Aide et Support

[XOU-IT]

All times are GMT + 2 Hours


[Tuto] Menu Click droit
Goto page: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10  >
 
Post new topic   This topic is locked: you cannot edit posts or make replies. Goto page: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10  >
 
Author Message
Tex-f7
PostPosted: Wed 4 Jan 2006 - 16:14    Post subject: [Tuto] Menu Click droit Reply with quote





Voici comment mettre un menu, qui apparaitra lorsque vous clickerez sur le bouton droit de la souris.
Il empeche aussi le menu traditionnel de se lancer.
http://mods.xooit.com/
-------------------------------------------------------------------------------------
Quote:

Compatibilité avec les navigateurs :
FireFox : Toutes versions
Mozilla : 1 et +
Internet Explorer : 5 et +
Netscape Navigator : 6 et +

-------------------------------------------------------------------------------------
Flèche A mettre tout a la fin du template comme ici (clickez et afficher la source de la page : overall_footer.tpl )



-------------------------------------------------------------------------------------
Avant d'inserer ce script, vous devez modifier les ***** par le nom de votre forum.
-------------------------------------------------------------------------------------

Code: Sélectionner - Agrandir

<!-- DEBUT DU SCRIPT -->
<style type="text/css">
.ejs_context_menuitems{padding-left:12px; padding-right:7px; }
</style><script language="JavaScript1.2">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
ejs_context_elemt = new Array;
ejs_context_elemt[0] = "Page précédente|history.go(-1)";
ejs_context_elemt[1] = "Page suivante|history.go(1)";
ejs_context_elemt[2] = "";
ejs_context_elemt[3] = 'Portail|document.location.href=\'http://*****.xooit.com/portal.php\'';
ejs_context_elemt[4] = 'Forums|document.location.href=\'http://*****.xooit.com/index.php\'';
ejs_context_elemt[5] = 'F.A.Q|document.location.href=\'http://*****.xooit.com/faq.php\'';
ejs_context_elemt[6] = 'Recherche|document.location.href=\'http://*****.xooit.com/search.php\'';
ejs_context_elemt[7] = 'Membres|document.location.href=\'http://*****.xooit.com/memberlist.php\'';
ejs_context_elemt[8] = 'Groupes|document.location.href=\'http://*****.xooit.com/groupcp.php\'';
ejs_context_elemt[9] = 'Profil|document.location.href=\'http://*****.xooit.com/profile.php?mode=editprofile\'';
ejs_context_elemt[10] = '';
ejs_context_elemt[11] = 'Administration|document.location.href=\'http://*****.xooit.com/admin/index.php\'';
ejs_context_elemt[12] = 'Support|document.location.href=\'http://xooit.xooit.com\'';
ejs_context_elemt[13] = 'PhpBB.com|document.location.href=\'http://phpbb.com\'';
function ejs_context_position(e)
 {
 ejs_context_x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
 ejs_context_y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
 }

function ejs_context_open()
 {
 document.getElementById("ejs_context_box").style.top = ejs_context_y;
 document.getElementById("ejs_context_box").style.left = ejs_context_x;
 document.getElementById("ejs_context_ombre").style.top = ejs_context_y+2;
 document.getElementById("ejs_context_ombre").style.left = ejs_context_x+2;
 document.getElementById("ejs_context_box").style.visibility = "visible";
 document.getElementById("ejs_context_ombre").style.visibility = "visible";
 return(false);
 }

function ejs_context_close()
 {
 if (document.getElementById)
  {
  document.getElementById("ejs_context_box").style.top = 0;
  document.getElementById("ejs_context_box").style.left = 0;
  document.getElementById("ejs_context_ombre").style.top = 0;
  document.getElementById("ejs_context_ombre").style.left = 0;
  document.getElementById("ejs_context_box").style.visibility = "hidden";
  document.getElementById("ejs_context_ombre").style.visibility = "hidden";
  }
 }

function ejs_context_hl(mode, element)
 {
 if(mode == 1)
  {
  element.style.background = '#316AC5';
  element.style.color = '#ffffff';
  }
 else
  {
  element.style.background ='#ffffff';
  element.style.color = '#000000';
  }
 }

if(navigator.appName.substring(0,3) == "Net")
 document.captureEvents(Event.MOUSEMOVE);
</script>
<!-- FIN DU SCRIPT -->
<!-- DEBUT DU SCRIPT -->
<div id=ejs_context_box style="z-index:500;position:absolute;width:200px; border:1px solid #9D9DA1; background-color:#ffffff; font-family:Microsoft sans serif; font-size:12px; cursor:default; visibility:hidden;padding:3">
<script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
ejs_context_ombre_txt = '';
for(a=0;a<ejs_context_elemt.length;a++)
 {
 if(ejs_context_elemt[a].indexOf("|") > 0)
  {
  splited = new Array;
  splited = ejs_context_elemt[a].split("|");
  document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)">'+splited[0]+'</div>');
  ejs_context_ombre_txt += '<div class="ejs_context_menuitems">'+splited[0]+'</div>';
  }
 else
  {
  document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)"><hr width="195" size="1" color="9D9DA1" /></div>');
  ejs_context_ombre_txt += '<div class="ejs_context_menuitems"><hr width="195" size="1" color="9D9DA1" /></div>';
  }
 }
document.write('</div><div id=ejs_context_ombre style="z-index:400;position:absolute;width:200px; border:1px solid #9D9DA1; background-color:#9D9DA1; font-family:Microsoft sans serif; font-size:12px; color:#9D9DA1 ;cursor:default; visibility:hidden;padding:3">'+ejs_context_ombre_txt+'</div>');

// EVENEMENTS
document.onmousemove = ejs_context_position;
document.oncontextmenu = ejs_context_open;
document.onclick = ejs_context_close;
</script>
<!-- FIN DU SCRIPT -->



Quote:

Flèche Source : http://editeurjavascript.com
Flèche Lien donné par : Jerod212



Dernière edition par : Texf7 - Version du tuto 1.05


Last edited by Tex-f7 on Mon 25 Jun 2007 - 20:18; edited 6 times in total
Administrateur
Administrateur

Offline

Joined: 17 Jun 2004
Posts: 6,766
Niveau:
Point(s): 6,840
Moyenne: 1.01
Trophées: Trophée Equipe : Trophée décerné aux membres de l'équipe Xooit.
Firefox 3 Windows Vista Masculin Taureau (20avr-20mai) 龍 Dragon

Visit poster’s website GTalk/Jabber
Rusard
PostPosted: Wed 4 Jan 2006 - 16:52    Post subject: [Tuto] Menu Click droit Reply with quote

merci texf
_______________________
Equipe Xooit.com
Chooser/rusardModérateur/Presse
Contact mp
Contact mail (urgence et presse seulement)
Merci de ne pas me contacter pour du support
je ne sais plus Quelque mots pour te dire combien je t'aime


Modérateur
Modérateur

Offline

Joined: 23 Nov 2004
Posts: 1,235
Niveau:
Point(s): 48
Moyenne: 0.04
Trophées: Trophée Equipe : Trophée décerné aux membres de l'équipe Xooit.
Firefox 3 Windows Masculin Gémeaux (21mai-20juin) 蛇 Serpent

Visit poster’s website
benjymanson
PostPosted: Wed 4 Jan 2006 - 16:56    Post subject: [Tuto] Menu Click droit Reply with quote

Merci beaucoup a toi texf7 Wink
_______________________
Ne cliquer pas ici !


Membre
Membre

Offline

Joined: 23 Jul 2005
Posts: 86
Niveau:
Point(s): 91
Moyenne: 1.06
Firefox Windows Masculin Lion (24juil-23aoû)

Visit poster’s website
dark dellat
PostPosted: Wed 4 Jan 2006 - 19:39    Post subject: [Tuto] Menu Click droit Reply with quote

merci , il est super se script

editer : esque l'on peut rajouté un bouton si oui alors c'est comme sa :

Code: Sélectionner - Agrandir

ejs_context_elemt[numero suivant] = 'nom du nouveau bouton|document.location.href=\'votre lien'';


Membre
Membre

Offline

Joined: 29 Oct 2005
Posts: 82
Point(s): 91
Moyenne: 1.11
Firefox Windows

Visit poster’s website
Vin$anity
PostPosted: Wed 4 Jan 2006 - 19:44    Post subject: [Tuto] Menu Click droit Reply with quote

Très bien ca Very Happy En plus comme j'ai un forum de graphisme, on pourras pas nous volez nos prods 8)

Membre
Membre

Offline

Joined: 20 Dec 2005
Posts: 1
Point(s): 1
Moyenne: 1.00

Visit poster’s website
CriTiK-SpeCiFiK
PostPosted: Thu 5 Jan 2006 - 00:02    Post subject: [Tuto] Menu Click droit Reply with quote

Vin$anity wrote:
Très bien ca Very Happy En plus comme j'ai un forum de graphisme, on pourras pas nous volez nos prods 8)


oui mes les personne a qui tu fait leur creation pour faire clique droit -> enregistrer sous ... Comment vont-il faire ^^
_______________________
Xtrem-Design -> Revolution Du Graphisme


Membre
Membre

Offline

Joined: 28 Sep 2005
Posts: 12
Point(s): 12
Moyenne: 1.00
Firefox Windows

Visit poster’s website
Stéphane
PostPosted: Thu 5 Jan 2006 - 00:03    Post subject: [Tuto] Menu Click droit Reply with quote

Tu mets le lien de l'image, et ainsi en l'ouvrant dans une nouvelle fenêtre ou un autre onglet, ils pourront !
_______________________
Xooit.com Team
StéphaneGlobal Moderator


Modérateur Global
Modérateur Global

Offline

Joined: 08 Sep 2005
Posts: 3,055
Niveau:
Point(s): 2,954
Moyenne: 0.97
Trophées: Trophée Equipe : Trophée décerné aux membres de l'équipe Xooit.
Firefox 3 Windows Masculin

Visit poster’s website
Tex-f7
PostPosted: Thu 5 Jan 2006 - 00:13    Post subject: [Tuto] Menu Click droit Reply with quote

La balise code sert a quoi d'après toi Wink

Code: Sélectionner - Agrandir
http://www.adresse-images.com/tonimage.jp2


Administrateur
Administrateur

Offline

Joined: 17 Jun 2004
Posts: 6,766
Niveau:
Point(s): 6,840
Moyenne: 1.01
Trophées: Trophée Equipe : Trophée décerné aux membres de l'équipe Xooit.
Firefox 3 Windows Vista Masculin Taureau (20avr-20mai) 龍 Dragon

Visit poster’s website GTalk/Jabber
jerod212
PostPosted: Thu 5 Jan 2006 - 01:39    Post subject: [Tuto] Menu Click droit Reply with quote

remercier pluto jerod212 c moi qui a donné l'idéé

Edit: Soit disant c'est toi qui l'a proposé et tu ne sais meme pas t'en servir...
_______________________
Nouveau forum de rp :

Forum sur WoW


Membre
Membre

Offline

Joined: 30 Dec 2005
Posts: 319
Niveau:
Point(s): 160
Moyenne: 0.50
Firefox 3 Windows Masculin Verseau (20jan-19fev) 鷄 Coq

Visit poster’s website
kate
PostPosted: Thu 5 Jan 2006 - 01:43    Post subject: [Tuto] Menu Click droit Reply with quote

C'est indiquer dans le premier post Wink Y a pas un moyen pour que ce menu apparaisse juste sur l'index du forum et pas dedans ?
_______________________
http://musique-a-donf.xooit.com
Plus de membres sur vos forums ?

Ancienne modératrice Xooit.com


Membre
Membre

Offline

Joined: 19 Oct 2005
Posts: 1,584
Niveau:
Point(s): 1,358
Moyenne: 0.86
Firefox Windows Féminin Gémeaux (21mai-20juin) 鼠 Rat

Visit poster’s website
Mahdidou
PostPosted: Fri 6 Jan 2006 - 18:15    Post subject: [Tuto] Menu Click droit Reply with quote

Waaaaaaaaaah ! C'est trop bien sa !! Very Happy

Je l'ai mit, évidemment.

_______________________
Mahdidou !!
Site officiel de l'Add : http://ardedo.site.voila.fr (adresse temporaire)
Forum officiel de l'Add : http://add.xooit.com
!!
Wink


Membre
Membre

Offline

Joined: 26 Dec 2005
Posts: 20
Point(s): 20
Moyenne: 1.00

Visit poster’s website
jerod212
PostPosted: Sat 7 Jan 2006 - 16:32    Post subject: [Tuto] Menu Click droit Reply with quote

je sais que je l'ai proposer mais il y a eu soudainement une erreur
Code: Sélectionner - Agrandir

</html><head><!-- DEBUT DU SCRIPT -->
<style type="text/css">
.ejs_context_menuitems{padding-left:12px; padding-right:7px; }
</style><script language="JavaScript1.2">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
ejs_context_elemt = new Array;
ejs_context_elemt[0] = "Page précédente|history.go(-1)";
ejs_context_elemt[1] = "Page suivante|history.go(1)";
ejs_context_elemt[2] = "";
ejs_context_elemt[3] = 'rechercher|document.location.href=\'http://jerod212.xooit.com/search.php\'';
ejs_context_elemt[4] = '';
ejs_context_elemt[5] = 'index du forum|document.location.href=\'http://jerod212.xooit.com/index.php\'';
ejs_context_elemt[6] = 'portail|document.location.href=\'http://jerod212.xooit.com\'';
ejs_context_elemt[7] = 's\'enregistrer|document.location.href=\'http://jerod212.xooit.com/profile.php?mode=register\'';
ejs_context_elemt[8] = 'faq|document.location.href=\'http://jerod212.xooit.com/faq.php\'';
ejs_context_elemt[9] = '';
ejs_context_elemt[10] = 'l\'informatique c full cool|document.location.href=\'http://jerod212.xooit.com/f1-l%27informatique-c%27est-full-cool.htm\'';
ejs_context_elemt[11] = 'discusion général|document.location.href=\'http://jerod212.xooit.com/f2-discusion-g%E9n%E9ral.htm\'';
ejs_context_elemt[12] = 'le forum des non inscrit|document.location.href=\'http://jerod212.xooit.com/f3-le-forum-des-non-inscrit.htm\'';
ejs_context_elemt[13] = 'les script|document.location.href=\'http://jerod212.xooit.com/f4-les-script.htm\'';
ejs_context_elemt[14] = 'les blague|document.location.href=\'http://jerod212.xooit.com/f6-les-blague.htm\'';
function ejs_context_position(e)
   {
   ejs_context_x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   ejs_context_y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   }

function ejs_context_open()
   {
   document.getElementById("ejs_context_box").style.top = ejs_context_y;
   document.getElementById("ejs_context_box").style.left = ejs_context_x;
   document.getElementById("ejs_context_ombre").style.top = ejs_context_y+2;
   document.getElementById("ejs_context_ombre").style.left = ejs_context_x+2;
   document.getElementById("ejs_context_box").style.visibility = "visible";
   document.getElementById("ejs_context_ombre").style.visibility = "visible";
   return(false);
   }

function ejs_context_close()
   {
   if (document.getElementById)
      {
      document.getElementById("ejs_context_box").style.top = 0;
      document.getElementById("ejs_context_box").style.left = 0;
      document.getElementById("ejs_context_ombre").style.top = 0;
      document.getElementById("ejs_context_ombre").style.left = 0;
      document.getElementById("ejs_context_box").style.visibility = "hidden";
      document.getElementById("ejs_context_ombre").style.visibility = "hidden";
      }
   }

function ejs_context_hl(mode, element)
   {
   if(mode == 1)
      {
      element.style.background = '#316AC5';
      element.style.color = '#ffffff';
      }
   else
      {
      element.style.background ='#ffffff';
      element.style.color = '#000000';
      }
   }

if(navigator.appName.substring(0,3) == "Net")
   document.captureEvents(Event.MOUSEMOVE);
</script>
<!-- FIN DU SCRIPT --></head><body><!-- DEBUT DU SCRIPT -->
<div id=ejs_context_box style="z-index:500;position:absolute;width:200px; border:1px solid #9D9DA1; background-color:#ffffff; font-family:Microsoft sans serif; font-size:12px; cursor:default; visibility:hidden;padding:3">
<script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
ejs_context_ombre_txt = '';
for(a=0;a<ejs_context_elemt.length;a++)
   {
   if(ejs_context_elemt[a].indexOf("|") > 0)
      {
      splited = new Array;
      splited = ejs_context_elemt[a].split("|");
      document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)">'+splited[0]+'</div>');
      ejs_context_ombre_txt += '<div class="ejs_context_menuitems">'+splited[0]+'</div>';
      }
   else
      {
      document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)"><hr width="195" size="1" color="9D9DA1" /></div>');
      ejs_context_ombre_txt += '<div class="ejs_context_menuitems"><hr width="195" size="1" color="9D9DA1" /></div>';
      }
   }
document.write('</div><div id=ejs_context_ombre style="z-index:400;position:absolute;width:200px; border:1px solid #9D9DA1; background-color:#9D9DA1; font-family:Microsoft sans serif; font-size:12px; color:#9D9DA1 ;cursor:default; visibility:hidden;padding:3">'+ejs_context_ombre_txt+'</div>');

// EVENEMENTS
document.onmousemove = ejs_context_position;
document.oncontextmenu = ejs_context_open;
document.onclick = ejs_context_close;
</script>
<!-- FIN DU SCRIPT -->

quel est l'érreur
_______________________
Nouveau forum de rp :

Forum sur WoW


Membre
Membre

Offline

Joined: 30 Dec 2005
Posts: 319
Niveau:
Point(s): 160
Moyenne: 0.50
Firefox 3 Windows Masculin Verseau (20jan-19fev) 鷄 Coq

Visit poster’s website
korona
PostPosted: Sat 7 Jan 2006 - 18:21    Post subject: [Tuto] Menu Click droit Reply with quote

on doit porendre lequel la je comprend rien Confused

Membre
Membre

Offline

Joined: 02 Jan 2006
Posts: 1
Point(s): 1
Moyenne: 1.00

Visit poster’s website
dark dellat
PostPosted: Sat 7 Jan 2006 - 18:23    Post subject: [Tuto] Menu Click droit Reply with quote

celui tout en haut

Membre
Membre

Offline

Joined: 29 Oct 2005
Posts: 82
Point(s): 91
Moyenne: 1.11
Firefox Windows

Visit poster’s website
Layelis
PostPosted: Sat 7 Jan 2006 - 18:28    Post subject: [Tuto] Menu Click droit Reply with quote

Merci à vous deux ^^ Je sais que je suis chiante, mais c'est possible d'avoir une sorte de "mix" entre ce menu et celui qui apparait habituellement ? Qu'on puisse avoir "Copier" "Coller" "Propriétés", etc. ? Rolling Eyes
_______________________
[Bonne ambiance garantie !]


Membre
Membre

Offline

Joined: 08 Jul 2005
Posts: 121
Point(s): 100
Moyenne: 0.83
Firefox Windows

Visit poster’s website
Display posts from previous:   
Post new topic   This topic is locked: you cannot edit posts or make replies. Goto page: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10  >
Page 1 of 10

All times are GMT + 2 Hours


Jump to:  


Top Forums Xooit