[JS] utilisation de la librairies highlightfade de jquery

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [JS] utilisation de la librairies highlightfade de jquery

mims1664

3 / vert

bonjour a tous,

je n'arrive pas a utiliser la librairie highlightfade je voudrais faire une fondue , démarrer de rien jusqu'au jaune dans une div, cependent avec la doc je ne comprends pas grand chose ...

je m'appuie sur cette doc :

http://jquery.offput.ca/highlightFade/old.php

voici mes tests :
http://www.developpementphoto.net/V3/tst.html

j'inclus les librairies :

Code :

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.highlightFade.js"></script>

au chargement :

Code :

<script type="text/javascript">
<!--
window.onload = function(){document.getElementById(test).highlightFade({color:'red',speed:2000,iterator:'exponential'});}
-->
</script>

l'html :

Code :

<body>
<div id="test"> bla bla </div>
</body>

une idée me serait bien venue ...

---------------
la vie à le goût qu'on lui donne !! Vive le photo numérique et le tirage photo

Publicité

mims1664

3 / vert

hup !!

:jap:

---------------
la vie à le goût qu'on lui donne !! Vive le photo numérique et le tirage photo

SICKofitALL

misanthrope

je ne suis pas spécialiste de jQuery, mais dans ton code je vois "document.getElementById (test)", ce qui est faux car :
1) si tu veux choper ton id 'test', tu dois écrire

Code :

document.getElementById ('test')

à moins que pour toi "test" soit une variable qui contient la chaine 'test' (mais je pense pas).

2) pour lancer la méthode highlightFade (), tu dois choper l'élement avec jQuery et non avec les méthodes classiques du DOM, càd avec la fonction $(), comme précisé dans la doc ...

Code :

window.onload = function(){
$('test').highlightFade ({ color: 'red', speed: 2000, iterator: 'exponential' })
}

Si tu es sous FireFox, je te conseille l'extension FireBug pour faire du dev en javascript, ou Firebug-lite pour les autres browser (je te laisse le soin de googliser tout ca)

Message édité par SICKofitALL le 01-08-2008 à 00:45:17

---------------
We deserve everything that's coming...

mims1664

3 / vert

Je viens d'essayer Firebug, c'est clair que c'est pas mal du tout.
j'utilisais jusqu'à présent Webdevelopper toolbar !

Bon je viens d'effectuer quelques test avec l'appel de fonction comme tu l'as écris ... et toujours rien ...
dans la doc je ne comprennais pas bien l'appel de la fonction, je ne suis pas du tout familier avec Jquery ....

Pas évident tout ca

---------------
la vie à le goût qu'on lui donne !! Vive le photo numérique et le tirage photo

SICKofitALL

misanthrope

arf en fait c'est tt con, c'est la sélection de l'élement qui continu à poser problème.

Code :

$("#test" ).highlightFade ({ color: 'yellow', speed: 2000, iterator: 'exponential' });

---------------
We deserve everything that's coming...

mims1664

3 / vert

Super génial ! merci pour ton aide ! c'est top ces librairies ... bon il faut se familiariser ... bonne journée à toi !

---------------
la vie à le goût qu'on lui donne !! Vive le photo numérique et le tirage photo

mims1664

3 / vert

juste encore une petite interrogation, si je désire lancer un highlightFade sur un clique de souris ???

j'ai testé avec ca :

Code :

function hg(id){
function(){
$(id).highlightFade ();
}
}

je passe en parametre l'id de la div sur laquel j'agit en lui rajoutant #

par exemple "#22"

mais la fonction ne se lance pas ... sans doute encore des particuliarité des fonction jquery ??

merci de ton aide SICKofitALL

SICKofitALL

misanthrope

En regardant le source de la page de highlightFade, tu as ta solution :

Code :

$('#<ID_DE_TON_DIV>').click (function () { $(this).highlightFade () } );

ou en format fonction :

Code :

var maFonction = function (id, params) /* params est un objet et peut être nul */
{
$('#' + id).click (function () { $(this).highlightFade (params) } );
return true;
}

Exemples reprenant ce qu'on a déjà vu plus haut :
maFonction ('test'); // pas de params
maFonction ('test', { color: 'red', speed: 2000, iterator: 'exponential' });

Concernant ton "#22", je sais pas si le "22" est un exemple, mais appeller un élément par un chiffre (ou commencer son nom par un chiffre) est une mauvaise idée.

---------------
We deserve everything that's coming...

FORUM HardWare.fr

Programmation

HTML/CSS

[JS] utilisation de la librairies highlightfade de jquery

Sujets relatifs
[Js][coldfusion] recupération de tableau javascript.	Jquery - Bug script perso- style Jcarousel (très très basique!!)
[HTML][JavaScript] Problème d'accès à l'état d'une checkbox via JS	Probleme de communication PHP/JS 'Edit in place'
[VBA] Explications des références (librairies) -> RESOLU	[JS] Diapo play/stop
[JS] $('ID') je cherche à faire de ID une sorte de variable...	Parametre JS pour afficher contenu frame
[Résolu][XSLT] Utilisation de la librairie redirect	JS - Mon script ne fonctionne pas...
Plus de sujets relatifs à : [JS] utilisation de la librairies highlightfade de jquery

Page générée en 0.058 secondes