Compatibilité Jquery Safari Chrome [Résolu]

[cels]

Bonjour,

je suis en train de bosser sur mon cv en ligne. J'ai un bouton pour surligner les mots cles histoire de donner de la visibilite. J'utilise un petit script Jquery sur click. Ca fonctionne tres bien sur Firefox et IE mais pas sur Safari et Chrome.

J'ai bien teste que le javascript est active en testant avec une alerte.

Voici le script:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
	var show=0;
		$('#show_keywords').click(function(){
			if(show==0){
				$('.keyword').animate({"backgroundColor":"#9C6"},100);
				$('#show_keywords').html('<?php if($lang=='eng'){echo 'Hide keywords';}else{ echo 'Sans mots clés';} ?>');
				show=1;
			}else{
				$('.keyword').animate({"backgroundColor":"#56739A"},100);
				$('#show_keywords').html('<?php if($lang=='eng'){echo 'Show keywords';}else{ echo 'Mots clés';} ?>');
				show=0;
			}
		});

La page est hebergee ici pour le moment: www.restobaalbeck.com/cv/

Si quelqu'un avait une explication, je ne trouve pas vraiment de poste relatif a ca...

Merci pour votre aide,

Cyril

[MrPringle]

Tu as besoin du plugin color je pense.

[Bovino]

C'est parce que le format des couleurs est différent. Les animations liées aux couleurs ne sont pas recommandées parce que justement, elles ne sont pas garanties de façon cross-browser.

[cels]

Salut,

merci pour vos reponse, et desole d'avoir place ma question dans le mauvais forum.

J'ai bien le plugin color.

J'utilise Jquery en me disant que justement ca m'evite de me prendre trop la tete avec les problemes de browser, je dois faire erreur

Y aurait-il un moyen de faire marcher ca sur tous les browsers ? Parce que je tiens pas mal au resultat final.

Merci pour votre aide.

Cyril

[Bovino]

Envoyé par cels

J'utilise Jquery en me disant que justement ca m'evite de me prendre trop la tete avec les problemes de browser, je dois faire erreur

Non, tu ne te trompes pas, mais là où tu commets une erreur c'est de penser que selon ce principe, jQuery sait faire tout et n'importe quoi
Si tu avais lu la doc de animate(), tu aurais vu par exemple ceci :

All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated using basic jQuery functionality. (For example, width, height, or left can be animated but background-color cannot be.) Property values are treated as a number of pixels unless otherwise specified. The units em and % can be specified where applicable.

puis plus loin :

Note: The jQuery UI project extends the .animate() method by allowing some non-numeric styles such as colors to be animated. The project also includes mechanisms for specifying animations through CSS classes rather than individual attributes.

[SpaceFrog]

il existe des plugins d'animation des couleurs

http://www.bitstorm.org/jquery/color-animation/

ou jquery UI
http://jqueryui.com/demos/animate/#default

[cels]

Salut,

merci pour ce plugin color. Ca fonctionne maintenant bien sur Safari et Chrome...
mais pas sur Firefox (pas teste IE).

Pour regler ca, j'ai garde les deux scripts et je detecte le navigateur avec php ce qui me permet de selectionner le script adequat.

POur detecter le navigateur, j'ai trouve ceci, fonctionne tres bien:
http://dev.neowebmag.com/php/detecte...ur-utilisateur

Merci a tous.

Cyril

[Bovino]

Envoyé par cels

POur detecter le navigateur, j'ai trouve ceci, fonctionne tres bien:
http://dev.neowebmag.com/php/detecte...ur-utilisateur

C'est inutile : il suffit d'utiliser jQuery.browser