J'ai un problème avec un script sur mon site. C'est un loading pendant
le cargement d'une page. Le problème, c'est qu'il plante sous Opéra, IE
AMC et Safari.
Est-il possible d'ajouter une fonction au début du script pour détecter
ces navigateurs et faire en sorte qu'ils ignorent le script ?
Le code se compose de 2 scripts :
Dans le head :
<!--
var ie = document.all?true:false // On test le navigateur pour IE
onload = preloadImage // Appel de la function preloadImage() au
chargement de la page. Peut etre remplacer par <body
onload="preloadImage()">
function addZero(chiffre){ // Function qui ajoute un zero devant les
chiffres
if (chiffre < 10) { chiffre = "0"+chiffre; }
if (chiffre < 100) { chiffre = "0"+chiffre; }
return chiffre;
}
var i=0; // On initialise le comptage des images a 0.
function preloadImage(){
var myContent = document.getElementsByTagName("img") // On repere les
images contenu dans la page
var totalImage = myContent.length // Et on compte combien il y'en a
percent = Math.ceil((i+1)*100/totalImage) // A chaque passage dans la
fonction, on calcule le pourcentage de i par rapport au nb d'image
if (i < totalImage){ // Si l'image traité n'est pas la derniere image
du doc on execute ce qui suit.
if (myContent.item(i).complete) { // si l'image i est chargée, on
envoi le pourcentage dans le div
document.getElementById("preloadPercent").innerHTML = "[Veuillez
patienter " + addZero(percent) + "%]";
document.loadedGreen.style.width = percent // Et on redimension
l'image rouge
document.loadedRed.style.width = 100-percent // pareil en consequence
avec la verte.
i++ // On increment i, pour passer a l'image suivante
setTimeout(preloadImage) // Et hop, on repasse dans la fonction avec
l'image suivante
}
} else { // Sinon, on deduit que les images ont toute été chargées, et
on cache le preload.
if (!ie) document.getElementById("preloadCache").style.visibility =
"hidden"; // Si le client n'est pas IE on vire tout simplement le cache
else crosoftFade() // Sinon on applique un effet de fade progressif en
appelant la fonction crosoftFade()
}
}
var opacity = 60 // Opacity de depart 100 par defaut
function crosoftFade(){
opacity -= 10; // Opacity a chaque passage -25 par defaut
document.getElementById("preloadCache").style.filter =
"progid:DXImageTransform.Microsoft.Alpha(opacity=" + opacity + ")";
if (opacity > 0) setTimeout(crosoftFade); // On passe cette fonction en
boucle tant que le cache n'a pas disparu
else document.getElementById("preloadCache").style.visibility =
"hidden";
}
// -->
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Olivier Miakinen
J'ai un problème avec un script sur mon site. C'est un loading pendant le cargement d'une page. Le problème, c'est qu'il plante sous Opéra, IE AMC et Safari.
Ah. Il plante où ? comment ? à cause de quoi ?
Est-il possible d'ajouter une fonction au début du script pour détecter ces navigateurs et faire en sorte qu'ils ignorent le script ?
Plus simplement, il faudrait savoir quel objet ils ne supportent pas, afin d'ignorer le script en fonction de l'absence de cet objet.
<!-- var ie = document.all?true:false // On test le navigateur pour IE
Dès la première ligne, c'est faux. Tester l'existence de document.all n'est pas un bon indicateur d'Internet Explorer (par exemple, Opera supporte document.all). En revanche, c'est un *excellent* indicateur pour savoir si on peut on non utiliser document.all. Il faut faire exactement la même chose sur le truc que tu veux vraiment utiliser.
if (!ie) document.getElementById("preloadCache").style.visibility = "hidden"; // Si le client n'est pas IE on vire tout simplement le cache
L'instruction ci-dessus utilise document.getElementById() et style.visibility si le navigateur ne supporte pas document.all.
else crosoftFade() // Sinon on applique un effet de fade progressif en appelant la fonction crosoftFade()
Ici, au contraire, on appelle la fonction pour tous les navigateurs qui supportent document.all. Si cette fonction utilisait document.all comme seul truc propriétaire, ce serait correct, mais apparemment ce n'est pas le cas :
function crosoftFade(){ document.getElementById("preloadCache").style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + opacity + ")";
Il vaudrait probablement mieux tester l'existence de style.filter avant d'utiliser style.filter... et pas celle de document.all.
<!-- var str=''; str+=quelque chose str+=autre chose str+=et encore str+=etc. document.write(str) // -->
Beurk ! Pourquoi passer par du Javascript pour écrire du HTML statique ?
Je ne sais pas coder en javascript alors merci d'en tenir compte dans vos réponses.
Ah ? Désolé, alors : toutes les remarques qui précèdent ne s'adressent pas à toi, mais à la personne qui a écrit tout le code javascript que tu as récupéré pour en faire ta page web.
Si tu la connais, tu peux lui faire part de mes remarques afin qu'il améliore un peu le code qu'il t'a fourni. Sinon, essaie de trouver des exemples de scripts tout faits qui soient un peu plus propres. Un critère de propreté est -- mais tu dois l'avoir compris -- de ne pas tester une fonctionnalité pour en déduire le comportement général de tout un navigateur. Un autre critère est qu'il n'utilise nulle part document.write(), document.writeln() ou eval().
Ce dernier critère pourrait être discuté, mais seulement par quelqu'un qui connaît suffisamment le javascript pour savoir ce qu'il fait : pour quelqu'un qui ne s'y connaît pas, ce test est assez efficace.
-- Olivier Miakinen Non, monsieur le juge, je vous le jure : jamais je n'ai cité Bruxelles dans ma signature.
J'ai un problème avec un script sur mon site. C'est un loading pendant
le cargement d'une page. Le problème, c'est qu'il plante sous Opéra, IE
AMC et Safari.
Ah. Il plante où ? comment ? à cause de quoi ?
Est-il possible d'ajouter une fonction au début du script pour détecter
ces navigateurs et faire en sorte qu'ils ignorent le script ?
Plus simplement, il faudrait savoir quel objet ils ne supportent pas,
afin d'ignorer le script en fonction de l'absence de cet objet.
<!--
var ie = document.all?true:false // On test le navigateur pour IE
Dès la première ligne, c'est faux. Tester l'existence de document.all
n'est pas un bon indicateur d'Internet Explorer (par exemple, Opera
supporte document.all). En revanche, c'est un *excellent* indicateur
pour savoir si on peut on non utiliser document.all. Il faut faire
exactement la même chose sur le truc que tu veux vraiment utiliser.
if (!ie) document.getElementById("preloadCache").style.visibility =
"hidden"; // Si le client n'est pas IE on vire tout simplement le cache
L'instruction ci-dessus utilise document.getElementById() et
style.visibility si le navigateur ne supporte pas document.all.
else crosoftFade() // Sinon on applique un effet de fade progressif en
appelant la fonction crosoftFade()
Ici, au contraire, on appelle la fonction pour tous les navigateurs qui
supportent document.all. Si cette fonction utilisait document.all comme
seul truc propriétaire, ce serait correct, mais apparemment ce n'est pas
le cas :
function crosoftFade(){
document.getElementById("preloadCache").style.filter =
"progid:DXImageTransform.Microsoft.Alpha(opacity=" + opacity + ")";
Il vaudrait probablement mieux tester l'existence de style.filter avant
d'utiliser style.filter... et pas celle de document.all.
<!--
var str='';
str+=quelque chose
str+=autre chose
str+=et encore
str+=etc.
document.write(str)
// -->
Beurk ! Pourquoi passer par du Javascript pour écrire du HTML statique ?
Je ne sais pas coder en javascript alors merci d'en tenir compte dans
vos réponses.
Ah ? Désolé, alors : toutes les remarques qui précèdent ne s'adressent
pas à toi, mais à la personne qui a écrit tout le code javascript que tu
as récupéré pour en faire ta page web.
Si tu la connais, tu peux lui faire part de mes remarques afin qu'il
améliore un peu le code qu'il t'a fourni. Sinon, essaie de trouver des
exemples de scripts tout faits qui soient un peu plus propres. Un
critère de propreté est -- mais tu dois l'avoir compris -- de ne pas
tester une fonctionnalité pour en déduire le comportement général de
tout un navigateur. Un autre critère est qu'il n'utilise nulle part
document.write(), document.writeln() ou eval().
Ce dernier critère pourrait être discuté, mais seulement par quelqu'un
qui connaît suffisamment le javascript pour savoir ce qu'il fait : pour
quelqu'un qui ne s'y connaît pas, ce test est assez efficace.
--
Olivier Miakinen
Non, monsieur le juge, je vous le jure : jamais je n'ai cité
Bruxelles dans ma signature.
J'ai un problème avec un script sur mon site. C'est un loading pendant le cargement d'une page. Le problème, c'est qu'il plante sous Opéra, IE AMC et Safari.
Ah. Il plante où ? comment ? à cause de quoi ?
Est-il possible d'ajouter une fonction au début du script pour détecter ces navigateurs et faire en sorte qu'ils ignorent le script ?
Plus simplement, il faudrait savoir quel objet ils ne supportent pas, afin d'ignorer le script en fonction de l'absence de cet objet.
<!-- var ie = document.all?true:false // On test le navigateur pour IE
Dès la première ligne, c'est faux. Tester l'existence de document.all n'est pas un bon indicateur d'Internet Explorer (par exemple, Opera supporte document.all). En revanche, c'est un *excellent* indicateur pour savoir si on peut on non utiliser document.all. Il faut faire exactement la même chose sur le truc que tu veux vraiment utiliser.
if (!ie) document.getElementById("preloadCache").style.visibility = "hidden"; // Si le client n'est pas IE on vire tout simplement le cache
L'instruction ci-dessus utilise document.getElementById() et style.visibility si le navigateur ne supporte pas document.all.
else crosoftFade() // Sinon on applique un effet de fade progressif en appelant la fonction crosoftFade()
Ici, au contraire, on appelle la fonction pour tous les navigateurs qui supportent document.all. Si cette fonction utilisait document.all comme seul truc propriétaire, ce serait correct, mais apparemment ce n'est pas le cas :
function crosoftFade(){ document.getElementById("preloadCache").style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + opacity + ")";
Il vaudrait probablement mieux tester l'existence de style.filter avant d'utiliser style.filter... et pas celle de document.all.
<!-- var str=''; str+=quelque chose str+=autre chose str+=et encore str+=etc. document.write(str) // -->
Beurk ! Pourquoi passer par du Javascript pour écrire du HTML statique ?
Je ne sais pas coder en javascript alors merci d'en tenir compte dans vos réponses.
Ah ? Désolé, alors : toutes les remarques qui précèdent ne s'adressent pas à toi, mais à la personne qui a écrit tout le code javascript que tu as récupéré pour en faire ta page web.
Si tu la connais, tu peux lui faire part de mes remarques afin qu'il améliore un peu le code qu'il t'a fourni. Sinon, essaie de trouver des exemples de scripts tout faits qui soient un peu plus propres. Un critère de propreté est -- mais tu dois l'avoir compris -- de ne pas tester une fonctionnalité pour en déduire le comportement général de tout un navigateur. Un autre critère est qu'il n'utilise nulle part document.write(), document.writeln() ou eval().
Ce dernier critère pourrait être discuté, mais seulement par quelqu'un qui connaît suffisamment le javascript pour savoir ce qu'il fait : pour quelqu'un qui ne s'y connaît pas, ce test est assez efficace.
-- Olivier Miakinen Non, monsieur le juge, je vous le jure : jamais je n'ai cité Bruxelles dans ma signature.
Raphaël Wils
Bonjour,
J'ai un problème avec un script sur mon site. C'est un loading pendant le cargement d'une page. Le problème, c'est qu'il plante sous Opéra, IE AMC et Safari. Est-il possible d'ajouter une fonction au début du script pour détecter ces navigateurs et faire en sorte qu'ils ignorent le script ?
Ces logiciels ont probablement une console ou debugger javascript indiquant ou ils ont trouvé des erreurs.
Comme l'a indiqué Olivier il vaut mieux vérifier que le navigateur respecte certaines propriétés. Mais sinon si tu veux absolument détecter la navigateur, 'userAgent' est ton ami.
-- Raphaël http://www.r-wils.com « Don't mean a thing if you ain't got that swing ! »
Bonjour,
J'ai un problème avec un script sur mon site. C'est un loading pendant
le cargement d'une page. Le problème, c'est qu'il plante sous Opéra, IE
AMC et Safari.
Est-il possible d'ajouter une fonction au début du script pour détecter
ces navigateurs et faire en sorte qu'ils ignorent le script ?
Ces logiciels ont probablement une console ou debugger javascript
indiquant ou ils ont trouvé des erreurs.
Comme l'a indiqué Olivier il vaut mieux vérifier que le navigateur
respecte certaines propriétés.
Mais sinon si tu veux absolument détecter la navigateur, 'userAgent' est
ton ami.
--
Raphaël
http://www.r-wils.com
« Don't mean a thing if you ain't got that swing ! »
J'ai un problème avec un script sur mon site. C'est un loading pendant le cargement d'une page. Le problème, c'est qu'il plante sous Opéra, IE AMC et Safari. Est-il possible d'ajouter une fonction au début du script pour détecter ces navigateurs et faire en sorte qu'ils ignorent le script ?
Ces logiciels ont probablement une console ou debugger javascript indiquant ou ils ont trouvé des erreurs.
Comme l'a indiqué Olivier il vaut mieux vérifier que le navigateur respecte certaines propriétés. Mais sinon si tu veux absolument détecter la navigateur, 'userAgent' est ton ami.
-- Raphaël http://www.r-wils.com « Don't mean a thing if you ain't got that swing ! »
gad
Salut Raphaël,
Voici un script qui permet détecter les navigateurs :
<script language="javascript" src="./sniffer.js"> //Top Navigational Bar III v3.4.1.1b //(By BrotherCake @ ) //Permission granted/modified by Dynamicdrive.com //to include script in archive //For this and 100's more DHTML scripts, visit //http://www.dynamicdrive.com/ //This notice MUST stay intact for legal use //UDMv3.4.1.1b
var exclude=true; var agt=navigator.userAgent.toLowerCase(); var winlse;var maclse;var lin=true; if(agt.indexOf('win')!=-true){win=true;linlse;} if(agt.indexOf('mac')!=-true){mac=true;linlse;} var lnxlse;if(lin){lnx=true;} var icelse; var ielse;var ie4lse;var ie5lse;var ie6lse;var com= false;var dcm; var op5lse;var op6lse;var op7lse;var op8lse; var ns4lse;var ns6lse;var ns7lse;var mz7lse;var kdelse;var saflse; if(typeof navigator.vendor!="undefined"){ if (navigator.vendor=="KDE"){ var thisKDE=agt; var splitKDE=thisKDE.split("konqueror/"); var aKDE=splitKDE[true].split("; "); var KDEn=parseFloat(aKDE[false]); if(KDEn>2.2){ kde=true; ns6=true; excludelse; } } }
// array building functions for custom.js var mu="mu";var m=0;var sm=0;var cm=0;var sp=0; var mI=new Array; var sP=new Array; var sI=new Array; var cP=new Array; var cI=new Array;
// custom window opening function var nUrl,nW,nH; var nWin=new Array; var nw=0; function openWindow(nUrl,nW,nH){ window.name="parent"; nWin[nw] = open(nUrl, "","width="+nW+",height="+nH+",status=yes,scrollbars=no,scrolling =no,toolbar=no,menubar=no,location=no,resizable=yes"); nw++; }
//remote menu opening function function remoteTrigger(rts) { if(menuALIGN=="virtual"){return false;} if(ie4||ie5||ns6||mz7) { mainCell(rts,false);if(ie&&hideSELECT){hideSelects();}} if(ns4||op5||(op6&&((typeof oR[1][rts]!="undefined"&&oR[1][rts].style.visibility=="hidden")))) { oM(rts,false); } return true; } </script>
Bonjour,
J'ai un problème avec un script sur mon site. C'est un loading penda nt le cargement d'une page. Le problème, c'est qu'il plante sous Opér a, IE AMC et Safari. Est-il possible d'ajouter une fonction au début du script pour détecter ces navigateurs et faire en sorte qu'ils ignorent le script ?
Ces logiciels ont probablement une console ou debugger javascript indiquant ou ils ont trouvé des erreurs.
Comme l'a indiqué Olivier il vaut mieux vérifier que le navigateur respecte certaines propriétés. Mais sinon si tu veux absolument détecter la navigateur, 'userAgent' est ton ami.
Salut Raphaël,
Voici un script qui permet détecter les navigateurs :
<script language="javascript" src="./sniffer.js">
//Top Navigational Bar III v3.4.1.1b
//(By BrotherCake @ cake@brothercake.net)
//Permission granted/modified by Dynamicdrive.com
//to include script in archive
//For this and 100's more DHTML scripts, visit
//http://www.dynamicdrive.com/
//This notice MUST stay intact for legal use
//UDMv3.4.1.1b
var exclude=true;
var agt=navigator.userAgent.toLowerCase();
var win=false;var mac=false;var lin=true;
if(agt.indexOf('win')!=-true){win=true;lin=false;}
if(agt.indexOf('mac')!=-true){mac=true;lin=false;}
var lnx=false;if(lin){lnx=true;}
var ice=false;
var ie=false;var ie4=false;var ie5=false;var ie6=false;var com= false;var
dcm;
var op5=false;var op6=false;var op7=false;var op8=false;
var ns4=false;var ns6=false;var ns7=false;var mz7=false;var
kde=false;var saf=false;
if(typeof navigator.vendor!="undefined"){
if (navigator.vendor=="KDE"){
var thisKDE=agt;
var splitKDE=thisKDE.split("konqueror/");
var aKDE=splitKDE[true].split("; ");
var KDEn=parseFloat(aKDE[false]);
if(KDEn>2.2){
kde=true;
ns6=true;
exclude=false;
}
}
}
// array building functions for custom.js
var mu="mu";var m=0;var sm=0;var cm=0;var sp=0;
var mI=new Array;
var sP=new Array;
var sI=new Array;
var cP=new Array;
var cI=new Array;
// custom window opening function
var nUrl,nW,nH;
var nWin=new Array;
var nw=0;
function openWindow(nUrl,nW,nH){
window.name="parent";
nWin[nw] = open(nUrl,
"","width="+nW+",height="+nH+",status=yes,scrollbars=no,scrolling =no,toolbar=no,menubar=no,location=no,resizable=yes");
nw++;
}
//remote menu opening function
function remoteTrigger(rts) {
if(menuALIGN=="virtual"){return false;}
if(ie4||ie5||ns6||mz7) {
mainCell(rts,false);if(ie&&hideSELECT){hideSelects();}}
if(ns4||op5||(op6&&((typeof
oR[1][rts]!="undefined"&&oR[1][rts].style.visibility=="hidden")))) {
oM(rts,false); }
return true;
}
</script>
Bonjour,
J'ai un problème avec un script sur mon site. C'est un loading penda nt
le cargement d'une page. Le problème, c'est qu'il plante sous Opér a,
IE AMC et Safari.
Est-il possible d'ajouter une fonction au début du script pour
détecter ces navigateurs et faire en sorte qu'ils ignorent le script ?
Ces logiciels ont probablement une console ou debugger javascript
indiquant ou ils ont trouvé des erreurs.
Comme l'a indiqué Olivier il vaut mieux vérifier que le navigateur
respecte certaines propriétés.
Mais sinon si tu veux absolument détecter la navigateur, 'userAgent' est
ton ami.
Voici un script qui permet détecter les navigateurs :
<script language="javascript" src="./sniffer.js"> //Top Navigational Bar III v3.4.1.1b //(By BrotherCake @ ) //Permission granted/modified by Dynamicdrive.com //to include script in archive //For this and 100's more DHTML scripts, visit //http://www.dynamicdrive.com/ //This notice MUST stay intact for legal use //UDMv3.4.1.1b
var exclude=true; var agt=navigator.userAgent.toLowerCase(); var winlse;var maclse;var lin=true; if(agt.indexOf('win')!=-true){win=true;linlse;} if(agt.indexOf('mac')!=-true){mac=true;linlse;} var lnxlse;if(lin){lnx=true;} var icelse; var ielse;var ie4lse;var ie5lse;var ie6lse;var com= false;var dcm; var op5lse;var op6lse;var op7lse;var op8lse; var ns4lse;var ns6lse;var ns7lse;var mz7lse;var kdelse;var saflse; if(typeof navigator.vendor!="undefined"){ if (navigator.vendor=="KDE"){ var thisKDE=agt; var splitKDE=thisKDE.split("konqueror/"); var aKDE=splitKDE[true].split("; "); var KDEn=parseFloat(aKDE[false]); if(KDEn>2.2){ kde=true; ns6=true; excludelse; } } }
// array building functions for custom.js var mu="mu";var m=0;var sm=0;var cm=0;var sp=0; var mI=new Array; var sP=new Array; var sI=new Array; var cP=new Array; var cI=new Array;
// custom window opening function var nUrl,nW,nH; var nWin=new Array; var nw=0; function openWindow(nUrl,nW,nH){ window.name="parent"; nWin[nw] = open(nUrl, "","width="+nW+",height="+nH+",status=yes,scrollbars=no,scrolling =no,toolbar=no,menubar=no,location=no,resizable=yes"); nw++; }
//remote menu opening function function remoteTrigger(rts) { if(menuALIGN=="virtual"){return false;} if(ie4||ie5||ns6||mz7) { mainCell(rts,false);if(ie&&hideSELECT){hideSelects();}} if(ns4||op5||(op6&&((typeof oR[1][rts]!="undefined"&&oR[1][rts].style.visibility=="hidden")))) { oM(rts,false); } return true; } </script>
Bonjour,
J'ai un problème avec un script sur mon site. C'est un loading penda nt le cargement d'une page. Le problème, c'est qu'il plante sous Opér a, IE AMC et Safari. Est-il possible d'ajouter une fonction au début du script pour détecter ces navigateurs et faire en sorte qu'ils ignorent le script ?
Ces logiciels ont probablement une console ou debugger javascript indiquant ou ils ont trouvé des erreurs.
Comme l'a indiqué Olivier il vaut mieux vérifier que le navigateur respecte certaines propriétés. Mais sinon si tu veux absolument détecter la navigateur, 'userAgent' est ton ami.
