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 DE CRASHTEST*


Information sur la source

Catégorie :Menu & Co Niveau : Débutant Date de création : 10/02/2005 Date de mise à jour : 10/02/2005 21:43:21 Vu / téléchargé: 3 521 / 392

Note :
Aucune note

Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note

Description

Bonjour hier soir je ne savais pas quoi faire alors je me suis amusé à faire un petit menu. si vous avez des suggestion a faire sur mon petit menu dite le moi. Je vérais si je modifirais mon code.
 

Source

  • Fichier texte qui se nomme "Menu crashtest.txt".
  • //Le menu se déplace oui=1 non=0.
  • var crashtest = "1";
  • //Le titre dans la barre d'état.
  • var titrebar = "*Menu de crashtest*";
  • //Le titre du menu.
  • var titre = "*Menu de crashtest*";
  • //Taille du titre.
  • var taille = "3";
  • //Couleur du titre
  • var Ctitre = "#F70404";
  • //Couleur de fond du titre.
  • var CtitreF = "#000000";
  • //Epaisseur de la bordure.
  • var titreB = "0";
  • //Couleur de la bordure.
  • var CtitreB = "#000000";
  • //Position du menu (horizontale;verticale).
  • var Aleft = "10";
  • var Atop = "20";
  • //Couleur des liens.
  • var Clien = "#dcdcdc";
  • //Couleur de fond pour les liens.
  • var CbgL = "#7E7E80";
  • //Taille de la case du Lien.
  • var long = "175";
  • //Couleur de la bordure.
  • var Cborder = "#000000";
  • //Epaisseur de la bordure.
  • var border = "1";
  • //URL du lien1.
  • var url1 = "votre_page.html";
  • //Nom du lien1.
  • var nom1 = "URL1";
  • //cacher ou non le bouton de URL1 (par default il est visible, pour le cacher remplace "visible" par "hidden").
  • var visible1 = "visible";
  • //URL du lien2.
  • var url2 = "votre_page.html";
  • //Nom du lien2.
  • var nom2 = "URL2";
  • //cacher ou non le bouton de URL2 (par default il est visible, pour le cacher remplace "visible" par "hidden").
  • var visible2 = "visible";
  • //URL du lien3.
  • var url3 = "votre_page.html";
  • //Nom du lien3.
  • var nom3 = "URL3";
  • //cacher ou non le bouton de URL3 (par default il est visible, pour le cacher remplace "visible" par "hidden").
  • var visible3 = "visible";
  • //URL du lien4.
  • var url4 = "votre_page.html";
  • //Nom du lien4.
  • var nom4 = "URL4";
  • //cacher ou non le bouton de URL4 (par default il est visible, pour le cacher remplace "visible" par "hidden").
  • var visible4 = "visible";
  • //URL du lien5.
  • var url5 = "votre_page.html";
  • //Nom du lien5.
  • var nom5 = "URL5";
  • //cacher ou non le bouton de URL5 (par default il est visible, pour le cacher remplace "visible" par "hidden").
  • var visible5 = "visible";
  • //URL du lien6.
  • var url6 = "votre_page.html";
  • //Nom du lien6.
  • var nom6 = "URL6";
  • //cacher ou non le bouton de URL6 (par default il est visible, pour le cacher remplace "visible" par "hidden").
  • var visible6 = "visible";
  • ----------------------------------------------------------------------------------------------------------------------
  • Fichier javascript qui se nomme "Menu crashtest.js".
  • document.write('<title>'+titrebar+'</title>');
  • document.write('<body onload="toto'+crashtest+'()">');
  • document.write('<div id="1" style="position:absolute;left:'+Aleft+';top:'+Atop+';"><div align="center" style="background-color:'+CtitreF+';width:'+long+';border:'+titreB+'px simple '+CtitreB+';"><font size="'+taille+'" color="'+Ctitre+'"><b>'+titre+'</b></font></div><div align="center" style="visibility:'+visible1+';" width="'+long+'"><input type="button" onclick="document.location=\''+url1+'\'" value="'+nom1+'" style="color:'+Clien+';width:'+long+';background-color:'+CbgL+';border:'+border+'px simple '+Cborder+'"></div><div align="center" style="visibility:'+visible2+';" width="'+long+'"><input type="button" onclick="document.location=\''+url2+'\'" value="'+nom2+'" style="color:'+Clien+';width:'+long+';background-color:'+CbgL+';border:'+border+'px simple '+Cborder+'"></div><div align="center" style="visibility:'+visible3+';" width="'+long+'">');
  • document.write('<input type="button" onclick="document.location=\''+url3+'\'" value="'+nom3+'" style="color:'+Clien+';width:'+long+';background-color:'+CbgL+';border:'+border+'px simple '+Cborder+'"></div><div align="center" style="visibility:'+visible4+';" width="'+long+'"><input type="button" onclick="document.location=\''+url4+'\'" value="'+nom4+'" style="color:'+Clien+';width:'+long+';background-color:'+CbgL+';border:'+border+'px simple '+Cborder+'"></div><div align="center" style="visibility:'+visible5+';" width="'+long+'"><input type="button" onclick="document.location=\''+url5+'\'" value="'+nom5+'" style="color:'+Clien+';width:'+long+';background-color:'+CbgL+';border:'+border+'px simple '+Cborder+'"></div><div align="center" style="visibility:'+visible6+';" width="'+long+'"><input type="button" onclick="document.location=\''+url6+'\'" value="'+nom6+'" style="color:'+Clien+';width:'+long+';background-color:'+CbgL+';border:'+border+'px simple '+Cborder+'"></div></div>');
  • function toto1(){
  • <!-- Menu Crashtest déplacement Début
  • N = (document.all) ? 0 : 1;
  • var ob;
  • function MD(e) {
  • if (N) {
  • ob = document.layers[e.target.name];
  • X=e.x;
  • Y=e.y;
  • return false;
  • }
  • else {
  • ob = event.srcElement.parentElement.style;
  • X=event.offsetX;
  • Y=event.offsetY;
  • }
  • }
  • function MM(e) {
  • if (ob) {
  • if (N) {
  • ob.moveTo((e.pageX-X), (e.pageY-Y));
  • }
  • else {
  • ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
  • ob.pixelTop = event.clientY-Y + document.body.scrollTop;
  • return false;
  • }
  • }
  • }
  • function MU() {
  • ob = null;
  • }
  • if (N) {
  • document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
  • }
  • document.onmousedown = MD;
  • document.onmousemove = MM;
  • document.onmouseup = MU;
  • // Fin-->
  • }
  • function toto0(){}
  • ----------------------------------------------------------------------------------------------------------------------
  • Fichier html qui se nomme "Menu crashtest.html".
  • <script src="Menu crashtest.txt" type="text/javascript" language="javascript"></script>
  • <script src="Menu crashtest.js" type="text/javascript" language="javascript"></script>
Fichier texte qui se nomme "Menu crashtest.txt".

//Le menu se déplace oui=1 non=0.
var crashtest = "1"; 
//Le titre dans la barre d'état.
var titrebar = "*Menu de crashtest*";
//Le titre du menu.
var titre = "*Menu de crashtest*";
//Taille du titre.
var taille = "3";
//Couleur du titre
var Ctitre = "#F70404"; 
//Couleur de fond du titre.
var CtitreF = "#000000";
//Epaisseur de la bordure.
var titreB = "0";
//Couleur de la bordure.
var CtitreB = "#000000";
//Position du menu (horizontale;verticale).
var Aleft = "10";
var Atop = "20";
//Couleur des liens.
var Clien = "#dcdcdc";
//Couleur de fond pour les liens.
var CbgL = "#7E7E80";
//Taille de la case du Lien.
var long = "175";
//Couleur de la bordure.
var Cborder = "#000000";
//Epaisseur de la bordure.
var border = "1";
//URL du lien1.
var url1 = "votre_page.html";
//Nom du lien1.
var nom1 = "URL1";
//cacher ou non le bouton de URL1 (par default il est visible, pour le cacher remplace "visible" par "hidden").
var visible1 = "visible";
//URL du lien2.
var url2 = "votre_page.html";
//Nom du lien2.
var nom2 = "URL2";
//cacher ou non le bouton de URL2 (par default il est visible, pour le cacher remplace "visible" par "hidden").
var visible2 = "visible";
//URL du lien3.
var url3 = "votre_page.html";
//Nom du lien3.
var nom3 = "URL3";
//cacher ou non le bouton de URL3 (par default il est visible, pour le cacher remplace "visible" par "hidden").
var visible3 = "visible";
//URL du lien4.
var url4 = "votre_page.html";
//Nom du lien4.
var nom4 = "URL4";
//cacher ou non le bouton de URL4 (par default il est visible, pour le cacher remplace "visible" par "hidden").
var visible4 = "visible";
//URL du lien5.
var url5 = "votre_page.html";
//Nom du lien5.
var nom5 = "URL5";
//cacher ou non le bouton de URL5 (par default il est visible, pour le cacher remplace "visible" par "hidden").
var visible5 = "visible";
//URL du lien6.
var url6 = "votre_page.html";
//Nom du lien6.
var nom6 = "URL6";
//cacher ou non le bouton de URL6 (par default il est visible, pour le cacher remplace "visible" par "hidden").
var visible6 = "visible";

----------------------------------------------------------------------------------------------------------------------
Fichier javascript qui se nomme "Menu crashtest.js".

document.write('<title>'+titrebar+'</title>');
document.write('<body onload="toto'+crashtest+'()">');
document.write('<div   id="1"  style="position:absolute;left:'+Aleft+';top:'+Atop+';"><div align="center" style="background-color:'+CtitreF+';width:'+long+';border:'+titreB+'px simple '+CtitreB+';"><font size="'+taille+'" color="'+Ctitre+'"><b>'+titre+'</b></font></div><div align="center" style="visibility:'+visible1+';" width="'+long+'"><input type="button" onclick="document.location=\''+url1+'\'" value="'+nom1+'" style="color:'+Clien+';width:'+long+';background-color:'+CbgL+';border:'+border+'px simple '+Cborder+'"></div><div align="center" style="visibility:'+visible2+';" width="'+long+'"><input type="button" onclick="document.location=\''+url2+'\'" value="'+nom2+'" style="color:'+Clien+';width:'+long+';background-color:'+CbgL+';border:'+border+'px simple '+Cborder+'"></div><div align="center" style="visibility:'+visible3+';" width="'+long+'">');
document.write('<input type="button" onclick="document.location=\''+url3+'\'" value="'+nom3+'" style="color:'+Clien+';width:'+long+';background-color:'+CbgL+';border:'+border+'px simple '+Cborder+'"></div><div align="center" style="visibility:'+visible4+';" width="'+long+'"><input type="button" onclick="document.location=\''+url4+'\'" value="'+nom4+'" style="color:'+Clien+';width:'+long+';background-color:'+CbgL+';border:'+border+'px simple '+Cborder+'"></div><div align="center" style="visibility:'+visible5+';" width="'+long+'"><input type="button" onclick="document.location=\''+url5+'\'" value="'+nom5+'" style="color:'+Clien+';width:'+long+';background-color:'+CbgL+';border:'+border+'px simple '+Cborder+'"></div><div align="center" style="visibility:'+visible6+';" width="'+long+'"><input type="button" onclick="document.location=\''+url6+'\'" value="'+nom6+'" style="color:'+Clien+';width:'+long+';background-color:'+CbgL+';border:'+border+'px simple '+Cborder+'"></div></div>');


function toto1(){
<!-- Menu Crashtest déplacement Début
N = (document.all) ? 0 : 1;
var ob;
function MD(e) {
if (N) {
ob = document.layers[e.target.name];
X=e.x;
Y=e.y;
return false;
}
else {
ob = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
   }
}
function MM(e) {
if (ob) {
if (N) {
ob.moveTo((e.pageX-X), (e.pageY-Y));
}
else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
      }
   }
}
function MU() {
ob = null;
}

if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
//  Fin-->
}
function toto0(){}

----------------------------------------------------------------------------------------------------------------------
Fichier html qui se nomme "Menu crashtest.html".

<script src="Menu crashtest.txt" type="text/javascript" language="javascript"></script>
<script src="Menu crashtest.js" type="text/javascript" language="javascript"></script>

Conclusion

Vous pouvez déplacer le menu en clickant sur le fond noir du titre du menu.
Voila alors c'est simple pour tout modification à faire sur se code aller voir le fichier txt et changé les valeurs qui sont entre "".
Je c'est pas si sa vas vous aidez mais moi je me suis bien amusé.
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

10 février 2005 21:43:22 :
Vous pouvez déplacer le menu en clickant sur le fond noir du titre du menu.

Commentaires et avis

signaler à un administrateur
Commentaire de algori le 12/02/2005 21:03:11

Le menu apparait mais une erreur est générée à chaque sous menu :
Erreur : Accès Refusé.
@++

signaler à un administrateur
Commentaire de crashtest le 13/02/2005 13:08:23

Bonjour je ne comprends pas se que tu apelles sous menu car c'est un simple menu avec 6 boutons, quand tu clicks sur un bouton il t'envoie vers une pageweb a toi de définire cet page dans le fichier ".txt".
Dans le fichier txt tu peut modifier maximun de paramètre.

signaler à un administrateur
Commentaire de algori le 13/02/2005 13:13:20

Oups !
Pardon, j'avais pas capté !    
@++

signaler à un administrateur
Commentaire de crashtest le 13/02/2005 13:29:18

Mais la je suis en train de faire un menu plus sympa plus estetique et avec des sous menu, mais toujour complètement paramètrable.

signaler à un administrateur
Commentaire de algori le 13/02/2005 13:30:40

Tu me diras quand tu le mettra en source !  ;-)

signaler à un administrateur
Commentaire de crashtest le 16/02/2005 14:10:39

Salut je viens de mettre mon news menu il
s'appelle   "Menu Crashtest2"
url           "http://www.javascriptfr.com/code.aspx?ID=29552"

signaler à un administrateur
Commentaire de algori le 16/02/2005 14:33:22

Cool !

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Appels d'offres



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,437 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é.