*menu de crashtest*

Télécharger le projet
Commenter

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 / Exemple : 


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é.
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_crashtest)