Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [Ajax] Jak zmienić pewną rzecz ?
howcio
post 17.11.2013, 23:07:03
Post #1





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 5.11.2013

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


Witajcie. Kumpel zrobił mi skrypt stronki do sprawdzania, czy postać w grze jest online. Nicki postaci skrypt bierze ajaxem z diva. Aktualnie ma się to tak :

div z indexu
  1. <div class="results">
  2. <ul>
  3. <li><span class="name">nick 1</span><span class="name-result"><img src="images/loading.gif" /></span></li>
  4. <li><span class="name">nick2</span><span class="name-result"><img src="images/loading.gif" /></span></li>
  5. <li><span class="name">...</span><span class="name-result"><img src="images/loading.gif" /></span></li>
  6. <li><span class="name">nick100</span><span class="name-result"><img src="images/loading.gif" /></span></li>
  7. </ul></div>

do tego
main.js
  1.  
  2.  
  3. jQuery(document).ready(function($){
  4.  
  5. var $names = $('.results li');
  6.  
  7. $names.each(function(i){
  8. var $nick = $(this).find('.name').text();
  9. var that = $(this);
  10. $.ajax({
  11. url: 'php/check_name.php',
  12. data: {nick: $nick},
  13. type: 'get',
  14. success: function(output) {
  15. that.find('.name-result').html(output);
  16. }
  17. });
  18.  
  19.  
  20. });
  21.  
  22.  
  23. })


Wszystko działa cacy, ale wkurza już mnie wypunktowanie listy postaci,
na stronie docelowo pokazuje mi się to tak :
[kropka od wypunktowania] NICK jest [ONLINE/OFFLINE] Level: [xx]
[Kropa] NICK jest [STATUS] Level: [xx]

itd

Natomiast chciałbym to zmienić, żeby nick zczytywało bez konieczności podania <li>, żebym nie miał tego wypunktowanego... Próbowałem zmienić w main.js
var $names = $('.results li');
na

var $names = $('.results');
lecz wtedy nie działa - stale ładuje się obrazek...


Nie mam już pomysłu jak to ogarnąć...

Chciałbym, żeby docelowo działało to tak, że nie byłaby lista wykropkowana, tylko normalnie linijka pod linijką, tak żebym mógł diva zrobić tak
  1. <div class="results">
  2. <h1>Dzień 1</h1>
  3.  
  4. <span class="name">nick1</span><span class="name-result"><img src="images/loading.gif" /></span><br>
  5. <span class="name">nick10</span><span class="name-result"><img src="images/loading.gif" /></span><br>
  6. <span class="name">....</span><span class="name-result"><img src="images/loading.gif" /></span><br>
  7. <span class="name">nick10i</span><span class="name-result"><img src="images/loading.gif" /></span><br>
  8.  
  9. </div>


Niestety ja nie ogarniam ajaxa, a z kumplem nie mam kontaktu...

Jeśli coś jeszcze potrzeba z kodu to proszę o info, to podam
Go to the top of the page
+Quote Post
markonix
post 18.11.2013, 01:30:46
Post #2





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

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


li {list-style-type:none}


--------------------
Go to the top of the page
+Quote Post
howcio
post 18.11.2013, 01:42:42
Post #3





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 5.11.2013

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


a no jest to jakieś rozwiązanie, ale dlaczego po zmianie w .js nie trybi? snitch.gif
Go to the top of the page
+Quote Post
markonix
post 18.11.2013, 02:16:35
Post #4





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

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


Bo źle się dobierasz do elementów DOM.
Dając $('.results') iteruje po obiektach o klasie results, sam z siebie się nie domyśli że chodzi Ci o kolejne span'y.


--------------------
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: 3.07.2025 - 01:20