[JS]Jak złapać niestandardowy atrybut article_id, Rozwijanie pełnego artykuły JS jak złapać nietypowy atrybut Opcje

[stania-pl]

Witam !

Jestem nowy, dopiero uczę się JS mam taki oto problem

Moim celem jest rozwijanie całego artykułu po kliknięciu linka Więcej.

mam kod HTML gdzie obok class mam atrybut article_id

[HTML] pobierz, plaintext 
<div class="leading-0" article_id="7">
<span> cos tam costam </span>
<a class="czytajwiecej" href="#">Wiecej</a>
</div>
 
<div class="leading-1" article_id="8">
<span> blalalalalalla </span>
<a class="czytajwiecej" href="#">Wiecej</a>
</div>
[HTML] pobierz, plaintext 

Jak za pomocą JS złapać wartość elementu article_id ? Jest to niestandardowy atrybut (element ID wiem jak złapać - getElementById) ?

Krok dalej ?
Mam przygotowany plik php który będzie pobierał z bazy danych pełen tekst artykułu i chciałbym aby zamieniał po kliku na Więcej "intro" (<span> cos tam costam </span>) na cały artykuł.

Jak połączyć kliknięcie <a class="czytajwiecej"> z danego diva aby wrzucał pełny artykuł do diva (plik php mam gotowy - przekazuje article_id i wypisuje mi pełny artykuł o takim ID)

Napisałem coś takiego :


function pokazWiecej() {

$.post("caly.php", {
id: 7
// nie wiem jak do id zapisać vartość atrybutu article_id
},
function(response){

$(".leading-0").html(response);
}
);
}


oczywiście dałem onclick na linka Więcej no i działa ale nie wiem dokładnie jak wrzucać odpowiednią treść do odpowiedniego diva

np

<div class="leading-0" article_id="7">
TREŚĆ ARTYKUŁU ID 7
</div>

<div class="leading-1" article_id="8">
TREŚĆ ARTYKUŁU ID 8
</div>

Ten post edytował stania-pl 12.09.2012, 18:47:48

[grzes999]

Masz gotowca tylko, że w Jqery i nie wiem czy na pewno będzie działał ale powinien.

[JAVASCRIPT] pobierz, plaintext 
 
$(function () {
    $('.czytajwiecej').click(function() {
    $.ajax({
          type: "POST",
         url: "caly.php",
        data: { id: $(this).parent().attr('article_id') }
    }).done(function( dane ) {
           $(this).prev().html(dane)
     });
   });
 
})
 
[JAVASCRIPT] pobierz, plaintext 

Pisałem bez sprawdzania; ale może coś ci to pomoże. I pamiętaj o dołączeniu biblioteki do pliku

Ten post edytował grzes999 13.09.2012, 08:27:59