Générateur javascript

Soyez le premier à donner votre avis sur cette source.

Snippet vu 14 086 fois - Téléchargée 31 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
stfou Messages postés 450 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 18 avril 2007 2
11 avril 2007 à 15:07
Moi aussi j'aime bien la source 8-)
verdonckfabien Messages postés 5 Date d'inscription lundi 25 avril 2005 Statut Membre Dernière intervention 11 novembre 2005
29 juil. 2006 à 12:22
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...
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
12 mai 2005 à 18:11
Mozilla est un navigateur réalisé en XUL/CSS/RDF, il est créé par des idés.... cherche de la doc...
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
12 mai 2005 à 18:09
Mozilla est un navigateur open source créé par des idé...
ifebo Messages postés 181 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 28 décembre 2006
11 mai 2005 à 19:51
"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.