Fenêtre graphique en Javascript

**lolalucas** · 26/05/2011, 09h41

Bonjour à tous,

Je dois réaliser une fenêtre graphique en Javascript, mais je n'en ai jamais fait. J'ai passé pas mal de temps à chercher des tuto sur internet, et je suis arrivé à trouver quelques bases.

La fenêtre que je dois réaliser est celle là :

Et celle que je crée :

Je voudrais que les éléments soient plus espacés entre eux, que les labels soient bien alignés verticalement, et enfin que les boutons soient bien en bas de la fenêtre!

Mon code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<HTML>
	<HEAD>
		<TITLE>titre</TITLE>
	</HEAD>
	<BODY>
		toto: <input type="text" id="payloadMin" style="width:60; height:20;"/> <br>
		Test1: <input type="text" id="payloadMax" style="width:60; height:20;"/> <br>
		Merci: <input type="text" id="rangeMin" style="width:60; height:20;"/> <br>
		Vivement le week end: <input type="text" id="rangeMax" style="width:60; height:20;"/> <br>
 
		<input type="button" value="Ok" onclick="ClickOnOK();"/>
		<input type="button" value="Cancel" onclick="ClickOnCancel();"/>
 
	</BODY>
</HTML>