Accueil > Forum > > > > [java] affichage d'un texte progressivement au passage de la souris
[java] affichage d'un texte progressivement au passage de la souris
mardi 12 juillet 2011 à 13:47:48 |
[java] affichage d'un texte progressivement au passage de la souris

25thibault
|
Salut tout le monde !
J'ai un gros problème je n'arrive pas a afficher PROGRESSIVEMENT un texte au passage de la souris sur une photo.
je n'est aucun problème pour le faire afficher d'un seul coup, mais progressivement de la droite vers la gauche je n'y arrive pas.
Si vous pouvez me donner un petit coup de main , je vous en serait reconaissant.
Merci d'avance de vos réponse !
Thibault.
|
|
mardi 12 juillet 2011 à 15:14:49 |
Re : [java] affichage d'un texte progressivement au passage de la souris
|
mardi 12 juillet 2011 à 15:42:41 |
Re : [java] affichage d'un texte progressivement au passage de la souris

25thibault
|
En faite je ne connais rien du tout au java, mais alors rien du tout,je connais uniquement le html/css et le php/mysql.
je vous ait fait une petite vidéo de ce que je veux :http://www.youtube.com/watch?v=DYbBFws4ghA
sa serait pour un site web bien sûr.
|
|
mardi 12 juillet 2011 à 16:02:43 |
Re : [java] affichage d'un texte progressivement au passage de la souris
|
mardi 12 juillet 2011 à 16:22:32 |
Re : [java] affichage d'un texte progressivement au passage de la souris

25thibault
|
Exactement !
Voici le code de mon mini menu (ce qui est en rouge est l'image où je veux le faire ).
<div class="home">
<a href="index.html" target="_blank"><img src="images/home.png" onmouseover="this.src='images/home2.png';" onmouseout="this.src='images/home.png';" name="home" style="border:10px;" /></a>
<p> </p>
</div>
<div class="article">
<a href="index.html" target="blank"><img src="images/articles.png" onmouseover="this.src='images/artciles2.png';" onmouseout="this.src='images/articles.png';" name="contact" style="border:10px;" /></a>
<p> </p>
</div>
<div class="news">
<a href="index.html" target="blank"><img src="images/news.png" onmouseover="this.src='images/news2.png';" onmouseout="this.src='images/news.png';" name="contact" style="border:10px;" /></a>
<p> </p>
</div>
<div class="contact">
<a href="index.html" target="blank"><img src="images/contact.png" onmouseover="this.src='images/contact2.png';" onmouseout="this.src='images/contact.png';" name="contact" style="border:10px;" /></a>
<p> </p>
</div>
<div class="rsss">
<img src="images/rssicone.png" />
</div>
j'ai déjâ essayer sa :
je met ce qui suit entre <head> et </head>
<SCRIPT LANGUAGE="JavaScript">
function ChangeMessage(message,champ)
{
if(document.getElementById)
document.getElementById(champ).innerHTML = message;
}
</SCRIPT>
et sa entre les balises body
<A HREF="newsletter.php" onMouseOver="ChangeMessage('Inscrivez vous au newsletter','ejs_texte')" onMouseOut="ChangeMessage('','ejs_texte')">newsletter</A>
|
|
mardi 12 juillet 2011 à 18:50:04 |
Re : [java] affichage d'un texte progressivement au passage de la souris

mikeyjoy
|
Voilà un script gratuit qui est vraiment très bien fait et très complet:
[ Lien ]
et voici un exemple pour le texte:
[ Lien ]
Et il reste finalement assez simple à intégrer pour autant que tu connaisse un peu JS. Mais si tu ne connais vraiment RIEN à javascript, je vois comment t'aider simplement.
a++
|
|
mardi 12 juillet 2011 à 19:49:22 |
Re : [java] affichage d'un texte progressivement au passage de la souris

25thibault
|
Merci de vos réponses !
mikeyjoy SUPER tes lien, j'y connais rien en javascript mais je vais surrement y arriver avec sa !
Si je réussi je posterais mon code.
|
|
mardi 12 juillet 2011 à 20:26:37 |
Re : [java] affichage d'un texte progressivement au passage de la souris

25thibault
|
Ok j'approche du but ! j'ai encore 3 questions :
comment le faire partir de droite et le faire aller à gauche.
comment remplacer le cube par un texte.
comment faire pour que cela ce délcenche en passant la souris sur mon image.
voila le script que je met entre mes balises body
<div id="sq" style="width:50px;height:50px;position:relative;left:0px;border:1px solid #333333;"></div>
<input type="button" value="start()" onclick="
t1 = new Tween(document.getElementById('sq').style,'left',Tween.elasticEaseOut,0,500,4,'px');
t1.start();">
et voici le fichier tween : http://jstween.sourceforge.net/Tween.js
|
|
mardi 12 juillet 2011 à 21:00:22 |
Re : [java] affichage d'un texte progressivement au passage de la souris

mikeyjoy
|
comment le faire partir de droite et le faire aller à gauche.
Essaye de mettre une valeur négative (-20 par exemple)
comment remplacer le cube par un texte.
Pour faire au plus simple: (voir code en bleu)
comment faire pour que cela ce délcenche en passant la souris sur mon image.
remplace le onclick par onmouseover
<div id="sq" style="width:50px;height:50px;position:relative;left:0px; overflow:visible">TexteTexteTexteTexteTexte</div>
<input type="button" value="start()" onmouseover="
t1 = new Tween(document.getElementById('sq').style,'left',Tween.elasticEaseOut,0,-20,4,'px');
t1.start();">
|
|
mardi 12 juillet 2011 à 21:09:53 |
Re : [java] affichage d'un texte progressivement au passage de la souris

25thibault
|
super sa marche nikel sauf que il ya le bouton start que je veux remplacer pas mon icone
|
|
Cette discussion est classée dans : java, texte, passage, souris, progressivement
Répondre à ce message
Sujets en rapport avec ce message
Comment on fait pour développer un texte au passage de la souris [ par nessobh ]
J'aimerai savoir comment on peut faire (avec ou sans 'OnMouseOver') pour faire qu'un texte se développe au passage de la souris dessus.
Texte qui change au passage de la souris [ par swiss_cheese10 ]
Tcho tout le monde !Eske qqun pourrait me dire le code à insérer pour que lorsque qu'on passe la souris sur un textge, le texte change ???Merci d'aide
Son au passage de la souris [ par hugo37 ]
Bonjour à toutes et à tous! Je construit un site avec beaucoup de dhtml et de java et j'ai un petit soucis parceque je n'arrive pas à faire en sorte q
rollover texte change [ par japower01 ]
Bonjour, je cherche a faire un rollover sur un texte pour que celui ci change au passage de la souris Ce script ne marche pas http://www.javascriptfr.
Au passage de la souris afficher un zoom séléctif de la zone pointée par la souris... [ par niroz ]
Bonjour à tous,je suis désespérément à la recherche d'un script qui me permettrait de reproduire <a target="_blank" temp_href="http://www.allsaintssho
Survolé une image au passage de la souris [ par danielm81 ]
Bonjour les amis ! je n'arrives pas à faire survolé ma image1 par une autre image2 qui deviendrait un lien pour une autre page web au passage de la so
js dropdown menu seulement au deuxième passage de la souris [ par calibal ]
Bonjour tout le monde. J'ai un petit soucis que je n'arrive pas à résoudre. En effet, j'essaye de faire un menu dropdown en jquery. Dans l'absolue il
Recherche urgente. [ par zynala ]
Je vous salut, Je ne sais pas si je suis dans la bonne rubrique mais bref,je demande quand même. voilà,je recherche un script java qui serais capabl
Diaporama de photos qui s'affiche en grand au passage de la souris [ par Marcove ]
Je cherche un code permettant de faire l'agrandissement de vignettes au passage de la souris comme sur le site http://www.immobilierela.be/fr/index.ht
faire afficher le prénom sur une photo par passage de souris [ par LODDO81 ]
bonjour Sur mon site en html, je voudrais, si possible au passage de la souris, sur une photo de groupe faire afficher le prénom des personnes. Quelq
Livres en rapport
|
Derniers Blogs
JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft 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
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
|