Selon la résolution, différents fichiers CSS sont appelés.
pointillé ; TABLE-LAYOUT : fixe ; BORDER-TOP : #cccccc 1px pointillé ; #cccccc 1px pointillé : #cccccc 1px pointillé ; cellSpacing=0 cellPadding=6 width="95%" align=center border=0> <SCRIPT LANGUAGE="javascript">
<!--
si (window.navigator.userAgent.indexOf("MSIE")>=1)
{
varIE1024="";
varIE800="";
varIE1152="";
varIEautre="";
Largeur d'écran (IE1024, IE800, IE1152, IEautre)
}autre{
si (window.navigator.userAgent.indexOf("Firefox")>=1)
{
fichier://si le navigateur est Firefox
var Firefox1024="";
var Firefox800="";
varFirefox1152="";
var Firefoxautre="";
Largeur d'écran (Firefox1024, Firefox800, Firefox1152, Firefox autre)
}autre{
file://si le navigateur est un autre
var Autre1024="";
var Autre800="";
var Autre1152="";
var Autreautre="";
Largeur d'écran (Autre1024,Autre800,Autre1152,Autreautre)
}
}
fonction Largeur d'écran (CSS1, CSS2, CSS3, CSS4) {
if ((screen.width == 1024) && (screen.height == 768)){
setActiveStyleSheet(CSS1);
}autre{
if ((screen.width == 800) && (screen.height == 600)){
setActiveStyleSheet(CSS2);
}autre{
if ((screen.width == 1152) && (screen.height == 864)){
setActiveStyleSheet(CSS3);
}autre{
setActiveStyleSheet(CSS4);
}}}
}
fonction setActiveStyleSheet(titre){
document.getElementsByTagName("link")[0].href="style/"+title;
}
fichier://-->
</SCRIPT>
expliquer:
varIE1024="";
varIE800="";
varIE1152="";
varIEautre="";
Remplissez respectivement les guillemets et le nom du fichier CSS à utiliser lorsque l'utilisateur utilise IE et que la résolution est 1024*768, 800*600, 1152*864.
var Firefox1024="";
var Firefox800="";
varFirefox1152="";
var Firefoxautre="";
Remplissez respectivement les guillemets et le nom du fichier CSS à utiliser lorsque l'utilisateur utilise FF et que la résolution est 1024*768, 800*600, 1152*864.
var Autre1024="";
var Autre800="";
var Autre1152="";
var Autreautre="";
Remplissez les guillemets séparément. Lorsque l'utilisateur utilise d'autres navigateurs et que la résolution est 1024*768, 800*600, 1152*864, le nom du fichier CSS à utiliser
n'est pas jugé, seul le navigateur est jugé
en fonction
.Selon la suggestion de E.Qiang, compilez le code suivant. Appelez automatiquement différents CSS selon le type de navigateur.
Code:
<LANGUE DU SCRIPT="javascript">
<!--
si (window.navigator.userAgent.indexOf("MSIE")>=1)
{
file://si le navigateur est IE
setActiveStyleSheet("default.css");
}autre{
si (window.navigator.userAgent.indexOf("Firefox")>=1)
{
fichier://si le navigateur est Firefox
setActiveStyleSheet("default2.css");
}autre{
file://si le navigateur est un autre
setActiveStyleSheet("newsky.css");
}
}
fonction setActiveStyleSheet(titre){
document.getElementsByTagName("link")[0].href="style/"+title;
}
fichier://-->
</SCRIPT>
Explication :
Si le navigateur est IE, appelez default.css.
Si le navigateur est Firefox, appelez default2.css.
Si le navigateur est autre, appelez newsky.css.
Utilisation : Placer dans <head></head>. Frappez-le.