Générateur javascript
Contenu du snippet
Bonjour , alors je présente mon Générateur javascript, il n'est pas finit mais je doit préparer un concour. Donc je le mes telquel si cela peut aider quelqu'un et je le continuerais apres mon concour. @++
Aucun bugs connus sur IE.
Dite moi si il y a des bugs sur d'autre navigateur. Si oui donner moi la ligne, le nombre caractère et la description de l'erreur.
Source / Exemple :
<html><head>
<title>Générateur JavaScript</title>
<script language="JavaScript">
var heure = "function disp_horloge()\r {var date_jour=new Date();\r var heure=date_jour.getHours();\r var min=date_jour.getMinutes();\r var sec=date_jour.getSeconds();\r if (heure<10) heure=\"0\"+heure;\r if (min<10) min=\"0\"+min;\r if (sec<10) sec=\"0\"+sec;\r document.base.heur.value = \"\"+heure+\":\"+min+\":\"+sec+\"\";\r setTimeout(\"disp_horloge()\",1000);}\rdocument.write(\'<body onLoad=\"disp_horloge()\"><FORM NAME=\"base\"><INPUT NAME=\"heur\" SIZE=20 MAXLENGTH=20></FORM></body>\');\r";
var date = "function disp(txt) {document.write(txt);}\rfunction don_date_jour()\r {var date_jour=new Date();\r date_jour=don_date_format(date_jour);\r return date_jour;}\rfunction don_date_format(d1) {\r var m=new Array(13);\r m[1]=\"Janvier\"; m[2]=\"Février\"; m[3]=\"Mars\"; m[4]=\"Avril\"; m[5]=\"Mai\"; m[6]=\"Juin\";\r m[7]=\"Juillet\"; m[8]=\"Aout\"; m[9]=\"Septembre\"; m[10]=\"Octobre\"; m[11]=\"Novembre\"; m[12]=\"Décembre\";\r var d=new Array(8);\r d[1]=\"Dimanche\"; d[2]=\"Lundi\"; d[3]=\"Mardi\"; d[4]=\"Mercredi\"; d[5]=\"Jeudi\"; d[6]=\"Vendredi\"; d[7]=\"Samedi\";\r var mois=m[d1.getMonth()+1];\r var jour=d[d1.getDay()+1];\r var date=d1.getDate();\r var an=d1.getYear();\r if (an<200) an=1900+an;\r date=jour+\" \"+date+\" \"+mois+\" \"+an;\r return date;\r }\r\r\r\r disp(don_date_jour());\r";
var gliss = "var msg=\"MESSAGE\";\rvar index=0;\rvar delay=200\rfunction defil() {\r var nb_char=msg.length;\r index++;\r if (index>nb_char) index=0;\r document.forms[0].elements[0].value=msg.substring(index)+msg;\r setTimeout(\"defil()\",delay);}\rfunction defiler(txt,tps) {\r msg=txt + \" - \";\r delay=tps;\r defil();}\r\r\r\r\rdocument.write(\'<body onload=\\\'defiler(\\\"Votre texte\\\",100);\\\'>\');\rdocument.write('<FORM><INPUT TYPE=\\\"text\\\" NAME=\\\"defil\\\" size=20></FORM></body>');\r";
var status = "var msg=\"MESSAGE\";\rvar index=0;\rvar delay=200\r\rfunction defil() {\r var nb_char=msg.length;\r index++;\r if (index>nb_char) index=0;\r window.status=msg.substring(index)+msg;\r setTimeout(\"defil()\",delay);}\rfunction defiler(txt,tps) {\r msg=txt + \" - \" + txt + \" - \" ;\r delay=tps;\r defil();}\r\r\rdocument.write(\'<body onload=\\\'defiler(\\\"Votre texte\\\",100);\\\'></body>');";
var souris = "var deltaX=0; var deltaY=0;\rfunction ns(e) {\r x=e.x; y=e.y;\r document.layers[\"suivi\"].visibility=\"show\";\r document.layers[\"suivi\"].top=e.pageY-deltaY;\r document.layers[\"suivi\"].left=e.pageX-deltaX;}\rfunction ie() {\r var f=window.event;\r document.all[\"suivi\"].style.visibility=\"visible\"\r document.all[\"suivi\"].style.top=f.y-deltaY+document.body.scrollTop;\r document.all[\"suivi\"].style.left=f.x-deltaX;}\rfunction InitSuivi(texte,dX,dY) {\r deltaX=dX; deltaY=dY;\r if (document.layers) {\r document.write(\"<LAYER name=\'suivi\' visibility=\'hidden\'>\"+texte+\"</LAYER>\");\r document.captureEvents(Event.MOUSEMOVE); document.onmousemove = ns;}\r if (document.all) {\r document.onmousemove=ie;\r document.write(\"<DIV id=\'suivi\' style=\'position:absolute;top:0;left:0;visibility:hide\'>\"+texte+\"</DIV>\");}}\r\r\r\rInitSuivi(\"<B>Votre texte</B>\",50,20);\r";
function tag(ecrit){
document.getElementById('tnom').value=document.getElementById('tnom').value + ecrit + '\r'
}
function tag1(ecrit){
document.getElementById('tnom').value=document.getElementById('tnom').value + ecrit + ''
}
function prompt1(String , msg, tags, tags2) {
String = prompt(msg, "");
if (String != "" || null) {document.getElementById('tnom').value=document.getElementById('tnom').value + tags + String + tags2 + '\r'
}}
function prompt2(){
var nom = prompt('Saisissez le nom de la variable.', '', '');
var egalite = prompt('Saisissez l\'instruction de la variable.', '', '');
document.getElementById('tnom').value = document.getElementById('tnom').value + "var " + nom +
' = "' + egalite + '";\r';
}
function prompt3(){
var condition = prompt('Saisissez la condition de if.', '', '');
var instruction = prompt('Saisissez l\'instruction de if.', '', '');
var instruction1 = prompt('Saisissez l\'instruction de else.', '', '');
document.getElementById('tnom').value = document.getElementById('tnom').value + "if (" + condition +
')\r{' + instruction + '}\relse{' + instruction1 + '}\r';
}
function prompt4(){
var objet = prompt('Saisissez l\'objet For.', '', '');
var instruction = prompt('Saisissez l\'instruction de l\'objet.', '', '');
document.getElementById('tnom').value = document.getElementById('tnom').value + "for (var " + objet +
' in objet)\r{' + instruction + '}\r';
}
function prompt5(){
var condition = prompt('Saisissez la condition de While.', '', '');
var instruction = prompt('Saisissez l\'instruction de While.', '', '');
document.getElementById('tnom').value = document.getElementById('tnom').value + "while (" + condition +
')\r{' + instruction + '}\r';
}
function prompt6(){
var alert = prompt('Saisissez votre texte pour la boite d\'alert.', '', '');
document.getElementById('tnom').value = document.getElementById('tnom').value + "alert(\"" + alert +
'\");\r';
}
function prompt7(){
var alert = prompt('Saisissez votre texte.', '', '');
document.getElementById('tnom').value = document.getElementById('tnom').value + "document.write(\"" + alert +
'\");\r';
}
function voir(){
i = document.getElementById('tnom').value;
j = document.getElementById('hnom').value;
f = window.open();
f.document.write('<html><head><title>Créé avec le Générateur JS</title>\r'+i+'</head>'+j+'</html>');
f.document.close();
}
function save(){
if (navigator.appName.substring(0,3)=="Mic") window.location.href="javascript:save2();"
else alert('Désolé votre navigateur n\'accepte pas.');
}
function save2(){
i = document.getElementById('tnom').value;
j = document.getElementById('hnom').value;
document.write('<html><head><title>Créé avec le Générateur JS</title>\r'+i+'</head>'+j+'</html>');
document.execCommand("SaveAs", "", "Mon fichier.htm");
}
function reset1(){
document.getElementById('tnom').value = "";
document.getElementById('hnom').value = "<body>\r\r\r</body>";
}
function source()
{
if(document.getElementById('script').value=="0")
{
}
if(document.getElementById('script').value=="1")
{
document.getElementById('tnom').value = document.getElementById('tnom').value + heure;
}
if(document.getElementById('script').value=="2")
{
document.getElementById('tnom').value = document.getElementById('tnom').value + date;
}
if(document.getElementById('script').value=="3")
{
document.getElementById('tnom').value = document.getElementById('tnom').value + gliss;
}
if(document.getElementById('script').value=="4")
{
document.getElementById('tnom').value = document.getElementById('tnom').value + status;
}
if(document.getElementById('script').value=="5")
{
document.getElementById('tnom').value = document.getElementById('tnom').value + souris;
}
}
var menu=new CreerMenu("Objet","self","+ ");
// CreerMenu(Titre de la liste déroulante,target,carac)
// target=nom de la frame ou "self" si c'est la fenetre elle meme, "new" pour une nouvelle fenêtre
// carac=caracteres à afficher devant les lignes ayant un lien
// Pour ajouter les liens dans les listes, utiliser menu.Add
// Menu.Add(profondeur d'arborescence, texte, page à charger)
menu.Add(1,"","");
menu.Add(1,"- Window","");
menu.Add(2,"- document","");
menu.Add(3,"applet","javascript:tag1('window.document.applet');");
menu.Add(3,"anchor","javascript:tag1('window.document.anchor');");
menu.Add(3,"area","javascript:tag1('window.document.area');");
menu.Add(3,"- form","");
menu.Add(4,"button","javascript:tag1('window.document.form.button');");
menu.Add(4,"checkbox","javascript:tag1('window.document.form.checkbox');");
menu.Add(4,"file","javascript:tag1('window.document.form.file');");
menu.Add(4,"hidden","javascript:tag1('window.document.form.hidden');");
menu.Add(4,"image","javascript:tag1('window.document.form.image')");
menu.Add(4,"password","javascript:tag1('window.document.form.password');");
menu.Add(4,"radio","javascript:tag1('window.document.form.radio');");
menu.Add(4,"reset","javascript:tag1('window.document.form.reset');");
menu.Add(4,"select","javascript:tag1('window.document.form.select');");
menu.Add(4,"submit","javascript:tag1('window.document.form.submit');");
menu.Add(4,"text","javascript:tag1('window.document.form.text');");
menu.Add(4,"textarea","javascript:tag1('window.document.form.textarea');");
menu.Add(3,"layer","javascript:tag1('window.document.layers');");
menu.Add(3,"link","javascript:tag1('window.document.link');");
menu.Add(3,"objet","javascript:tag1('window.document.objet');");
menu.Add(3,"plugin","javascript:tag1('window.document.plugin');");
menu.Add(2,"frame","javascript:tag1('window.frame');");
menu.Add(2,"frameset","javascript:tag1('window.frameset');");
menu.Add(2,"history","javascript:tag1('window.history');");
menu.Add(2,"location","javascript:tag1('window.location');");
menu.Add(2,"locationbar","javascript:tag1('window.locationbar');");
menu.Add(2,"navigator","javascript:tag1('window.navigator');");
function CreerMenu(titre,target,carac) {
this.nb=0;this.titre=titre;this.target=target;this.carac=carac;
this.Add=AddObjet;
this.Aff=AffMenu;
}
function AddObjet(deep,txt,page) {
var rub = new Object;
rub.deep=deep;
rub.txt=txt;
rub.page=page;
this[this.nb]=rub;
this.nb++;
}
function space(i) {var Z="";for (var j=1;j<i;j++){Z+=" ";}return Z}
function AffMenu() {
var Z="<FORM name='mf'>";var z="";
Z+="<SELECT size=1 name='tjs' onChange='Clic(this.form);'style=\"background-color:#1E90FE;color:#FFFAF0\"><OPTION>"+this.titre+"</OPTION>";
for (var i=0;i<this.nb;i++) {
z=""; if ((this[i].page!="")&&(this[i].page!=null)) {z=this.carac}
Z+="<OPTION value='"+this[i].page+"'>"+space(this[i].deep)+z+this[i].txt+"</OPTION>"
}
Z+="</SELECT>";
Z+="</FORM>";
document.write(Z);
}
function Clic(f){
var i=f.elements["tjs"].selectedIndex-1;
if (i>=0) {
var page=menu[i].page;
if ((page!="")&&(page!=null)) {
if (menu.target=="self") {window.location=page}
else if (menu.target=="new") {window.open(page,'newf','scrollbars=yes')}
else {parent.frames[menu.target].window.location=page}
}
}
}
</script>
</head>
<body bgcolor="#1E90FE" vlink="#B22222" alink="#B22222" link="#B22222" text="#B22222">
<form>
<table border="0" width="970" height="125"><tr><td><div align="center" style="color:#b22222"><h1><br>Générateur JavaScript</h1></div></td></tr><tr><td align="center"></td></tr></table>
<br><center><div style="border:1px double #B22222;width:580" align="center"><input type="button" onclick="tag('<script LANGUAGE=JavaScript>\r<!--\r//Début du Script');" value="Début">
<input type="button" onclick="tag('//Fin du Script\r-->\r</script>');" value="Fin">
<input type="button" onclick="voir();" value="Voir">
<input type="button" onclick="save();" value="Sauve">
<input type="button" onclick="reset1();reset();" value="Effacer"> <ACRONYM TITLE="Les exemples de script viennent du site http://www.toutjavascript.com"><b>Exemple de Javascript : </b>
<select size="1" id="script" onChange="source();" style="background-color:#1E90FE;color:#FFFAF0">
<option value="0">Script</option>
<option value="0"></option>
<option value="1">Heure</option>
<option value="2">date</option>
<option value="3">Slide dans une case</option>
<option value="4">Slide dans la bar d'état</option>
<option value="5">souris est suivi</option>
</select></ACRONYM>
<br><center><br>D'autre script sur <a title="http://www.toutjavascript.com" target="_blank" href="http://www.toutjavascript.com">'Toutjavascript.com'</a> et <a title="http://www.allhtml.com" target="_blank" href="http://www.allhtml.com">'Allhtml.com'</a></center></div></center><br>
<table border="0" bgcolor="" width="970"><tr><td width="200" align="center">
<br><br><b>Les functions :</b><br><input type="button" onclick="prompt1('', 'Saisissez le nom de votre function', 'function ', '(){\r//Début des instructions\r');" value="Commencer function"><br>
<input type="button" onclick="tag('//Fin des instructions\r}\r');" value="Fin function">
<br><br><b>Quelques instruction :</b><br>
<input type="button" onclick="prompt6();" value="Boite d'alert"><br>
<input type="button" onclick="prompt1('', 'Saisissez votre texte pour la bar des status.', 'window.status = \'', '\';');" value="Message de bar d'état"><br>
<input type="button" onclick="prompt2();" value="Variable">
<input type="button" onclick="prompt3();" value="If...else"><br>
<input type="button" onclick="tag('for (var i=1; i<=10; i++)\r{ document.write(i+\'<br>\')}');" value="Exemple de Boucle For"><br>
<input type="button" onclick="prompt4();" value="For...in">
<input type="button" onclick="prompt5();" value="While">
<br><br><b>Autre :</b><br><input type="button" onclick="prompt1('', 'Saisissez votre commentaire.', '/*', '*/');" value="commentaire">
<br><input type="button" onclick="prompt7();" value="Document.write">
<br><br><b>objet</b><br>
<SCRIPT language="JavaScript">
menu.Aff();
</SCRIPT>
</td><td align="center" rowspan=2>
<b><h3>Code Javascript :</h3></b>
<textarea rows="20%" id="tnom" cols="90" style="background-color:#1E90FE;border:1px double #B22222;color:#FFFAF0"></textarea>
<br><b><h3>Code HTML :</h3></b>
<textarea rows="15%" id="hnom" cols="90" style="background-color:#1E90FE;border:1px double #B22222;color:#FFFAF0"><body>
</body></textarea></td></tr><tr><td height="200"></td><td></td></tr></table>
</form>
</body></html>
Conclusion :
Aucun bugs connus sur IE.
Dite moi si il y a des bugs sur d'autre navigateur. Si oui donner moi la ligne, le nombre caractère et la description de l'erreur.
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.