JS migracja na DOM, ak zrobic document.write ? Opcje

[JohnySpot]

Szukałem długo znlazłem textnode coś atm ale jak zmieniłem rozszerzenie pliku na xhtml to przestało działać... o co chodzi ? Strona wygląda mniej więce tak:

Kod

--------------------
|     |          |     |
|     |          |     |
|     |          |     |
|     |          |     |
--------------------

Po środku jest treść natomiast po lewej i prawej stonir ma być albo nie być... rysunku, w zależności od rozdzielczości .... Przy 800x600 te rysunki przestają mieścić się na ekranie a stronę trzba przwijać w poprzek.... Więc jak to było jeszcze na HTML-u to robiło się tak:

[HTML] pobierz, plaintext 
<script type="javascript/text">
if (screen.width > 800) {
klisza();
}
</script>
[HTML] pobierz, plaintext 

a klisza to było:

[HTML] pobierz, plaintext 
<script type="javascript/text">
function klisza() {
document.write('<img src="image.png" alt="klisza" />');
}
</script>
[HTML] pobierz, plaintext 

i działało .... nie pamiętam czy to było document.width czy screen.width ale coś co działało (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) I teraz pytanie brzmi... jak to zapisać w DOM bo chyba inaczej nie da sie tego zrobić ? Chyba, że się da... Dodam jeszcze, że obydwa obrazki były uzależnione od rozdzielczości.

Ten post edytował JohnySpot 3.05.2005, 11:29:26

[mario]

Szukałem długo znlazłem textnode coś atm ale jak zmieniłem rozszerzenie pliku na xhtml to przestało działać... o co chodzi ? Strona wygląda mniej więce tak:

Kod

--------------------
|     |          |     |
|     |          |     |
|     |          |     |
|     |          |     |
--------------------

Po środku jest treść natomiast po lewej i prawej stonir ma być albo nie być... rysunku, w zależności od rozdzielczości .... Przy 800x600 te rysunki przestają mieścić się na ekranie a stronę trzba przwijać w poprzek....

Ja stosuję prostą metodę:

robię tabelkę na 100% szerokości strony, w niej tabelkę wyśrodkowaną na szerokość dla 800px rozdziałki, w środku w tej tabelce 800px daję treść, a na bocznych komórkach daję lewe i prawe tło. Wtedy bardzo ładnie to wygląda, bo dla większych rozdziałek widać wszystko, a dla 800px widać tylko srodkową część. I to bez żadnej JAVA (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Wygląda to mniej więcej tak:

[HTML] pobierz, plaintext 
<table width=100% border=0>
 <tr>
  <td width=50% align=right><img src='lewe_tlo.jpg'></td>
  <td width=779>
 
  <table width=779 align=center border=0>
   <tr>
    <td>TRESC</td>
   </tr>
  </table>
 
  </td>
  <td width=50% align=left><img src='prawe_tlo.jpg'></td>
 </tr>
</table>
[HTML] pobierz, plaintext 

Teraz nie musisz już robić wersji strony dla różnych rozdzielczości. Musisz tylko wyciąć część garfiki po lewej i prawej stronie - gotowe rozwiązanie i sprawdzone.