Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [AJAX] Doładowanie styli, Jak dodać style do strony odświerzanej AJAX-em
frickle
post
Post #1





Grupa: Zarejestrowani
Postów: 69
Pomógł: 0
Dołączył: 20.04.2006
Skąd: Kraków/Lublin/Lubartów

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

Witam

Być może ktoś będzie w stanie pomóc mi w takiej oto sprawie:
Mam stronę obsługiwaną AJAX-em. Problem w tym, że na tejże stronie, znajduje się bardzo dużo różnych formularzy. Ponieważ rozmieszczenie pól musi być zgodne z projektem, elementy formularzy są pozycjonowane absolutnie. Co za tym idzie, każdy formularz ma swojego css-a. Nie chciałbym łądować tych wszystkich css-ów na początku i teraz pytanie:

Czy istnieje możliwość dynamicznego "doładowania" stylu dla strony którą sobie doładowuję przez AJAX?

Z góry dzięki za wszelkie sugestie.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
wookieb
post
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Da się.
ładujesz do ajaxa plik ze stylami a nastenie wrzucasz do w tag <style>
Go to the top of the page
+Quote Post
frickle
post
Post #3





Grupa: Zarejestrowani
Postów: 69
Pomógł: 0
Dołączył: 20.04.2006
Skąd: Kraków/Lublin/Lubartów

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

Niestety
Załadowałem, sprawdziłem że styl się załadował (to znaczy jest w odpowiednim tagu) i bryndza.

Może jakieś inne sugestie?
Go to the top of the page
+Quote Post
wookieb
post
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Pokaż kod.
Moj przykladowy
test.php
[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="iso-8859-2"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  4. <head>
  5.   <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript" src="advajax.js"></script>
  7. <style type="text/css">
  8. #text
  9. {
  10. background-color: red;
  11. }
  12. </style>
  13. <script type="text/javascript">
  14. function zaladuj()
  15. {
  16.     advAJAX.post({
  17.         url:'ajax.php.txt',
  18.         onSuccess:function(obj)
  19.         {
  20.             document.body.innerHTML+='<style>'+obj.responseText+'</style>';
  21.         }
  22.     })
  23. }
  24. </script>
  25. </head>
  26. <body>
  27. <div id="test" onclick="zaladuj();"> heheheh</div>
  28.  
  29. </body>
  30. </html>
[HTML] pobierz, plaintext


ajax.php.txt
Kod
#test
{
background-color: #000000;
color: #ffffff;
}
Go to the top of the page
+Quote Post
frickle
post
Post #5





Grupa: Zarejestrowani
Postów: 69
Pomógł: 0
Dołączył: 20.04.2006
Skąd: Kraków/Lublin/Lubartów

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

Dobra, działa. Próbowałem to zrobić w inny sposób. A mianowicie wstawiłem pusty tag <style></style> i do środka ładowałem styl, ale w ten sposób nie działało. Twój jest OK. Sprawdziłem i działa. Dzięki.
Go to the top of the page
+Quote Post
« Następny starszy · XML, AJAX · 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 · Linearny+ · Przełącz na: Drzewo

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

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