Un hack CSS pour Firefox inférieur à 3.5 [Résolu]

[Msieurduss]

Bonjour à tous,

J'ai un site Internet dont une partie ne fonctionne pas si Firefox est inférieur à 3.5 (donc FF 3.0 par ex, le 2, etc).

J'ai trouvé sur Internet des hack pour Firefox 2, Firefox 3... le problème de ce dernier est qu'il hack TOUS les Firefox 3, donc y compris le 3.5 où le code fonctionne

Existe-t-il un hack CSS (voire via javascript...) pour Firefox inférieur à 3.5 ?

Merci d'avance

[ornitho13]

Salut,

la vrai question c'est pourquoi as tu besoin d'un hack ? Quel est le problème auquel tu es confronté ?

[Msieurduss]

Bonjour et merci pour ta réponse

Le site concerné est celui-ci : http://raudin.u-bordeaux3.fr/
Il y a un slide (fait avec Slidedeck pour Wordpress) en page d'accueil. Il utilise, entre autres, une propriété de rotation qui ne fonctionne pas sur Firefox 2 et Firefox < 3.5, ni sur IE6 par ailleurs.

La seule façon "aisée" que je vois est de carrément masquer le slider sur ces versions, le temps nous étant compté pour ce site

Pour faire court, je cherche un truc du genre (c'est pas du vrai code hein )

Code :

1
2
3
4
5
6
 
SI (Navigateur == Firefox && Version Firefox < 3.5) {
     <style type="text/css">
          #slide { display: none; }
     </style>
}

[ornitho13]

Je vois que tu utilises jQuery.

Tu peux donc récupérer facilement le nom du navigateur et la version (jquery.browser, il est déprécié mais toujours utilisé) et faire ceci par exemple:

Code Tiré de la documentation jQuery :

1
2
3
4
5
 
var ua = $.browser;
  if ( ua.mozilla && ua.version.slice(0,3) == "1.9" ) {
    alert( "Do stuff for firefox 3" );
  }

[Msieurduss]

Merci beaucoup pour ta réponse

Ce site a cependant quelques difficultés avec les jQuery j'ai l'impression... Il me renvoie une erreur, étrange puisqu'en lien avec l'usage basique du code jQuery :

Erreur*: $ is not a function
Fichier Source*: http://raudin.u-bordeaux3.fr/
Ligne*: 37

Erreur*: $ is undefined
Fichier Source*: http://raudin.u-bordeaux3.fr/
Ligne*: 112

Connais-tu ou sais-tu où trouver l'équivalent sans utilisation de jQuery ?

[ornitho13]

en javascript pur, tu dois utiliser l'objet navigator:

Code javascript :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
var version,string;
var detect = navigator.userAgent.toLowerCase();
function checkUA(str)
{
	position = detect.indexOf(str) + 1;
	string = str;
	return position;
}
window.onload = function(){
 
	if(checkUA('firefox')){
		alert('je suis sous firefox');
		if (!version) {
			version = detect.charAt(position + string.length);
			alert('voici la version : ' + version);
		}
	}
}

le script est à adapter pour la version

[Msieurduss]

Merci encore pour ta réponse et ta patience

Ce code est presque parfait... Le problème qu'il y a c'est qu'il identifie la version à son premier niveau : il me renvoie la même chose pour Firefox 3.0 et Firefox 3.5 par exemple (à savoir "je suis sur Firefox 3")... du coup je ne peux pas faire de différence entre les deux et traiter le problème

[NoSmoking]

Envoyé par Msieurduss

Merci beaucoup pour ta réponse

Ce site a cependant quelques difficultés avec les jQuery j'ai l'impression... Il me renvoie une erreur, étrange puisqu'en lien avec l'usage basique du code jQuery :

Erreur*: $ is not a function
Fichier Source*: http://raudin.u-bordeaux3.fr/
Ligne*: 37

Erreur*: $ is undefined
Fichier Source*: http://raudin.u-bordeaux3.fr/
Ligne*: 112

Connais-tu ou sais-tu où trouver l'équivalent sans utilisation de jQuery ?

ces erreurs sont liées à l'abandon de la variable $ dans jQuery.noConflict() qui se trouve dans ton fichier http://raudin.u-bordeaux3.fr/wp-incl...y.js?ver=1.4.2
- soit tu utilises une version standard
- soit tu mets

Code javascript :

1
2
$ = jQuery;
$(document).ready(function() {...

opte pour la première solution

<edit>
au fait tant qu'à utiliser jQuery pourquoi ne pas utiliser jQuery.ajax()
</edit>

[Msieurduss]

Exact en effet, $ = jQuery; fonctionne très bien. Merci beaucoup pour ton aide !

Pour jQuery.ajax, c'est vrai que je ne l'ai même pas utilisé pour une partie en ajax sur le site, faite à la mano... je maîtrise encore assez mal jQuery, surtout sur ce site là (un Wordpress) où les modules sont multiples et utilisent parfois plusieurs versions de jQuery... bref

Cela ne règle pas le problème de la version de Firefox, qui est bien détectée, mais pas dans le détail : impossible d'indiquer la différence entre 3.0 et 3.5...

(ce message aurait désormais + sa place dans le forum js peut-être )

[ornitho13]

tiens j'ai refait le script, il donne la version entière :

Code javascript :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
var version,string;
var detect = navigator.userAgent.toLowerCase();
function checkUA(str)
{
	position = detect.indexOf(str) + 1;
	string = str;
	return position;
}
window.onload = function(){
 
	if(checkUA('firefox')){
		alert(detect);
		if (!version) {
			version = detect.substring(position + string.length, detect.length);
			alert('voici la version : ' + version);
		}
	}
}

[Msieurduss]

Merci BEAUCOUP !!! Cela fonctionne nickel ! Je n'ai plus qu'à faire la condition et ça ira !

Super !