Discussion :

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[NoSmoking]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>