Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Ajax] Jak zmienić pewną rzecz ?
Forum PHP.pl > Forum > XML, AJAX
howcio
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
markonix
li {list-style-type:none}
howcio
a no jest to jakieś rozwiązanie, ale dlaczego po zmianie w .js nie trybi? snitch.gif
markonix
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.
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.