Menu javascript particulier.

PiaFlalCoOl · 26 Juin 2005

Je voulais savoir si certains d'entre vous savais comment faire ou se procurer un script qui donne un menu comme sur le site de world of warcraft.

null · 26 Juin 2005

Tu veux parler du menu ?

Tu peux très facilement le réaliser toi-même. Tu fais ton menu et du fais à chaque fois un calque à côté avec les liens qu'il te faut dedans et tu mets le calque en "caché". Ensuite, tu fais "onMouseOver" sur le lien, ça affiche le menu, et "onMouseOut" ça le cache (bien sûr si la souris est sur le calque, tu ne le caches pas).

Voilà (tu as accès à la source javascript si tu veux)

CiDoUm · 26 Juin 2005

jen ai déjà vu des ressemblants sur www.editeurjavascript.com

PiaFlalCoOl · 26 Juin 2005

null a dit:
Tu veux parler du menu ?

Tu peux très facilement le réaliser toi-même. Tu fais ton menu et du fais à chaque fois un calque à côté avec les liens qu'il te faut dedans et tu mets le calque en "caché". Ensuite, tu fais "onMouseOver" sur le lien, ça affiche le menu, et "onMouseOut" ça le cache (bien sûr si la souris est sur le calque, tu ne le caches pas).

Voilà (tu as accès à la source javascript si tu veux)

heu, je vois pas trop ce que tu veux dire par "un calque [...]avec les liens qu'il te faut dedans". Comment je peux faire une image avec des liens... T'aurais pas juste un exemple de code. Je vois pas trop ce que je dois mettre apres le onMouseOver.

thx de la rep.

PiaFlalCoOl · 26 Juin 2005

CiDoUm a dit:
jen ai déjà vu des ressemblants sur www.editeurjavascript.com

j'ai regardé, mais aucun avec des images.

Noir · 26 Juin 2005

Le javascript, si t'en a jamais fait et si tu ne connais pas le fonctionnement de ce script, t'auras du mal à l'utiliser.

Même en faisant un copier/coller il faut savoir a quoi correspond tel ou tel fonctionnement.

La solution du "onmouse" est bonne, si vraiment tu n'y connais rien dans se cas la, tu fais comme la plupart le font, avec Image Ready (qui est très facile d'utilisation) et tu fais un menu qui apparait lorsqu'on vient se positionner dessus.

Ca prend bcp plus de poid et c'est assez lourd mais je ne vois pas quelqu'un t'expliquer le fonctionnement du javascript (moi même y compris car ça prendrait bcp de temps).

A moins d'avoir un tout fait ou on te dis ou le coller et qu'il n'y a RIEN a changer, alors la ok si pas, passe ton chemin.

a+

PiaFlalCoOl · 26 Juin 2005

1) j'ai regardé le script de blizzard, et il m'a l'air comprehensible, mais c'est vrai que ce sera chaud à réutiliser quand même.

2) J'ai un problème avec l'autre méthode : même avec Image ready, je sais pas comment faire apparaitre un menu qui décale les autres. Je ne sais même pas comment faire apparaitre une image avec des liens dessus. J'ai pas vraiment compris votre méthode... quelques explications plzz

.

thx

HaYa_BuSa · 29 Juin 2005

apprends par le commencement !! C'est comme si tu voudrais faire du pain sans connaître la recette...

Puis comme le dis Noir, si tu n'a aucune connaissance en la matière tu auras beaucoup de mal de modifier le script et savoir quelle fonction fait quoi !

Beaucoup de site pour débutant existe pour apprendre la programmation, mais attention ça reste un métier et à moins d'être très doué, le javascript reste compliqué à apprendre seul...enfin la programmation en général.

sebge2 · 3 Juil 2005

http://www.ccim.be/ccim328/trucs/ un site génial

Douby · 3 Juil 2005

Voila le mien d'un de mes sites... Il faut mettre une image d'arriere plan aux tableaux, il y a moyen... Le seul problème c'est qu'il est horizontal... Je c pas si il y a moyen de le retransformer pour avoir une vertical..

Code:

      &lt;SCRIPT LANGUAGE="JavaScript">
bgcolor='#D0D0D0';
bgcolor2='#dfdfdf';
document.write('&lt;style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute;  z-index:10;}')
document.write('A:hover.polmenu {color:#000000; font-size: 9pt; text-decoration:none; font-family:Verdana;}')
document.write('A.polmenu {color:#000000; font-size:9pt; text-decoration:none; font-family:Verdana;}')
document.write('&lt;/style>')
document.write('&lt;div style="position:relative;height:24">&lt;DIV class=popper id=topdeck>&lt;/DIV>');

zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[1][0] = '&lt;A HREF="admin.html" CLASS=polmenu>Statistiques&lt;/A>';
zlien[1][1] = '&lt;A HREF="admin_parainage.html" CLASS=polmenu>Parrainage&lt;/A>';
zlien[1][2] = '&lt;A HREF="admin_visio.html" CLASS=polmenu>Autosurf&lt;/A>';
zlien[1][3] = '&lt;A HREF="admclic.html" CLASS=polmenu>Cliques rémunérés&lt;/A>';
zlien[1][4] = '&lt;A HREF="service.html" CLASS=polmenu>Services webmaster&lt;/A>';
zlien[1][5] = '&lt;A HREF="regie.html" CLASS=polmenu>Régie pub&lt;/A>';
zlien[2] = new Array;
zlien[3] = new Array;
zlien[3][0] = '&lt;A HREF="http://www.rentabilisite.com/voir.php?login=" CLASS=polmenu>Visioneuse&lt;/A>';
zlien[3][1] = '&lt;A HREF="clic.html" CLASS=polmenu>Cliques rémunérés&lt;/A>';
zlien[3][2] = '&lt;A HREF="achat.html" CLASS=polmenu>Achat de credits&lt;/A>';
zlien[3][3] = '&lt;A HREF="npart2.html" CLASS=polmenu>Achat de cliques&lt;/A>';
zlien[6] = new Array;
zlien[6][0] = '&lt;A HREF="contact.html" CLASS=polmenu>Formulaire&lt;/A>';
zlien[6][1] = '&lt;A HREF="forum.html" CLASS=polmenu>Forum&lt;/A>';

var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = 24;

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = pos;
var content ="&lt;TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=138 bordercolor=#FFBD0A>&lt;TR>&lt;TD>&lt;TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass &lt; msg.length)
	{
	content += "&lt;TR>&lt;TD HEIGHT=18 BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\">&amp;nbsp;&amp;nbsp;"+msg[pass]+"&lt;/TD>&lt;/TR>";
	pass++;
	}
content += "&lt;/TABLE>&lt;/TD>&lt;/TR>&lt;/TABLE>";
if (nava)
  {
    skn.document.write(content);
	  skn.document.close();
	  skn.visibility = "visible";
  }
if (msg==''||msg[0]=='')content='';
    else if (dom)
  {
	  document.getElementById("topdeck").innerHTML = content;
	  skn.visibility = "visible";
  }
    else if (iex)
  {
	  document.all("topdeck").innerHTML = content;
	  skn.visibility = "visible";
  }
}
function kill()
{
	skn.visibility = "hidden";
}
document.onclick = kill;
document.write('&lt;DIV ID=topgauche>&lt;TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=510 HEIGHT=24>&lt;TR>&lt;TD>');
document.write('&lt;TABLE border="1" bordercolor="#FFBD0A" cellpadding="0" cellspacing="0" WIDTH=510 HEIGHT=24 style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium; border-collapse:collapse; border-left-width:0; border-right-width:0" bgcolor="#D0D0D0">&lt;TR>');

document.write('&lt;TD WIDTH=100 border=1 style="border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\'" onMouseOut="this.style.background=\''+bgcolor+'\'">&lt;FONT SIZE=2 style="color: #000000">&lt;center>&lt;A HREF="loge.html" CLASS=polmenu>Accueil&lt;/A>&lt;/center>&lt;/FONT>&lt;/a>&lt;/TD>');
document.write('&lt;TD WIDTH=100 border=1 style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],69)" onMouseOut="this.style.background=\''+bgcolor+'\'">&lt;A onClick="return(false)" onMouseOver="pop(zlien[1],56)" href=# CLASS=polmenu>&lt;FONT SIZE=2 style="color: #000000">&lt;center>Administration&lt;/center>&lt;/FONT>&lt;/a>&lt;/TD>');
document.write('&lt;TD WIDTH=100 border=1 style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\'" onMouseOut="this.style.background=\''+bgcolor+'\'">&lt;FONT SIZE=2 style="color: #000000">&lt;center>&lt;A HREF="perso.html" CLASS=polmenu>Vos Données&lt;/A>&lt;/center>&lt;/FONT>&lt;/a>&lt;/TD>');
document.write('&lt;TD WIDTH=150 border=1 style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],295)" onMouseOut="this.style.background=\''+bgcolor+'\'">&lt;A onClick="return(false)" onMouseOver="pop(zlien[3],241)" href=# CLASS=polmenu>&lt;FONT SIZE=2 style="color: #000000">&lt;center>Gagner des credits&lt;/center>&lt;/FONT>&lt;/a>&lt;/TD>');
document.write('&lt;TD WIDTH=100 border=1 style="border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[6],440)" onMouseOut="this.style.background=\''+bgcolor+'\'">&lt;A onClick="return(false)" onMouseOver="pop(zlien[6],452)" href=# CLASS=polmenu>&lt;FONT SIZE=2style="color: #000000">&lt;center>Contact&lt;/center>&lt;/FONT>&lt;/a>&lt;/TD>');
document.write('&lt;/TR>&lt;/TABLE>&lt;/TD>&lt;/TR>&lt;/table>&lt;/DIV>&lt;/div>');
      
      &lt;/script>

Voilaaaa

Edit: Skuzez pour le layout

PiaFlalCoOl · 3 Juil 2005

HaYa_BuSa a dit:
apprends par le commencement !! C'est comme si tu voudrais faire du pain sans connaître la recette...

Puis comme le dis Noir, si tu n'a aucune connaissance en la matière tu auras beaucoup de mal de modifier le script et savoir quelle fonction fait quoi !

Beaucoup de site pour débutant existe pour apprendre la programmation, mais attention ça reste un métier et à moins d'être très doué, le javascript reste compliqué à apprendre seul...enfin la programmation en général.

Je voulais pas programmer en javascript lol, je voulais que vous me donniez un script tout fait qui permettais de faire ce que je recherchais en le modifiant légèrement.

Ensuite, ils m'ont donnés une autre méthode qui me semblait plus accessible vuque je maitrise pas trop mal totoshop et ImageReady, mais je n'avais pas compris leurs explications.

Menu javascript particulier.

PiaFlalCoOl

NiuAge

null

ose();

CiDoUm

ringtwice.be

PiaFlalCoOl

NiuAge

PiaFlalCoOl

NiuAge

Noir

Never forget who i am !

PiaFlalCoOl

NiuAge

HaYa_BuSa

ex membre

sebge2

Elite

Douby

Elite

PiaFlalCoOl

NiuAge

Autres sujets récents