begin process at 2010 03 22 09:31:19
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & Co

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

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


 Information sur la source

Note :
6,5 / 10 - par 4 personnes
6,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Débutant Date de création :11/11/2004 Vu :15 773

Auteur : MadM@tt

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


 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


 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

Commentaires et avis

Commentaire de coucou747 le 11/11/2004 12:25:05

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

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

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

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 :$

Commentaire de coucou747 le 11/11/2004 14:59:55

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

Commentaire de MadM@tt le 11/11/2004 16:57:40

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

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...

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 ?

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

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 ?

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...

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 !

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 ?

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

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
;-))))))))

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 !

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.

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...

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.

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.....

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

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...

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

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.

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...

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...)

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...

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.

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 !

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...

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...

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.

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...

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.

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 ^^ ...

Commentaire de coucou747 le 19/02/2005 12:11:47

j'ai trouvé bien mieux en CSS :

position:fixed;

pas mal non ?

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

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 ;)

Commentaire de isu_san le 05/09/2005 11:20:22

C'etait bien ca, merci

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
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,546 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales