Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX] Doładowanie styli
Forum PHP.pl > Forum > XML, AJAX
frickle
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.
wookieb
Da się.
ładujesz do ajaxa plik ze stylami a nastenie wrzucasz do w tag <style>
frickle
Niestety
Załadowałem, sprawdziłem że styl się załadował (to znaczy jest w odpowiednim tagu) i bryndza.

Może jakieś inne sugestie?
wookieb
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;
}
frickle
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.