Accueil > > > THE WWT: WEB WIDGETS TOOLKIT
THE WWT: WEB WIDGETS TOOLKIT
Information sur la source
Description
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
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.
Sources du même auteur
PROGRESS BAR WIDGETPROGRESS BAR WIDGETClasse offrant une API pour la gestion d'une barre de progression à la manière de la SWT en pur javascript ( pas d'images ).
Trois styles sont propos...
DESSINER EN JS: LIGNES, FIGURES, ELLIPSES, ELLIPSES PLEINES,DESSINER EN JS: LIGNES, FIGURES, ELLIPSES, ELLIPSES PLEINES, La classe Graphic permet de dessiner en javascript.
Vous pouvez dessiner des rectangles, des lignes, des ellipses sur un element Html de manière simp...
DÉMO TOOLTIPS AVEC LA WWTDÉMO TOOLTIPS AVEC LA WWTUn exemple des futures possibilités de la WWT.
Enjoy!
<pierrick.hymbert@gmail.com>...
Sources de la même categorie
Commentaires et avis
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
|
Derniers Blogs
IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Forum
UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|