Tremblement d'un texte

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Tremblement d'un texte

Message par Hishnack Dim 4 Mar 2012 - 22:32

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 !


Dernière édition par Hishnack le Mer 7 Mar 2012 - 11:21, édité 1 fois
Hishnack

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Sathayn Dim 4 Mar 2012 - 23:10

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.
Sathayn

Sathayn
**

Féminin
Messages : 71
Inscrit(e) le : 10/06/2011

http://hiko-seinen.forumactif.com
Sathayn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Hishnack Dim 4 Mar 2012 - 23:17

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 ?
Hishnack

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Sathayn Lun 5 Mar 2012 - 0:04

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).
Sathayn

Sathayn
**

Féminin
Messages : 71
Inscrit(e) le : 10/06/2011

http://hiko-seinen.forumactif.com
Sathayn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Hishnack Lun 5 Mar 2012 - 0:35

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 :/
Hishnack

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Adam_sfp Lun 5 Mar 2012 - 16:48

Bonjour

Peut être Ceci

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Hishnack Lun 5 Mar 2012 - 20:18

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 ?"
Hishnack

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Adam_sfp Mar 6 Mar 2012 - 12:08

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.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Hishnack Mar 6 Mar 2012 - 15:40

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
Hishnack

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Adam_sfp Mar 6 Mar 2012 - 16:12

Bonjour

Etrange sur mon forum de test cela fonctionne..

Vous avez d'autres scripts?
il peut y avoir conflit..

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Hishnack Mar 6 Mar 2012 - 17:58

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 ?
Hishnack

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Adam_sfp Mar 6 Mar 2012 - 18:13

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

Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Hishnack Mar 6 Mar 2012 - 20:29

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 ?
Hishnack

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Adam_sfp Mar 6 Mar 2012 - 21:02

Bonsoir

Vous pouvez toujours retirer les autres scripts et essayer si celui ci fonctionne..
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Hishnack Mar 6 Mar 2012 - 22:57

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 :/
Hishnack

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Adam_sfp Mar 6 Mar 2012 - 23:43

Bonsoir

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
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Hishnack Mer 7 Mar 2012 - 11:21

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 !
Hishnack

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tremblement d'un texte

Message par Adam_sfp Mer 7 Mar 2012 - 11:27

Bonjour

thumleft

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.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum