Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]prepend() - jak użyc przy systemie newsów
neo1986kk
post 18.12.2010, 14:47:12
Post #1





Grupa: Zarejestrowani
Postów: 561
Pomógł: 3
Dołączył: 2.02.2009

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


Witam znalazłem w Jquery dodawanie przed danym divem, wiem jak tego używać dla statycznych elementów, ale jak to podczepić do innerHTML.
Chodzi mi o to że mam kod w js dodający newsy

  1.  
  2. if (XMLHttpRequestObject) {
  3. XMLHttpRequestObject.open("POST", "/dodaj.php");
  4. XMLHttpRequestObject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  5.  
  6. XMLHttpRequestObject.onreadystatechange = function ()
  7. {
  8. if (XMLHttpRequestObject.readyState == 4)
  9. {
  10. document.getElementById('newscontent').innerHTML = XMLHttpRequestObject.responseText;
  11.  
  12. }
  13. }
  14. XMLHttpRequestObject.send(dane);
  15. }


innerHTML to <div class="newbox">tresc</div>

no i php
  1.  
  2. <div id="newscontent">
  3. <div class="newbox">tresc</div>
  4. <div class="newbox">tresc</div>
  5. <div class="newbox">tresc</div>
  6. </div>
  7.  


Chciałbym uzyskać coś takiego żeby nowy news pojawiał się na samej górze
Rozumiem że muszę użyć jquery i prepend()
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
kamil4u
post 18.12.2010, 16:26:18
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Po pierwsze lepiej jak skorzystasz z 'listy',a nie z div-ów smile.gif
Po drugie, nie musisz korzystać z jQuery(a jak chcesz to ja niestety Ci nie pomogę)
I po trzecie:
Kod
var el = document.createElement('div');
el.innerHTML = XMLHttpRequestObject.responseText; //warto by było, gdyby PHP 'zwracało' tylko tekst w Twoim przykładzie tylko 'tresc'
el.calssName = 'newbox';
document.getElementById('newscontent').insertBefore(el,document.getElementById('newscontent').firstChild);

Ew., ale to mało poprawnie:
Kod
document.getElementById('newscontent').innerHTML = XMLHttpRequestObject.responseText + document.getElementById('newscontent').innerHTML;


--------------------
Go to the top of the page
+Quote Post
Fifi209
post 18.12.2010, 17:23:25
Post #3





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


W Jquery:

[JAVASCRIPT] pobierz, plaintext
  1.  
  2. $("div_parent div:first").prepend
  3.  
[JAVASCRIPT] pobierz, plaintext


Bynajmniej z tego co pamiętam

Ten post edytował fifi209 18.12.2010, 17:23:41


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
mls
post 18.12.2010, 22:41:01
Post #4





Grupa: Zarejestrowani
Postów: 677
Pomógł: 89
Dołączył: 31.08.2003
Skąd: Warszawa

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


Cytat(fifi209 @ 18.12.2010, 17:23:25 ) *
Bynajmniej z tego co pamiętam


OMFG.
Cytat
bynajmniej - "wcale, zupełnie, ani trochę, zgoła (zwykle w połączeniu z następującą partykułą nie)"

(źródło)


--------------------
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: 23.06.2025 - 14:56