Accueil > > > DÉMO TOOLTIPS AVEC LA WWT
DÉMO TOOLTIPS AVEC LA WWT
Information sur la source
Description
Un exemple des futures possibilités de la WWT. Enjoy! <pierrick.hymbert@gmail.com>
Source
- <!------ HTML File --------------------------------->
- <html>
- <head>
- <title></title>
- <!-- JavaScript -->
-
- <!--
- /**
- * @comment: The prototype library 1.4
- * @import: prototype
- */
- -->
- <script
- src="lib/js/prototype.js"
- type="text/javascript">
- </script>
-
- <!--
- /**
- * @comment: The Text class
- * @import: Text
- */
- -->
- <script
- src="lib/js/WWTLoader.js"
- type="text/javascript">
- </script>
-
-
- <!--
- /**
- * @comment: The test main function presents all the WWT functionnalities
- * @import: test
- */
- -->
- <script
- src="lib/test/testToolTip.js"
- type="text/javascript">
- </script>
- <!-- CSS -->
-
- </head>
- <body onload="new WWTLoader('lib/js/', main);">
- </body>
- </htlm>
-
- <!------ Javascript file --------------------------------->
- function main(args){
- /* Instancie le display et la fenêtre de la WWT */
- var display = new Display();
- var shell = new Shell(display);
-
- /* Crée le champ texte */
- var label = new Label(shell, WWT.CENTER | WWT.SHADOW_NONE);
- label.setText("Move mouse hover...");
- label.setLocation( ( shell.getSize().x - 200 ) / 2, ( shell.getSize().y - 20 ) / 2);
- label.setSize(200, 20);
-
- /* Crée le listener de souris */
- var mouseMoveListener = new MouseMoveListener();
- mouseMoveListener.mouseMove = function(e){
- var tt = new ToolTip(shell, WWT.NONE);
- tt.setText("My tool tip");
- tt.setMessage("An other message here");
- tt.setLocation( (Math.random() * 10000) % shell.getSize().x, (Math.random() * 10000) % shell.getSize().y );
- tt.setVisible(true);
- };
-
- var tt1 = new ToolTip(shell, WWT.BALLOON);
- tt1.setText("A balloon Tool tip");
- tt1.setMessage("Your mouse down");
- tt1.setLocation( label.getLocation().x, label.getLocation().y + label.getSize().y);
-
- var mouseListener = new MouseListener();
- mouseListener.mouseDown = function(e){
- if( !tt1.getVisible())
- tt1.setVisible(true);
- };
-
- var tt2 = new ToolTip(shell, WWT.BALLOON);
- tt2.setText("An other balloon Tool tip");
- tt2.setMessage("Your mouse up");
- tt2.setLocation( label.getLocation().x + label.getSize().x, label.getLocation().y);
-
- label.addMouseMoveListener(mouseMoveListener);
- mouseListener.mouseUp = function(e){
- if( !tt2.getVisible())
- tt2.setVisible(true);
- };
- label.addMouseListener(mouseListener);
- }
<!------ HTML File --------------------------------->
<html>
<head>
<title></title>
<!-- JavaScript -->
<!--
/**
* @comment: The prototype library 1.4
* @import: prototype
*/
-->
<script
src="lib/js/prototype.js"
type="text/javascript">
</script>
<!--
/**
* @comment: The Text class
* @import: Text
*/
-->
<script
src="lib/js/WWTLoader.js"
type="text/javascript">
</script>
<!--
/**
* @comment: The test main function presents all the WWT functionnalities
* @import: test
*/
-->
<script
src="lib/test/testToolTip.js"
type="text/javascript">
</script>
<!-- CSS -->
</head>
<body onload="new WWTLoader('lib/js/', main);">
</body>
</htlm>
<!------ Javascript file --------------------------------->
function main(args){
/* Instancie le display et la fenêtre de la WWT */
var display = new Display();
var shell = new Shell(display);
/* Crée le champ texte */
var label = new Label(shell, WWT.CENTER | WWT.SHADOW_NONE);
label.setText("Move mouse hover...");
label.setLocation( ( shell.getSize().x - 200 ) / 2, ( shell.getSize().y - 20 ) / 2);
label.setSize(200, 20);
/* Crée le listener de souris */
var mouseMoveListener = new MouseMoveListener();
mouseMoveListener.mouseMove = function(e){
var tt = new ToolTip(shell, WWT.NONE);
tt.setText("My tool tip");
tt.setMessage("An other message here");
tt.setLocation( (Math.random() * 10000) % shell.getSize().x, (Math.random() * 10000) % shell.getSize().y );
tt.setVisible(true);
};
var tt1 = new ToolTip(shell, WWT.BALLOON);
tt1.setText("A balloon Tool tip");
tt1.setMessage("Your mouse down");
tt1.setLocation( label.getLocation().x, label.getLocation().y + label.getSize().y);
var mouseListener = new MouseListener();
mouseListener.mouseDown = function(e){
if( !tt1.getVisible())
tt1.setVisible(true);
};
var tt2 = new ToolTip(shell, WWT.BALLOON);
tt2.setText("An other balloon Tool tip");
tt2.setMessage("Your mouse up");
tt2.setLocation( label.getLocation().x + label.getSize().x, label.getLocation().y);
label.addMouseMoveListener(mouseMoveListener);
mouseListener.mouseUp = function(e){
if( !tt2.getVisible())
tt2.setVisible(true);
};
label.addMouseListener(mouseListener);
}
Historique
- 19 juin 2007 14:48:39 :
- 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...
THE WWT: WEB WIDGETS TOOLKITTHE WWT: WEB WIDGETS TOOLKITA 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...
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
Tooltips [ par bosam ]
Bonjour à tous le monde,Voilà, je poste ici car j'ai découvert sur ce site http://www.walterzorn.com/tooltip/tooltip_e.htm ; un script javascript DHTM
tooltip et select [ par Djfresh ]
salut comment creer un tooltip sur une balise select!plus precisément sur les balises option de la balise select?autrement dit en survolant les balise
Probleme de return ou escape sur un tooltip [ par manu00 ]
Hello,Je suis en train de developper un script ajax qui recupere des infos dans une database et l'affiche dans une info bulle (tooltip)Tout d'abord, j
Tutoriel Widget dojo [ par guinus ]
Bonjour,Quelqu'un aurait-il un lien vers un tutoriel expliquant la création de ses propres Widgets en Dojo ? Le tutoriel fourni par Alex Russel à http
Textbox.tooltip ? ça semble pourtant logique [ par ranouf ]
Bonjour,de la meme maniere qu'on peut récupérer le nom d'une textbox par textbox.name, il me semblerait logique qu'on puisse récupérer la valeur de la
texte descriptif en mouseover [ par da vince ]
Hello,J'ai trouvé un script très bein mais il a deux problèmes:ça marche dans IE7et les textes descriptifs (ds FF) ne disparaissent pas tjs quens on s
tooltip cache par un frame [ par g_fuck ]
salut!!! je suis entrain de monte un Site .... dans lequel on y trouve des bouttons avec tooltip.. le probleme est que quand le boutton est dans un pa
widget netvibes [ par nien ]
bonjour je suis a la recherche d'un bon tuto concernant la librairie UWA de netvibes pour developper des gadgets universels avec des exemple et tout e
widget envoi sms [ par kenza1987 ]
Code Postal: 3
Spry Widget Probleme de validation formulaire (java désactivé) [ par medicair ]
Bonjour à tous,J'utilise les spry de dreamweaver pour vérifier qu'une case est bien coché, seulement si je désactive javascript et que je valide le fo
|
Derniers Blogs
[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE par Audrey
Dans un de mes articles précédents , j'avais parlé des DomainDataSource avec RIA Services dans le cas d'une interface Maître - Détail. Dans le même principe, je vais parler d'une autre manière de mettre en forme ce cas d'interface avec RIA Services. Et po...
Cliquez pour lire la suite de l'article par Audrey ZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATIONZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATION par ROMELARD Fabrice
Une des nouveautés de la version V 3.0 était l'apparition de l'onglet Social qui ne fonctionnait que si le MarketPlace était activé sur son poste. Cela limitait donc son intérêt, car hors du cadre commercial USA-CANADA, peu de monde trouva...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice PRATIQUE DE SILVERLIGHT PAR ERIC AMBROSIPRATIQUE DE SILVERLIGHT PAR ERIC AMBROSI par MPOWARE
Je viens de finir la lecture du dernier livre d'
Eric Ambrosi
éditions PEARSON
Son livre donne une approche pratique de Silverlight qui sera aussi bien comprise par le développeur que par le designeur.
Tous les aspects du développement RIA sont abor...
Cliquez pour lire la suite de l'article par MPOWARE APPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NETAPPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NET par odewit
2 déclinaisons de Silverlight et 2 déclinaisons de Mono permettent dorénavant (ou permettront prochainement) de développer des applications .NET mobiles pour les principales plates-formes du marché :
Silverlight pour Symbian, basé sur Silverlight 2...
Cliquez pour lire la suite de l'article par odewit ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2 par ROMELARD Fabrice
Avec la dernière génération du lecteur MP3 de Microsoft, le ZUNE HD, Microsoft a publié une nouvelle version du logiciel pour PC. Ainsi, je me suis décidé à installer celle-ci sur mon Tablet PC ACER, comme toujours le logiciel est donc tél...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Forum
RE : CONVERSIONRE : CONVERSION par peter2010
Cliquez pour lire la suite par peter2010
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|