AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2009 01 10 01:51:36
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

THE WWT: WEB WIDGETS TOOLKIT


Information sur la source

Catégorie :Graphique Classé sous : wwt, librairie, menu, fenêtre, popup Niveau : Expert Date de création : 13/12/2006 Date de mise à jour : 19/06/2007 14:50:08 Vu / téléchargé: 5 176 / 419
Auteur : the_wwt Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
Note :
10 / 10 - par 1 personne
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale
A la base je voulais créer un plugin eclipse transformant une interfarce swt en java en interface web.
Le plugin fonctionne un peu, mais j'ai surtout passé du temps à créer l'IHM  web.
Donc voici les prémices de la WWT que je vous présente en version 0.1, aussi faites moi parvenir vos commentaires.
Cette librairie comporte la plupart des widgets nécessaires à une IHM à savoir:
     - La gestion des évenements simplifiés par une classe Display
     - La gestion des fenêtres (Shell)
     - Les menus, les boutons, les tooltips, les labels et les text
Vous trouverez un test dans l'archive vous montrant les possibilitées de la librairies.
Je vous préviens que le code n'est pas forcément optimisé, donc ça rame un peu.
Aussi la librairie ne fonctionne QUE sous Firefox, en attendant mieux...
J'attend vos retour, et amusez vous bien.
Bien cordialement Pierrick HYMBERT
pierrick.hymbert@gmail.com

 

Source

  • var display = new Display();
  • var shell = new Shell(display);
  • /** Hello world */
  • var helloWorldShell = new Shell(shell, WWT.TITLE |WWT.RESIZE | WWT.CLOSE);
  • helloWorldShell.setText("Hello world");
  • helloWorldShell.setLocation(700, 0);
  • helloWorldShell.setSize(200, 200);
  • helloWorldShell.setColor(new Color(5, 5, 5));
  • var helloWorldButton = new Button(helloWorldShell, WWT.RIGHT);
  • helloWorldButton.setLocation(52, 13);
  • helloWorldButton.setSize(85, 40);
  • helloWorldButton.setText("Hello world !");
  • var helloWorldButtonListener = new SelectionListener();
  • var tt = new ToolTip(helloWorldShell, WWT.BALLOON);
  • tt.setText("Bonjour");
  • tt.setLocation(5, 65);
  • var tt2 = new ToolTip(helloWorldShell, WWT.NONE);
  • tt2.setText("Aurevoir");
  • tt2.setLocation(115, 65);
  • helloWorldButtonListener.widgetSelected = function(){
  • if(!tt.getVisible()){
  • tt.setVisible(true);
  • tt2.setVisible(true);
  • if(tt.getMessage() == "Bonjour")
  • tt.setMessage("Bonjour à tous");
  • else
  • tt.setMessage("Bonjour");
  • }else{
  • tt.setVisible(false);
  • tt2.setVisible(false);
  • }
  • };
  • helloWorldButton.addSelectionListener(helloWorldButtonListener);
  • helloWorldShell.open();
var display = new Display();
var shell = new Shell(display);

/** Hello world */
var helloWorldShell = new Shell(shell, WWT.TITLE |WWT.RESIZE | WWT.CLOSE);
helloWorldShell.setText("Hello world");
helloWorldShell.setLocation(700, 0);
helloWorldShell.setSize(200, 200);
helloWorldShell.setColor(new Color(5, 5, 5));
var helloWorldButton = new Button(helloWorldShell, WWT.RIGHT);
helloWorldButton.setLocation(52, 13);
helloWorldButton.setSize(85, 40);
helloWorldButton.setText("Hello world !");
var helloWorldButtonListener = new SelectionListener();
var tt = new ToolTip(helloWorldShell, WWT.BALLOON);
tt.setText("Bonjour");
tt.setLocation(5, 65);

var tt2 = new ToolTip(helloWorldShell, WWT.NONE);
tt2.setText("Aurevoir");
tt2.setLocation(115, 65);
helloWorldButtonListener.widgetSelected = function(){
		if(!tt.getVisible()){
			tt.setVisible(true);
			tt2.setVisible(true);
			if(tt.getMessage() == "Bonjour")
				tt.setMessage("Bonjour à tous");
			else
				tt.setMessage("Bonjour");
		}else{
			tt.setVisible(false);
			tt2.setVisible(false);
		 }
	};
helloWorldButton.addSelectionListener(helloWorldButtonListener);
helloWorldShell.open();

Conclusion

Une mise à jour a débuté pour la compatibilité avec IE7... Reste du chemin à parcourir.
Une démo a été ajouté dans le fichier test_XP.html

 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

19 juin 2007 14:50:08 :
Correction bug: dessin d'un shell. Mise à jour des démos dans test_xp.html Ajout d'autre pages de tests.

Commentaires et avis

signaler à un administrateur
Commentaire de plarts le 18/12/2006 11:37:34

Je ne comprend pas cette librairie,
sous IE , des choses s'affichent, ça fait n'importe quoi, je ne comprend pas.
Sous Firefox, la fenêtre est blanche, rien.
Pourrais tu donner quelques explications,
style user-guide et fonctionnalités attendues ?
Merci, Pierre.

signaler à un administrateur
Commentaire de the_wwt le 23/12/2006 00:47:23

Sur IE c'est certain le rendu n'est pas là et il y a un bug (..getText().. renvoi null), mais sous Firefox... ca marche. Quoi dire de plus? Tu as quoi comme version? Ca roule avec la 2. La fonction appelée au chargement (main) est dans test.js.
Pour le user-guide, je ne sais pas s'il y en aura un un jour, mais l'archi est calquée sur la swt de java...Donc si tu connais. Il existe des projets bien plus actifs dans ce domaine comme bindows auquels je n'essayerai pas de comparer ma librairie qui n'est pas du tout optimisée. Si tu as d'autres questions ou des remarques, n'hésites pas.
Bien cordialement,
Pierrick

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Ouvrir un popup centré depuis un autre popup ??? [ par rem78 ] Bonjour,Je voudrais ouvrir une fenêtre popup depuis une fenêtre popup plein écran et que celle-çi soit au centre de l'écran.Merci de votre aiderem78 fermer une popup depuis la fenêtre parente [ par malik7934 ] Hello, J'y connais pas grand chose en javascript et j'ai besoin d'aide! J'ai pondu un code en PHP qui contient un formulaire. Lorsqu'on clique sur le Petit pb avec menu reroutage et popup [ par furetman ] Salut à tous,Je galère depuis plusieurs nuits pour améliorer mon site.J'ai surfé des heures et que dalle, pas de réponse à mon Pb.Je vous explique: j' GRos problème de gestion de popup [ par emma1006 ] Salut à tous !!Comme d'hab j'ai un problème :Voilà j'ai un fichier add.php qui est un formulaire pour entrer des données . Il est Popup et fenêtre principale [ par morgan78 ] Bonjour,J'ai du mal a comprendre pourquoi cela ne marche pas.Apres avoir cliqué sur le bouton OK se situant dans un Popup, je souhaiterais fermer ce Ouverture d'une fenêtre Popup en plein écran (avec la darre de titre).... [ par rem78 ] Bonjour,J'ai une page ou il y a un tableau qui présente les miniaturesde plusieurs photos et j'aimerais pouvoir ouvrir une page en plein écran en mode Enlever la barre d'état ( barre du bas du navigateur) dans une fenêtre popup ? [ par rem78 ] Bonjour,Je voudrais arriver à retirer la barre d'état dans une fenêtre popup car deuis la mise à jour de SP2 de windows XP, j'aila barre d'état ( barr Transmission de données de la fenêtre mère vers une popup [ par jougy ] Bonjour à tous, Alors voilà mon problème : j'ai un formulaire dans mon site web contenant 2 champs texte, et lorsque je l'envoie, j'ouvre une popup q Popup javascript... [ par sanchoudecuba ] Bonjour, j'ai une fenêtre mère(A) qui lorsque je clique sur un bouton ouvre une popup(B). Dans cette popup, j'ai deux boutons, et je voudrai comment insérer du texte d'un popup vers ma fenêtre prinicpal? [ par kepon85 ] Bonjours voilà ce que j'aimerai faire: J'aimerai ouvir un popup et de ce popup cliquer sur un lien et que cela insère du texte (dans un


Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,390 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.