begin process at 2008 08 20 17:50:37
1 229 001 membres
360 nouveaux aujourd'hui
14 259 membres club

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 !

DÉMO TOOLTIPS AVEC LA WWT


Information sur la source

Catégorie :Graphique Classé sous : tooltip, ria, widget, wwt Niveau : Débutant Date de création : 24/05/2007 Date de mise à jour : 19/06/2007 14:48:39 Vu / téléchargé: 4 291 / 249

Note :
Aucune note

Commentaire sur cette source (3)
Ajouter un commentaire et/ou une note


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);
}
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

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.
  • signaler à un administrateur
    Commentaire de meteors le 25/05/2007 10:53:13

    J'élimine systématiquement tout ce qui fonctionne sous IE et pas sous FF. Comme je ne veux pas faire de jaloux...
    zon qu'à s'entendre les 2.
    et le W3C n'a qu'à s'imposer un peu.

  • signaler à un administrateur
    Commentaire de bultez le 25/05/2007 11:27:24

    ben moi je suis jaloux !
        j'utilise IE, et ça marche pas.
    je ne peux donc ni juger, ni tester, ni noter.
    entre nous,
    _ pas grand chose à faire pour la compatibilité
    _ FF est très loin de respecter tout ce que recommande le W3C
      ( certes un peu mieux que IE, mais uniquement ce qui l'arrange  )
      et ce ne sont que des recommandations, ni des ordres, ni des obligations...

  • signaler à un administrateur
    Commentaire de the_wwt le 20/06/2007 10:15:13

    Bonjour Bultez,
    Avec cette mise à jour le code est compatible sous IE/FF/Opéra...
    Bon c'est pas non plus mirrobolant, mais ça donne une idée des possibilités.
    Merci pour vos critiques...
    Cordialement,
    Pierrick

Ajouter un commentaire

Discussions en rapport avec ce code source

Pub



Appels d'offres

Recherche developpeur ...
Budget : 700€
campagne Adwords
Budget : 5 000€
Boite echanges securis...
Budget : 500€

Snippets en rapport

CalendriCode

Août 2008
LMMJVSD
    123
45678910
11121314151617
18192021222324
25262728293031

Téléchargements

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

Boutique

Boutique de goodies CodeS-SourceS