Générateur javascript

Soyez le premier à donner votre avis sur cette source.

Snippet vu 13 668 fois - Téléchargée 30 fois

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

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+="&nbsp;&nbsp;&nbsp;&nbsp;";}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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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&nbsp;', '(){\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.

A voir également

Ajouter un commentaire Commentaires
Messages postés
450
Date d'inscription
samedi 16 avril 2005
Statut
Membre
Dernière intervention
18 avril 2007
2
Moi aussi j'aime bien la source 8-)
Messages postés
5
Date d'inscription
lundi 25 avril 2005
Statut
Membre
Dernière intervention
11 novembre 2005

Genial vos commentaires...par contre, je suis d'accord, il faut être "lisible" 100% de tous les navigateurs...non
je deconne, il faut être visible sous presque tous les navigateurs, il faut simplement "IGNORER" IE...
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
41
Mozilla est un navigateur réalisé en XUL/CSS/RDF, il est créé par des idés.... cherche de la doc...
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
41
Mozilla est un navigateur open source créé par des idé...
Messages postés
181
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
28 décembre 2006

"bah Mozilla, c'est quoi ?"

D'après ta réaction, il semble que Mozilla soit l'exception confirmant la règle ?
Possible. Je ne sais pas tout et peut-être par malchance je ne suis pas utilisateur de Mozilla.
Afficher les 32 commentaires

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.