Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

MENU ANIMÉ GLISSANT SUR LE BORD DE L'ÉCRAN


Information sur la source



Description

Cliquez pour voir la capture en taille normale
Salut tous les javascriptiens ! c'est mon premier code ici alors soyez indulgent si c'est mal écrit ou autre, et je suis parti d'un code existant dans un logiciel, je l'ai juste amélioré en amenant des options.
Donc voilà j'espère que ça servira certains.
 

Source

  • <html>
  • <!-- Date de création: 06/11/2004 -->
  • <head>
  • <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  • <title>Menu animé glissant à gauche de l'écran</title>
  • <meta name="author" content="MadMatt">
  • <style>
  • <!--
  • #slidemenubar, #slidemenubar2{
  • position:absolute;
  • left:-155px;
  • width:160px;
  • top:170px;
  • border:1.5px solid green;
  • background-color:#d4d4d4;
  • layer-background-color:lightyellow;
  • font:bold 14px Courrier New;
  • line-height:20px;
  • }
  • -->
  • </style>
  • </head>
  • <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
  • <script language="JavaScript1.2">
  • /*
  • Script Barre de menu coulissante
  • */
  • if (document.all)
  • document.write('<div id="slidemenubar2" style="left:-100" onMouseover="pull()" onMouseout="draw()">');
  • </script>
  • <layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
  • <script language="JavaScript1.2">
  • var sitems=new Array();
  • var sitemlinks=new Array();
  • //ajoutez ou retirez des éléments de cette liste
  • // si on met un "-" pour le texte, alors ça dessine un trait horizontal vert
  • sitems[0]="-";
  • sitemlinks[0]="";
  • // Affiche le texte Menu (centré, mais on peut aussi mettre plein d'autres paramêtres, comme gras...)
  • sitems[1]="<div align='center'>Menu</div>";
  • sitemlinks[1]="";
  • // Ici un item typique avec texte + lien
  • sitems[2]="Accueil";
  • sitemlinks[2]="Index.html";
  • // Ici un item sans lien (non cliquable)
  • sitems[3]="Sans lien";
  • sitemlinks[3]="";
  • // Une séparation
  • sitems[4]="-";
  • sitemlinks[4]="";
  • // Un exemple : pour le lien on peut mettre une adresse mail
  • sitems[5]="Me contacter";
  • sitemlinks[5]="mailto:MadMatt_12@Msn.com";
  • // Puis.... une séparation c'est bien y'en a qui suivent
  • sitems[6]="-";
  • sitemlinks[6]="";
  • // Maintenant on va traiter tout le tableau pour l'afficher
  • for (i=0;i<=sitems.length-1;i++)
  • // Ici ça affiche tous les séparateurs (on peut changer la couleur)
  • if (sitems[i]=="-"){
  • document.write('<hr width="90%" size="1" noshade color="#008000">');
  • }
  • else{
  • // Ici ça affiche les items sans liens
  • if (sitemlinks[i]==""){
  • /* L'espace ' ' (ALT + 0160) est un espace insecable, qui oblige IE à le dessiner,
  • c'est pour éviter d'avoir le texte collé au bord gauche du menu */
  • document.write(' '+sitems[i]);
  • }
  • else{
  • // Ici les items classiques, liens + texte
  • document.write(' <a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>');
  • }
  • }
  • </script>
  • </layer>
  • <script language="JavaScript1.2">
  • function regenerate(){
  • window.location.reload();
  • }
  • function regenerate2(){
  • if (document.layers)
  • setTimeout("window.onresize=regenerate",400);
  • }
  • window.onload=regenerate2;
  • if (document.all){
  • document.write('</div>');
  • themenu=document.all.slidemenubar2.style;
  • rightboundary=0;
  • leftboundary=-100;
  • }
  • else{
  • themenu=document.layers.slidemenubar;
  • rightboundary=100;
  • leftboundary=10;
  • }
  • function pull(){
  • if (window.drawit)
  • clearInterval(drawit);
  • pullit=setInterval("pullengine()",10);
  • }
  • function draw(){
  • clearInterval(pullit);
  • drawit=setInterval("drawengine()",10);
  • }
  • function pullengine(){
  • if (document.all&&themenu.pixelLeft<rightboundary)
  • themenu.pixelLeft+=5;
  • else if(document.layers&&themenu.left<rightboundary)
  • themenu.left+=5;
  • else if (window.pullit)
  • clearInterval(pullit);
  • }
  • function drawengine(){
  • if (document.all&&themenu.pixelLeft>leftboundary)
  • themenu.pixelLeft-=5;
  • else if(document.layers&&themenu.left>leftboundary)
  • themenu.left-=5;
  • else if (window.drawit)
  • clearInterval(drawit);
  • }
  • </script>
  • Le menu est personnalisable par l'intermédiaire d'un tableau :<br>
  • pour chaque item, 2 paramêtres :<br>
  • <dd>- le texte qui si est égal à "-" alors on dessine un séparateur vert horizontal<br>
  • <dd>- le lien qui si est nul alors on ne met pas de lien<br>
  • </body>
  • </html>
<html>
<!-- Date de création: 06/11/2004 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Menu animé glissant à gauche de l'écran</title>
<meta name="author" content="MadMatt">
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:#d4d4d4;
layer-background-color:lightyellow;
font:bold 14px Courrier New;
line-height:20px;
}
-->
</style>

</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">

<script language="JavaScript1.2">
	/*
	Script Barre de menu coulissante
	*/
	if (document.all)
	document.write('<div id="slidemenubar2" style="left:-100" onMouseover="pull()" onMouseout="draw()">');
	</script>
	<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
	<script language="JavaScript1.2">
	var sitems=new Array();
	var sitemlinks=new Array();
	//ajoutez ou retirez des éléments de cette liste
		// si on met un "-" pour le texte, alors ça dessine un trait horizontal vert
		sitems[0]="-";
		sitemlinks[0]="";
		// Affiche le texte Menu (centré, mais on peut aussi mettre plein d'autres paramêtres, comme gras...)
		sitems[1]="<div align='center'>Menu</div>";
		sitemlinks[1]="";
		// Ici un item typique avec texte + lien
		sitems[2]="Accueil";
		sitemlinks[2]="Index.html";
		// Ici un item sans lien (non cliquable)
		sitems[3]="Sans lien";
		sitemlinks[3]="";
		// Une séparation
		sitems[4]="-";
		sitemlinks[4]="";
		// Un exemple : pour le lien on peut mettre une adresse mail
		sitems[5]="Me contacter";
		sitemlinks[5]="mailto:MadMatt_12@Msn.com";
		// Puis.... une séparation c'est bien y'en a qui suivent
		sitems[6]="-";
		sitemlinks[6]="";
	
	// Maintenant on va traiter tout le tableau pour l'afficher
	for (i=0;i<=sitems.length-1;i++)
		// Ici ça affiche tous les séparateurs (on peut changer la couleur)
		if (sitems[i]=="-"){
			document.write('<hr width="90%" size="1" noshade color="#008000">');
		}
		else{
		// Ici ça affiche les items sans liens
		if (sitemlinks[i]==""){
			/* L'espace ' ' (ALT + 0160) est un espace insecable, qui oblige IE à le dessiner,
			c'est pour éviter d'avoir le texte collé au bord gauche du menu */
			document.write(' '+sitems[i]);
		}
		else{
				// Ici les items classiques, liens + texte
				document.write(' <a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>');
			}
		}
	</script>
	</layer>
	<script language="JavaScript1.2">
	function regenerate(){
	window.location.reload();
	}
	function regenerate2(){
	if (document.layers)
	setTimeout("window.onresize=regenerate",400);
	}
	window.onload=regenerate2;
	if (document.all){
	document.write('</div>');
	themenu=document.all.slidemenubar2.style;
	rightboundary=0;
	leftboundary=-100;
	}
	else{
	themenu=document.layers.slidemenubar;
	rightboundary=100;
	leftboundary=10;
	}
	function pull(){
	if (window.drawit)
	clearInterval(drawit);
	pullit=setInterval("pullengine()",10);
	}
	function draw(){
	clearInterval(pullit);
	drawit=setInterval("drawengine()",10);
	}
	function pullengine(){
	if (document.all&&themenu.pixelLeft<rightboundary)
	themenu.pixelLeft+=5;
	else if(document.layers&&themenu.left<rightboundary)
	themenu.left+=5;
	else if (window.pullit)
	clearInterval(pullit);
	}
	function drawengine(){
	if (document.all&&themenu.pixelLeft>leftboundary)
	themenu.pixelLeft-=5;
	else if(document.layers&&themenu.left>leftboundary)
	themenu.left-=5;
	else if (window.drawit)
	clearInterval(drawit);
	}
</script>

	Le menu est personnalisable par l'intermédiaire d'un tableau :<br>
	pour chaque item, 2 paramêtres :<br>
	<dd>- le texte qui si est égal à "-" alors on dessine un séparateur vert horizontal<br>
	<dd>- le lien qui si est nul alors on ne met pas de lien<br>

</body>
</html>

Conclusion

à bientot, ce site me plait, comme vbfrance, je crois que je vais revenir souvent
@ +
MadMatt
 

Commentaires et avis

signaler à un administrateur
Commentaire de coucou747 le 11/11/2004 12:25:05

je ne vois pas grand chose dans ta capture d'écran...

signaler à un administrateur
Commentaire de MadM@tt le 11/11/2004 13:39:40

normal le fond de la page est blanc et faire une capture d'un mouvement c'est pas facile.
Si tu veux directement voir ce menu sans t'embeter, va voir sur mon site je l'utilise :
http://matthieu.napoli.neuf.fr/Index.html

signaler à un administrateur
Commentaire de coucou747 le 11/11/2004 13:45:22

j'en conclue que ce n'est pas compatible mozilla Firefox

surement a cause de ces deux objets qui ne sont pas portables...
document.all&&themenu.pixelLef
document.layers&&themenu.left

utilises document.getbyid("id d'un div").left

signaler à un administrateur
Commentaire de MadM@tt le 11/11/2004 14:15:32

mais comment je récupère l'id d'un div ?
je suis débutant :$

signaler à un administrateur
Commentaire de coucou747 le 11/11/2004 14:59:55

<div id="monid">un tout petit bout de mon menu...</div>

signaler à un administrateur
Commentaire de MadM@tt le 11/11/2004 16:57:40

dsl j'ai essayé mais je n'y arrive pas

signaler à un administrateur
Commentaire de coucou747 le 11/11/2004 17:40:38

eh tu dis ça ça fait combien de tmeps que t'essais ?? faut pas désespérer...
la t'as fait un truc pas portable, alors essai de te ratraper et ne t'avoues pas vaincu, sinon ça servais à rien de poster ça...
Faut toujours avoir envi de progresser...

signaler à un administrateur
Commentaire de MadM@tt le 11/11/2004 18:10:58

je sais bien mais j'ai pas trop le temps de lire des tuto javascript rien que pour quelques lignes de codes, j'ai essayé de plusieurs façon mais ça me mettait une erreur sur la ligne :
document.getbyid("id d'un div").left
(pour l'id je l'ai choisi au hasard, par exemple 10 je ne sais pas si c'est bien)
j'avais mis aussi la ligne :
<div id="monid">un tout petit bout de mon menu...</div>
mais je ne sais pas quoi mettre entre les 2 balises

et quand tu entend pas portable, ça veut dire qu'avec certains explorateur internet y'a des bugs c'est ça ?

signaler à un administrateur
Commentaire de coucou747 le 11/11/2004 18:24:11

<div id="monid">un tout petit bout de mon menu...</div>
<script>
document.getbyid("monid").left=20
</script>

tu devrais voir le phrase a 20 pixels du bord de la page... si ça peut t'aider..

"et quand tu entend pas portable, ça veut dire qu'avec certains explorateur internet y'a des bugs c'est ça ?"=> oui exactement, tout les navigateurs ayant gecko comme base c'ets a dire Mozilla et Moziulla firefox... j'ai mozilla 1.7 et firefox 0.9.3

signaler à un administrateur
Commentaire de leris le 12/11/2004 01:22:39

un script compatible I.E.4 et netscape.4 .

jamais entendu parler de : document.getbyid , c'est nouveau ?

signaler à un administrateur
Commentaire de coucou747 le 12/11/2004 09:03:10

nouveau ?? non c'ets un standar...

t=document.getElementById("MONIDDUDIV").style
t.display='none';

ça par exemple fonctionne...
bon c'était pas tout a fait la bonne synthaxe, mais la c('est sur ça marche partout


sinon, ce qui n'existe pas c'est ce que topit tu as mis dans ton script... pure invention de IE...

signaler à un administrateur
Commentaire de leris le 12/11/2004 11:27:19

pure invention de I.E donc ça n'existe pas !
enleves tes oeilleres !
et arrete de prendre les recommandations du w3c pour la bible universelle ! la liberté n'existe plus ?

qu'est ce qu'on en a à foutre des navigateurs qui respectent les standards et des standards eux-mêmes ? 99% des sites ne les respectent pas !

signaler à un administrateur
Commentaire de coucou747 le 12/11/2004 11:34:52

"et arrete de prendre les recommandations du w3c pour la bible universelle ! la liberté n'existe plus ?"=> la libertée pour construire non, il y a des normes, tout le monde doit avoir accès à tout les sites (enfin du moment qu'il paye son abonement) elle est la la libertée, ne pas avoir a utiliser IE, avoir le choix !!! La libertée doit être coté client et non créateur...

Passer aux normes c'est pas si compliqué alors pourquois s'en priver ???

"99% des sites ne les respectent pas !"=> tu vois ça ou toi ??? Stats officielles ?

signaler à un administrateur
Commentaire de MadM@tt le 12/11/2004 17:30:03

ne vous prenez pas le bec comme ça voyons, après tout si le site n'est pas accessible à tout le monde c'est le problème du créateur car c'est son site à lui qui ne pourra pas etre vu par tout le monde.
C'est un risque à prendre, en tout cas sous webexpert il n'arrive pas à interpreter la commande, peut-etre que je l'ai mal écrit

signaler à un administrateur
Commentaire de trabi11fr le 17/11/2004 15:16:03

Eh bien tu vois coucou747, pour une fois je suis entièrement d'accord avec toi!!!!
De plus ta critique est constructive.
Tu verras qu'on finira par s'entendre tout les deux
;-))))))))

signaler à un administrateur
Commentaire de leris le 17/11/2004 15:45:13

trabi11fr , perdu une occasion de la laisser en veilleuse !

quand on voit le code source de ton site, l'utilisation de tableaux pour la mise en page et de balises dépreciées , on se demande si tu sais vraiment ce que sont les "standards" !
un vrai pro !
mdr !

signaler à un administrateur
Commentaire de trabi11fr le 17/11/2004 16:27:22

De quel site parles-tu?
J'en ai plusieurs (une quinzaine au total) et certains ont déjà "un certain âge"
Je ne peux pas les "refondre" tous en même temps.
J'essaye de suivre au fur et à mesure que les standards évoluent. Et parfois il vaut mieux laisser les choses en l'état tant que ça fonctionne. En ce moment je suis en train de "moderniser" un site qui fait plus de 250 pages!! Si tu veux le faire à ma place.....
Et même quand j'aurais terminé, il y aura toujours quelque chose à y redire. J'en suis parfaitement conscient.

signaler à un administrateur
Commentaire de coucou747 le 17/11/2004 17:07:28

"l'utilisation de tableaux pour la mise en page "=> ça permet d'avoir un meileur référencement...

c'est vrai que souvent je critique bcp de sour ces mais en général, si tu regardes bien, c'est des sources qui sont courtes, donc la personne n'a pas vraiment travaillé sa source... la, même si c'ets pas portable, il y a du travail fait, évidement, comme ce n'est pas portable, il y a du travail à vennir, mais la principale est fait, maintenant il faut porter (dans ce cas, c'est un coup de recherche de fonction équivalente et de copier coller...)

on peut s'entendre, c'est une certitude, je ne gardes jamais de ranceur... et je n'ai aucune raison de te détester... (j'ai regardé qu'un coté des choses car je ne te connais pas...)

si un site n'est pas portable, alros son référencement baisse aussi... enfin voila faut faire gaffe a tout sinon, on est saqué par google...

signaler à un administrateur
Commentaire de cyBerpOmmer le 01/12/2004 21:45:25

Gnial votre priz de tt lé mek!!!
A MadM@tt: Ya un bout de temps j'ai fait un menu comme le tien (ou en tout cas du même esprit). Une version nulle à chier est sur ce site. Si ça t'interresses, en m'écrivant, je peux t'en passer une nouvelle. Ca te donnera peut-être des idées... (Je dis pas que c'est mieux que le tien... c'est juste différent).
Aux autres (les "pros") ... Bonne continuation.. A mon avis le débat n'est pas prêt d'être fini.

signaler à un administrateur
Commentaire de trabi11fr le 02/12/2004 11:25:58

Pour Leris:
C'est toi qui dit "qu'est ce qu'on en a à foutre des navigateurs qui respectent les standards et des standards eux-mêmes ? 99% des sites ne les respectent pas !"!!!
Alors ne vient pas ensuite critiquer les autres.....

signaler à un administrateur
Commentaire de MadM@tt le 02/12/2004 17:44:55

cyBerpOmmer > oui j'aimerais bien voir, donne donc l'adresse pour que tout le monde puisse y aller. ça permettera peut etre de faire des améliorations aussi.
merci

signaler à un administrateur
Commentaire de coucou747 le 02/12/2004 18:29:00

C un peu facile lorsque l'on est critiqué de demander aux autres ce qu'ils savent faire... Regardes plutot ton script, il n'est pas portable, alros cherches à savoir pourquois plutot que de demander ce que font les autres... Des sources si tu cherchais vraiment des exemples, t'en a plein ici...

signaler à un administrateur
Commentaire de MadM@tt le 02/12/2004 21:11:02

coucou747 > est ce que tu pourrais arreter de poster des commentaires sur ce code merci, tu fais vraiment chier. Si cyBerpOmmer a posté ce commentaire, c'est pour me proposer quelque chose sympatiquement (contrairement à toi qui raconte des conneries qui servent à rien, tu n'a meme pas compris nos messages).
Alors je n'ai pas du tout envie de t'expliquer ce qu'est un échange de conseils entre programmeurs sur un site qui y est dédié, si tu ne comprend pas ça sert à rien que tu reste. cyBerpOmmer m'a proposé sa source pour avoir une autre vision d'un meme menu, j'ai accepté et tu n'a rien à foutre la dedans.

Tu devrais d'abord essayer de comprendre à quoi sert ce site, je crois que tu confond "concours" et "partage". Par exemple tu m'a fait chier avec mon code qui n'est pas portable, mais tu ne ma meme pas PROPOSE DE SOLUTION !

Alors mon code n'est pas portable, OK ! Et j'en suis très content, bonne nuit coucou747

@ +
MadMatt

PS : pour ceux qui veulent poster des commentaires dignes de Codes Sources.com je vous y invite et je vous remercie, les autres passez votre chemin
PS 2 : Et merci cyBerpOmmer pour ta proposition

signaler à un administrateur
Commentaire de leris le 02/12/2004 21:28:57

"code portable" tu n'as que ça à dire dans tous tes messages .
et si tu nous expliquais ce que ça veut dire ?
et comment rendre un code "portable" ?

L.

signaler à un administrateur
Commentaire de coucou747 le 02/12/2004 21:37:10

D'une part, je ne suis pas con au point de penser que ceci est un consours, je participe bcp à la partie forum...

Ce pourquois j'ai posté ce commentaire qui aparement t'a énervé, c'est simplement que la solution qui pourait t-être apportée ne servirais qu'a toi, elle devait donc être mise en message perso...

De plus, ton code serait resté mauvais, tu aurais modifié ton site snas mettre à jours ce code... Ainsi, je t'ai coupé pour vous insiter a continuer cete convers en privé... et t'insiter a continuer tes recherches... C'est toi qui n'avais pas compris...

Si tu veux vraiment un menu portable, cherches dans mes source, mon dèrnier menu est portable, et déroulant sur cinq sous menus... Il existe aussi en version php/pseudoframes mais je ne l'ai pas posté, si ça t'interesse... Pe que son menu correspond mieux, je n'en sais rien, rien ne t'empèches de ocntinuer cette convers en privé...

comme tu l'as dit toi même, ici c'est un site d'entre aide, alors ça sert à rien de virer des gens qui n'ont insulté personne... Ca sert a rien de se taper dessus...

En gros, depuis que je fréquente ce forum, je n'ai insulté personne, j'ai aporté toutes les solutions que je trouvais, dsl si je n'ai pas eu le temps de porter ton programme sous Mozilla, mais j'avais autre chose a faire (projet en cours : jeu d'échec réseau en php...) j'ai aussi dit que ce forum était consacré au javascript et non à l'activeX lorsque certains ne l'aviaent pas compris... C'est vrai que je n'aprécie pas d'être obligé de payer pour voir vos sites web (la je parles a tt ceux qui font des sites pas portables), j'utilises linux depuix un an, et j'en suis comblé... pour moi le problème ne vient pas du fait que Mozilla ne gère pas l'activeX ou les extentions de la norme de IE, pour moi le problème vient de la programmation des sites, et j'aimerais que cela change.... Je n'ai toujours pas compris pourquois on devrait payer un windows ou être dans l'illégalité pour avoir un service moindre, plus de risques, et juste un web un tout petit plus joli (et encore pas toujours...)... Je n'ai insulté personne, et ici, on a commencé par me dire que ma bible était la norme JS "et arrete de prendre les recommandations du w3c pour la bible universelle ! l"  je faisce que je veux, et si tout les navigateurs et programmeurs respectaient cette norme (voir les normes) nous ne serions pas a nous faire chier a toujours tout porter...

Je veux bien t'aider, mais je ne te promets rien, la j'ai pas bcp de temps, et j'ai jamais tenté de faire ça...

signaler à un administrateur
Commentaire de coucou747 le 02/12/2004 21:47:25

Un code portable est un code respèctant la norme...
C'est donc un code censé fonctionner sur tout navigateur respectant la norme...

Le plus simple pour rendre un code portable est de créer ce code portable ^^... Le plus simple pour créer un code portable c'est de le créer avec un éditeur de texte et de le tester sous Mozilla...

En général, il suffit de modifier quelques fonctions... Ici ça a l'air plus compliqué... (enfin la je viens de le faire tourner sous Konqueror, je ne penses pas qu'il foncionne sous Mozilla, j'ai laisé bcp de codes non portables...)

signaler à un administrateur
Commentaire de BruNews le 02/12/2004 21:59:51 administrateur CS

Salut,

faudrait voir a rester un tant soit peu courtois dans les echanges, je n'ai aucune disposition pour me complaire dans le role de gendarme alors ne m'obligez pas a le devenir, svp.

La liberte de coder et de proposer un code est de mise sur CS, quel que soit le systeme cible, navigateur etc... Chacun fait ce qu'il veut du moment que son code est valide et qu'il n'entre pas dans la categ des cracks et autres conneries de ce genre. J'entends donc qu'on respecte ce point. La liberte de proposer un code va de pair avec le fait qu'on ne doit pas se faire harceler parce qu'on le publie.

En esperant avoir ete bien compris.
ciao...

signaler à un administrateur
Commentaire de coucou747 le 03/12/2004 20:09:27

J'ai ton code porté (alors ne dit plus que je ne cherches pas a aider les autres...) Tu vois j'ai mis très peu de temps pour le porter, alors ce n'était pas si compliqué...

Brunews, tout ce que tu veux, IE ne fait que 70% (et encore je compte large...) des navigateurs... alors pour avoir un site bien référencé, déja il faut respecter les normes html, (google ne comprends pas encore le javascript) mais si on ne fait pas un site portable, il y a 30% des internautes qui n'iront qu'une seule fois sur le site... Pour une grosse apli compliqué, je comprends que ce soit chiant de faire du portable, mais pour une apication javascript, on peut le faire alors pourquois s'en priver ?

Enfin c'est quand même con de priver ses internautes... On ne peut pas dire qu'il s'est acharné a suivre mes conseils...

Si t'as un site pas portable, tu perds 30% des internautes car : ils partiront plus vite, et ils ne reviendront pas...

<html>
<!-- Date de création: 06/11/2004 Portage terminé le 03/12/2004 par coucou747@hotmail.com-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Menu animé glissant à gauche de l'écran</title>
<meta name="author" content="MadMatt">
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:#d4d4d4;
layer-background-color:lightyellow;
font:bold 14px Courrier New;
line-height:20px;
}
-->
</style>

</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">

<div id="slidemenubar" style="left:-100" onMouseover="sens=1;if (finit==1){pull_draw();}" onMouseout="sens=-1;if (finit==1){pull_draw();}">
<script language="JavaScript1.2">
var sitems=new Array(7);
var sitemlinks=new Array(7);
sitems[0]="-";
sitemlinks[0]="";
sitems[1]="<center>Menu</center>";
sitemlinks[1]="";
sitems[2]="Accueil";
sitemlinks[2]="Index.html";
sitems[3]="site du porteur";
sitemlinks[3]="http://coucou747.hopto.org";
sitems[4]="-";
sitemlinks[4]="";
sitems[5]="Me contacter";
sitemlinks[5]="mailto:MadMatt_12@Msn.com";
sitems[6]="contacter le porteur";
sitemlinks[6]="mailto:coucou747@hotmail.com";
for (i=0;i<=sitems.length-1;i++)
if (sitems[i]=="-"){
document.write('<hr>');
}else{
if (sitemlinks[i]==""){
document.write(' '+sitems[i]);
}
else{
// Ici les items classiques, liens + texte
document.write(' <a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>');
}
}
document.write('</div>');


themenu=document.getElementById('slidemenubar').style;
rightboundary=0;
leftboundary=-100;
xmenu=-100;
finit=1;
sens=1;
function pull_draw(){
finit=0;
themenu.left=xmenu;
if (sens==1){
xmenu++;
if (xmenu<rightboundary){
setTimeout("pull_draw()",10);
}else{
finit=1;
}
}else{
xmenu--;
if (xmenu>leftboundary){
setTimeout("pull_draw()",10);
}else{
finit=1;
}
}
}
</script>

Le menu est personnalisable par l'intermédiaire d'un tableau :<br>
pour chaque item, 2 paramêtres :<br>
<dd>- le texte qui si est égal à "-" alors on dessine un séparateur vert horizontal<br>
<dd>- le lien qui si est nul alors on ne met pas de lien<br>

</body>
</html>


J'ai viré les commentaires pour raison de meilleur comprehention de ton code.

signaler à un administrateur
Commentaire de leris le 03/12/2004 21:09:43

>>"IE ne fait que 70% (et encore je compte large...)"

c'est absolument faux!

I.E fait toujours + de 93% !
il ne faut pas se fier aux stats de w3schools car ce sont des populations "tecchies" en informatique et ça ne represente pas une vue globale.

si tu veux des vraies stats va ici :

http://www.estat.com/content/fr/presse/20041028/panorama_septembre_2004.pdf

http://solutions.journaldunet.com/dossiers/chiffres/navigateurs.shtml

à tel point que les dernieres versions de mozilla/firefox acceptent les "propriétaires" microsoft (document.all entre autre) pour pouvoir afficher les sites conçus pour I.E !

signaler à un administrateur
Commentaire de coucou747 le 03/12/2004 21:15:32

Mozilla accèpte document.all ??????
J'ai Mozilla 1.7... Et konqueror 3.2.3...
et Mozilla firefox 0.93...

Seul mon Mozilla est dépassé et ce script n'était accèpté par aucun des trois... (la dèrnièère version de Mozilla est la 1.7.3... et elle est vraiment récente, la mienne est sortie il y a un mois....)

Sinon, j'ai moi aussi 70% sur mon site...

signaler à un administrateur
Commentaire de BruNews le 03/12/2004 21:24:02 administrateur CS

coucou747> ben evidemment avec les mots 'magiques' qu'il y a sur la page d'entree de ton site, me semble meme tres peu 30% autre que IE.
linux, php, Mozilla 1.7, Konqueror 3.2.3, Mozilla firefox, etc...

signaler à un administrateur
Commentaire de leris le 03/12/2004 21:30:41

je parle de scripts "basiques" , bien sûr, le pixelLeft du script n'est pas reconnu par firefox.1.0 (event non plus, mais document.body.scrollTop ou document.body.clientWidth par exemple , oui. )

L.

signaler à un administrateur
Commentaire de coucou747 le 03/12/2004 21:31:18

Exact, on est passé au dessus de 70% de mie... je penssais que l'on avait encore 2% de marge... la on est à 70.78% environ de MSIE...
C'est vrai que mes chiffres sont peut¯etres faux, mon site n'a pas reçu assez de visites pour que l'on puisse estimer ces chiffres exacts...

signaler à un administrateur
Commentaire de leris le 03/12/2004 21:38:34

>>"Sinon, j'ai moi aussi 70% sur mon site..."

normal, vu que tes menus ne s'affichent pas sous I.E, les internautes qui ont ce navigateur ne reviennent pas.

signaler à un administrateur
Commentaire de coucou747 le 03/12/2004 21:59:12

je sais que mon menu déborde et de déplace vers le bas parfois je débute en pseudo frames... Mélanger php + js, j'arrives en général, masi pour un truc d'autant de pages... J'aurais du m'occuper de mon site plus tot... Y ajouter du php plus tot...

Je sias que mes stats ne sont pas fiables, mais je les ai retrouvé un peu partout... le seul endroit au j'ai vu qqch du même ordre de grandeur que ce que toi tu disais, c'était dans un bookin pro microsoft (ou ils sont allés jusqu'a dire que linux n'était pas stable et qu'il ne pouvait pas aporter les mêmes fonctionalitées qu'un windows...) Donc, j'en ai conclue que ce bookin n'était pas digne de confiance ^^ ...

signaler à un administrateur
Commentaire de coucou747 le 19/02/2005 12:11:47

j'ai trouvé bien mieux en CSS :

position:fixed;

pas mal non ?

signaler à un administrateur
Commentaire de isu_san le 01/09/2005 17:04:52

Bonjour à tous........ bon si on revenait au script, je suis debutant et j'ai pas trouvé tout seul. Est ce que la vitesse d'ouverture et de fermeture du menu est parametrable ? merci

signaler à un administrateur
Commentaire de MadM@tt le 02/09/2005 19:50:13

De tete je saurais pas te dire précisément.
Essaye de remplacer les "5" dans les 2 dernières fonctions, essaye de trifouiller lol tu tombera bien dessus ;)

signaler à un administrateur
Commentaire de isu_san le 05/09/2005 11:20:22

C'etait bien ca, merci

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Octobre 2008
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,312 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.