Tremblement d'un texte
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Tremblement d'un texte
Bonjour,
Je chercher à faire trembler du texte au passage de la souris. J'ai trouvé un codeur qui a fait un fichier sur cette page. Le problème étant que je ne sais pas où placer les différents éléments de ce doe. ce qu'il y a entre <script></script> j'ai essayé de le mettre dans une page javascript, ce qu'il y entre <style></style> j'ai mis dans mon css mais quand je met le code donné dans <body></body> rien ne tremble... Je pense que j'ai du mal faire un truc mais je n'ai pas trouvé sur ce forum de tutorial sur comment utiliser ce genre de code.
Bonne soirée !
Je chercher à faire trembler du texte au passage de la souris. J'ai trouvé un codeur qui a fait un fichier sur cette page. Le problème étant que je ne sais pas où placer les différents éléments de ce doe. ce qu'il y a entre <script></script> j'ai essayé de le mettre dans une page javascript, ce qu'il y entre <style></style> j'ai mis dans mon css mais quand je met le code donné dans <body></body> rien ne tremble... Je pense que j'ai du mal faire un truc mais je n'ai pas trouvé sur ce forum de tutorial sur comment utiliser ce genre de code.
Bonne soirée !
Dernière édition par Hishnack le Mer 7 Mar 2012 - 11:21, édité 1 fois
Re: Tremblement d'un texte
Coucou
Ce code étant fait pour une image, à mon avis, pour du texte, il faut surement changer des éléments du code javascript.
Sans convictions.
Ce code étant fait pour une image, à mon avis, pour du texte, il faut surement changer des éléments du code javascript.
Sans convictions.
Re: Tremblement d'un texte
Et même pour une image ? Car une fois qu'on sait comment le faire pour une image il suffit juste de mettre les balises autour d'un texte non ?
Mais ma question portait surtout sur : où mettre quoi quand on tombe sur ce genre de code. Que mettre dans la page CSS ? Qu'héberger dans la page des javascript ?
Mais ma question portait surtout sur : où mettre quoi quand on tombe sur ce genre de code. Que mettre dans la page CSS ? Qu'héberger dans la page des javascript ?
Re: Tremblement d'un texte
Mettre ce qui est entre script dans le javascript ( en enlevant les balises script) ( et en pensant à activer l'option javascript), style dans le css (idem en enlevant les balises styles), et le reste dans le sujet ou l'on veut l'effet ( sans les balises body). Normalement ça devrait passer, sinon, je ne sais pas
Après pour l'image c'était une idée, le javascript est une chose compliquée, et il est possible que le code diffère pour du texte ( mais là, seuls les pro pourront te répondre, je ne m'y connais pas en javascript).
A savoir aussi que ces codes datent de 2003, ils ne sont peut-être plus bons aujourd'hui ( idem, c'est une supposition, une personne plus douée que moi pourra mieux te répondre).
Après pour l'image c'était une idée, le javascript est une chose compliquée, et il est possible que le code diffère pour du texte ( mais là, seuls les pro pourront te répondre, je ne m'y connais pas en javascript).
A savoir aussi que ces codes datent de 2003, ils ne sont peut-être plus bons aujourd'hui ( idem, c'est une supposition, une personne plus douée que moi pourra mieux te répondre).
Re: Tremblement d'un texte
En effet c'est ce que j'ai fais mais ni l'image, ni le texte ne marche >< en effet le tutorial est peut être trop vieux, je devrais peut être en chercher un autre :/
Re: Tremblement d'un texte
Merci pour l'adresse mais le problème reste le même : où est-ce que je met les codes sur le forum ? Je ne sais toujours pas ^^
EDIT : j'ai un fichier "jrumble.1.1.js" et "jrumble.1.1.min.js"... Je ne sais pas trop lequel prendre x) ! Je ne sais pas si il y a un tutoriel sur "que fais avec les codes de Jquery ?"
EDIT : j'ai un fichier "jrumble.1.1.js" et "jrumble.1.1.min.js"... Je ne sais pas trop lequel prendre x) ! Je ne sais pas si il y a un tutoriel sur "que fais avec les codes de Jquery ?"
Re: Tremblement d'un texte
Bonjour
Il faudrait mettre par exemple le script jrumble.1.1.js
dans gestion des codes javascript.
Il faut ensuite rajouter une autre partie de script dans gestion des codes javascript..
Le css dans la partie Css de votre forum..
Et ensuite par exemple une div avec l'élément image ou vous voulez appliquer l'effet.
Cordialement.
*Edit voila un Exemple avec les éléments à insérer dans les différentes parties de votre forum.
Il faudrait mettre par exemple le script jrumble.1.1.js
dans gestion des codes javascript.
Il faut ensuite rajouter une autre partie de script dans gestion des codes javascript..
Le css dans la partie Css de votre forum..
Et ensuite par exemple une div avec l'élément image ou vous voulez appliquer l'effet.
Cordialement.
*Edit voila un Exemple avec les éléments à insérer dans les différentes parties de votre forum.
Re: Tremblement d'un texte
Alors, j'ai mis tout le script de jrumble.1.1.js dans la gestion de spages javascript, j'ai aussi mit la portion de code javascript dans votre exemple dans une page javascript à part (j'ai coché pour les deux "sur toutes les pages") ; j'ai mis le CSS et le html dans un message mais ça ne marche pas :/ pourtant j'ai le carré bleu avec "test"
http://forumtest2.creerforums.com/t1-votre-1er-sujet#3
http://forumtest2.creerforums.com/t1-votre-1er-sujet#3
Re: Tremblement d'un texte
Bonjour
Etrange sur mon forum de test cela fonctionne..
Vous avez d'autres scripts?
il peut y avoir conflit..
Cordialement.
Etrange sur mon forum de test cela fonctionne..
Vous avez d'autres scripts?
il peut y avoir conflit..
Cordialement.
Re: Tremblement d'un texte
Oui j'ai un script pour le tableau de mon Qui Est En Ligne (donné par un tutorial de forumactif) et un script pour faire un fondu sur les images... Vous pensez qu'il faudrait que j'essaye de les enlever du coup ?
Re: Tremblement d'un texte
Bonjour
Pas sur que ce soit la cause mais ça ne coute rien d'essayer...
Vous avez aussi ce script qui mène nul part..
http://pmsc.free.fr/J02/10228205158.js
Pas sur que ce soit la cause mais ça ne coute rien d'essayer...
Vous avez aussi ce script qui mène nul part..
http://pmsc.free.fr/J02/10228205158.js
Re: Tremblement d'un texte
J'ai retiré le script mais apparemment ça ne marche toujours pas :/ Peut être devrais-je retirer toutes les modifications une à une jusqu'à ce que ça marche pour voir le problème ?
Re: Tremblement d'un texte
Bonsoir
Vous pouvez toujours retirer les autres scripts et essayer si celui ci fonctionne..
Vous pouvez toujours retirer les autres scripts et essayer si celui ci fonctionne..
Re: Tremblement d'un texte
J'ai enlevé tous les scripts sauf ceux qui concernent l'affichage des messages et toujours rien de changé :/ je ne sais pas si ça peut marcher sur un forum forumactif :/
Re: Tremblement d'un texte
Bonsoir
Cela fonctionne de mon coté ...
Vous mettez bien
1 premier script dans gestion des javascript
le 2 eme
le Css
et votre div
Cela fonctionne de mon coté ...
Vous mettez bien
1 premier script dans gestion des javascript
- Code:
(function($){$.fn.jrumble=function(options){var defaults={rangeX:2,rangeY:2,rangeRot:1,rumbleSpeed:10,rumbleEvent:'hover',posX:'left',posY:'top'};var opt=$.extend(defaults,options);return this.each(function(){$obj=$(this);var rumbleInterval;var rangeX=opt.rangeX;var rangeY=opt.rangeY;var rangeRot=opt.rangeRot;rangeX=rangeX*2;rangeY=rangeY*2;rangeRot=rangeRot*2;var rumbleSpeed=opt.rumbleSpeed;var objPosition=$obj.css('position');var objXrel=opt.posX;var objYrel=opt.posY;var objXmove;var objYmove;var inlineChange;if(objXrel==='left'){objXmove=parseInt($obj.css('left'),10);}if(objXrel==='right'){objXmove=parseInt($obj.css('right'),10);}if(objYrel==='top'){objYmove=parseInt($obj.css('top'),10);}if(objYrel==='bottom'){objYmove=parseInt($obj.css('bottom'),10);}function rumbler(elem){var randBool=Math.random();var randX=Math.floor(Math.random()*(rangeX+1))-rangeX/2;var randY=Math.floor(Math.random()*(rangeY+1))-rangeY/2;var randRot=Math.floor(Math.random()*(rangeRot+1))-rangeRot/2;if(elem.css('display')==='inline'){inlineChange=true;elem.css('display','inline-block')}if(randX===0&&rangeX!==0){if(randBool<.5){randX=1;}else{randX=-1;}}if(randY===0&&rangeY!==0){if(randBool<.5){randY=1;}else{randY=-1;}}if(objPosition==='absolute'){elem.css({'position':'absolute','-webkit-transform':'rotate('+randRot+'deg)','-moz-transform':'rotate('+randRot+'deg)','-o-transform':'rotate('+randRot+'deg)','transform':'rotate('+randRot+'deg)'});elem.css(objXrel,objXmove+randX+'px');elem.css(objYrel,objYmove+randY+'px');}if(objPosition==='fixed'){elem.css({'position':'fixed','-webkit-transform':'rotate('+randRot+'deg)','-moz-transform':'rotate('+randRot+'deg)','-o-transform':'rotate('+randRot+'deg)','transform':'rotate('+randRot+'deg)'});elem.css(objXrel,objXmove+randX+'px');elem.css(objYrel,objYmove+randY+'px');}if(objPosition==='static'||objPosition==='relative'){elem.css({'position':'relative','-webkit-transform':'rotate('+randRot+'deg)','-moz-transform':'rotate('+randRot+'deg)','-o-transform':'rotate('+randRot+'deg)','transform':'rotate('+randRot+'deg)'});elem.css(objXrel,randX+'px');elem.css(objYrel,randY+'px');}}var resetRumblerCSS={'position':objPosition,'-webkit-transform':'rotate(0deg)','-moz-transform':'rotate(0deg)','-o-transform':'rotate(0deg)','transform':'rotate(0deg)'};if(opt.rumbleEvent==='hover'){$obj.hover(function(){var rumblee=$(this);rumbleInterval=setInterval(function(){rumbler(rumblee);},rumbleSpeed);},function(){var rumblee=$(this);clearInterval(rumbleInterval);rumblee.css(resetRumblerCSS);rumblee.css(objXrel,objXmove+'px');rumblee.css(objYrel,objYmove+'px');if(inlineChange===true){rumblee.css('display','inline');}});}if(opt.rumbleEvent==='click'){$obj.toggle(function(){var rumblee=$(this);rumbleInterval=setInterval(function(){rumbler(rumblee);},rumbleSpeed);},function(){var rumblee=$(this);clearInterval(rumbleInterval);rumblee.css(resetRumblerCSS);rumblee.css(objXrel,objXmove+'px');rumblee.css(objYrel,objYmove+'px');if(inlineChange===true){rumblee.css('display','inline');}});}if(opt.rumbleEvent==='mousedown'){$obj.bind({mousedown:function(){var rumblee=$(this);rumbleInterval=setInterval(function(){rumbler(rumblee);},rumbleSpeed);},mouseup:function(){var rumblee=$(this);clearInterval(rumbleInterval);rumblee.css(resetRumblerCSS);rumblee.css(objXrel,objXmove+'px');rumblee.css(objYrel,objYmove+'px');if(inlineChange===true){rumblee.css('display','inline');}},mouseout:function(){var rumblee=$(this);clearInterval(rumbleInterval);rumblee.css(resetRumblerCSS);rumblee.css(objXrel,objXmove+'px');rumblee.css(objYrel,objYmove+'px');if(inlineChange===true){rumblee.css('display','inline');}}});}if(opt.rumbleEvent==='constant'){var rumblee=$(this);rumbleInterval=setInterval(function(){rumbler(rumblee);},rumbleSpeed);}});};})(jQuery);
le 2 eme
- Code:
$(document).ready(function(){
$('#demo9').jrumble({
x: 10,
y: 10,
rotation: 4
});
$('#demo9').hover(function(){
$(this).trigger('startRumble');
}, function(){
$(this).trigger('stopRumble');
});
});
le Css
- Code:
.demotest {
float: left; margin: 10px 20px 20px 10px; width: 100px; }
.demotest div {
background: #3286AD;
color: #00000;
font-size: 30px;
font-weight: bold;
height: 100px;
line-height: 100px;
margin: 10px 0 0 0;
text-align: center;
text-shadow: -2px 2px 0px rgba(0,0,0,.2);
}
et votre div
- Code:
<div class="demotest">
<div id="demo9">test</div>
</div>
Dernière édition par Adam_sfp le Mer 7 Mar 2012 - 11:25, édité 1 fois
Re: Tremblement d'un texte
Haaa !!! Ca marche après que j'ai retiré un des autres codes javascript (apparemment l'effet de fondu) ! Merci beaucoup pour votre aide !
Moral de l'histoire : attention aux codes javascript certains peuvent se parasiter entre eux !
Merci beaucoup Adam_sfp, je met le sujet en résolu !
Moral de l'histoire : attention aux codes javascript certains peuvent se parasiter entre eux !
Merci beaucoup Adam_sfp, je met le sujet en résolu !
Re: Tremblement d'un texte
Bonjour
pour changer d'effet vous n'avez plus qu'a changer cette partie..
Cordialement.
pour changer d'effet vous n'avez plus qu'a changer cette partie..
- Code:
$(document).ready(function(){
$('#demo9').jrumble({
x: 10,
y: 10,
rotation: 4
});
$('#demo9').hover(function(){
$(this).trigger('startRumble');
}, function(){
$(this).trigger('stopRumble');
});
});
Cordialement.
Sujets similaires
» Code texte membre vs texte invité
» Modifier la couleur du texte dans le menu "Insérer un texte sans formatage"
» Remplacement image par texte + modification texte
» fond/ texte blanc dans chmaps texte/liste.
» Texte en encadré, détails sur le texte dans un message.
» Modifier la couleur du texte dans le menu "Insérer un texte sans formatage"
» Remplacement image par texte + modification texte
» fond/ texte blanc dans chmaps texte/liste.
» Texte en encadré, détails sur le texte dans un message.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum