Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [AJAX] Doładowanie styli, Jak dodać style do strony odświerzanej AJAX-em
frickle
post 13.10.2008, 13:24:24
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.


--------------------
Lepiej kijek obcinkować niż go potem pogrubasić.
Go to the top of the page
+Quote Post
wookieb
post 13.10.2008, 13:39:45
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 13.10.2008, 16:44:54
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?


--------------------
Lepiej kijek obcinkować niż go potem pogrubasić.
Go to the top of the page
+Quote Post
wookieb
post 13.10.2008, 17:07:51
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
  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. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="advajax.js"></script>
  6. <style type="text/css">
  7. #text
  8. {
  9. background-color: red;
  10. }
  11. <script type="text/javascript">
  12. function zaladuj()
  13. {
  14. advAJAX.post({
  15. url:'ajax.php.txt',
  16. onSuccess:function(obj)
  17. {
  18. document.body.innerHTML+='<style>'+obj.responseText+'</style>';
  19. }
  20. })
  21. }
  22. </head>
  23. <div id="test" onclick="zaladuj();"> heheheh</div>
  24.  
  25. </body>
  26. </html>


ajax.php.txt
Kod
#test
{
background-color: #000000;
color: #ffffff;
}


--------------------
Go to the top of the page
+Quote Post
frickle
post 13.10.2008, 18:19:36
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.


--------------------
Lepiej kijek obcinkować niż go potem pogrubasić.
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 26.06.2025 - 14:29