Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> JS migracja na DOM, ak zrobic document.write ?
JohnySpot
post
Post #1





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 9.09.2003
Skąd: Włocławek

Ostrzeżenie: (0%)
-----

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 
  1. <script type="javascript/text">
  2. if (screen.width > 800) {
  3. klisza();
  4. }
  5. </script>
[HTML] pobierz, plaintext


a klisza to było:

[HTML] pobierz, plaintext 
  1. <script type="javascript/text">
  2. function klisza() {
  3. document.write('<img src="image.png" alt="klisza" />');
  4. }
  5. </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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
JohnySpot
post
Post #2





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 9.09.2003
Skąd: Włocławek

Ostrzeżenie: (0%)
-----

Może tak, bez ściemy. Oto fragment mohego pliku:

[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="iso-8859-2"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. 	<title>Mój pierwszy layout</title>
  6. 	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  7. 	<link rel="stylesheet" type="text/css" media="all" href="style/main.css" />
  8. 	<script type="text/javascript" src="skrypty/main.js" />
  9. </head>
  10.  
  11. <body>
  12. 	<div class="glowny">
  13. 		<div class="klisza">
  14. 			<img src="images/klisza.jpg" alt="klisza" />
  15. 		</div>
  16. [...]
[HTML] pobierz, plaintext


Rozumiem, że mam zmienić na:

[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="iso-8859-2"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. 	<title>Mój pierwszy layout</title>
  6. 	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  7. 	<link rel="stylesheet" type="text/css" media="all" href="style/main.css" />
  8. 	<script type="text/javascript" src="skrypty/main.js" />
  9. </head>
  10.  
  11. <body>
  12. 	<div class="glowny">
  13. 		<div class="klisza" id="lewy_obrazek">
  14. 			<script type="text/javascript">
  15. 				klisza();
  16. 			</script>
  17. 		</div>
[HTML] pobierz, plaintext


a w moim main.js zrobic:

Kod
function klisza() {
var element = document.getElementById('lewy_obrazek');
var nowyElement = document.createElement('img');
nowyElement.src = 'images/klisza.jpg';

element.appendChild(nowyElement);    
}


:/ bo jeżeli tak to nie działa :/ plik ma rozszerzenie xhtml :/
Go to the top of the page
+Quote Post

Posty w temacie
- JohnySpot   JS migracja na DOM   3.05.2005, 11:28:34
- - bregovic   Rozszerenie pliku musisz miec html (chyba ze wysyl...   3.05.2005, 12:42:55
- - mario   Cytat(JohnySpot @ 2005-05-03 12:28:34)Szukałe...   3.05.2005, 12:56:55
- - JohnySpot   Fajne rozwiązanie ... dzięki... ale nie chodziło m...   3.05.2005, 14:17:15
- - bregovic   Ok, więc chcesz dodać nowy element (img). Aby to u...   3.05.2005, 19:15:43
- - JohnySpot   Może tak, bez ściemy. Oto fragment mohego pliku: ...   4.05.2005, 06:27:58
- - bregovic   Jesli otwrozysz w twojej przegladarce plik z rozsz...   4.05.2005, 08:57:41
- - JohnySpot   Wilekie dzięki jesteś wielki działa Teraz jeszcze...   4.05.2005, 19:07:53

« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 4.10.2025 - 16:46
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn