ugrás a tartalomhoz

Hogy lehet megoldani a stíluslap váltását a 800*600 és 1024*768-as felbontások között

gabeee · 2005. Ápr. 27. (Sze), 15.21
Hali meg lehet oldani azt, hogy ne egy új oldlra cserélje le a kész html oldalt csak a stílust cserélje le.
Rétegekkel dolgozok csak felbontásváltás esetén elcsúsznak a rétegeim ha ezt egy másik stíluslappal irányítom akkor jó lessz ezért kéne erre gy megoldás.
‹ Javascriptben objektum mozgatása ponttól pontig hogy kel? DHTML + fényreklám ›
 ■
1

Javascript

Granc Róbert · 2005. Ápr. 27. (Sze), 15.56
Javascripttel le tudod kérdezni a felbontást, utána pedig betöltetni vele az új stíluslapot...
Az első részére nagyon sok példát találsz kis kereséssel, a másodikra jó megoldás például a Working With Alternate Style Sheets

/r.
2

ebből a kódból kéne összehozni hogy a stílust töltse az o

gabeee · 2005. Ápr. 27. (Sze), 16.10
<script language="JavaScript" type="text/javascript">
szeles = screen.width;
magas = screen.height;

if (szeles == 800) {
window.location.href = "pl800.html";
}
</script>
3

pontosabban...

Anonymous · 2005. Ápr. 27. (Sze), 16.24
var szeles = screen.width;
var magas = screen.height;

Anonymous
4

document.write a te barátod...

Anonymous · 2005. Ápr. 27. (Sze), 16.33
<script type="text/javascript">
var szeles = screen.width;
switch (szeles)
{
    case 640:
        document.writeln('<link rel="stylesheet" href="pl640.css" type="text/css">');
    break;
        
    case 800:
        document.writeln('<link rel="stylesheet" href="pl800.css" type="text/css">');
    break;

    default:
        document.writeln('<link rel="stylesheet" href="pl1024.css" type="text/css">');
    break;
}
</script>
Gyulus
5

Ezzel kapcsolatban

Anonymous · 2005. Ápr. 27. (Sze), 17.43
Ezzel kapcsolatban felvetődik, hogy van e olyan böngésző, amely a css-t ismeri, de a javascripetet nem?
6

Ha kikapcsolod...

Pal_ur · 2005. Ápr. 28. (Cs), 10.16
Ha kikapcsolod a JavaScriptet, akkor az IE-sem ismeri fel...

Pál_úr
7

nemtum én így

toxin · 2005. Ápr. 28. (Cs), 10.51
nemtom de én valahogy így csinálnám:

.
.
.
<link id="style" rel="stylesheet" type="text/css" href="styles/defSkin.css" />
<script type="text/javascript">

var szeles = screen.width;
switch (szeles)
{
case 640:
document.getElementById("style").href="styles/def600Skin.css";
break;
case 800:
  document.getElementById("style").href="styles/def800Skin.css";
break;
default:
  document.getElementById("style").href="styles/defSkin.css";
break;
}

</script>
</head>
<body>
.
.
.