Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Wyświetlenie dodatkowych informacji po kliknięciu w tr

Tworzenie dynamicznych stron internetowych z zastosowaniem JavaScript, jQuery, Ajax. Dowiedz się jak to zrobić, znajdź rozwiązania swoich problemów.

Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 22.12.2015, 18:39:17

Witam wszystkich
Chciałbym dodać aby po kliknięciu w wybrany <tr> dodało pod tym <tr> dodatkowe informacje pobrane z bazy
Do pobrania mogę użyć $.post tylko chodzi o załadowanie pod klikniętym <tr>
CzatGG Kliknij
Majcon
Robert Makson

Posty: 84
Dołączył(a): 12.12.2012
Lokalizacja: Sieradz

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 09.01.2016, 01:50:10

W czym dokładnie jest problem?
Avatar użytkownikaJaason
Tomasz Waszkiewicz

capoeirista
capoeirista

Posty: 3511
Dołączył(a): 14.04.2002
Lokalizacja: Warszawa

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 12.01.2016, 17:29:09

szczerze mówiąc w znalezieniu rozwiązania jak załadować to pod danym tr
CzatGG Kliknij
Majcon
Robert Makson

Posty: 84
Dołączył(a): 12.12.2012
Lokalizacja: Sieradz

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 12.01.2016, 19:19:45

mam coś takiego tylko że to usuwa kliknięte tr
Kod: Zaznacz cały
$('tr').on('click', function(){
element = $(this);
$.post('papa.txt', {}, function(data){
element.insertAfter('<tr></tr>');
});
});
CzatGG Kliknij
Majcon
Robert Makson

Posty: 84
Dołączył(a): 12.12.2012
Lokalizacja: Sieradz

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 13.01.2016, 11:54:54

W dokumentacji insertAfter mówi, że konstrukcja tej metody jest taka:
Kod: Zaznacz cały
(element_który_wstawiamy).insertAfter(miejsce_w_którym_wstawiamy)

Zatem Twój kod powinien wyglądać mniej więcej tak:
https://jsfiddle.net/bdjx5vq6/
Okroiłem go tylko z funkcji ajaxow-ej. Ale możesz to spokojnie dodać z powrotem.
Avatar użytkownikaJaason
Tomasz Waszkiewicz

capoeirista
capoeirista

Posty: 3511
Dołączył(a): 14.04.2002
Lokalizacja: Warszawa

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 23.01.2016, 03:53:33

oki działa tylko jeszcze po kliknięciu muszę przekazać jakieś informacje żeby pobrać dane z bazy
myślałem o
Kod: Zaznacz cały
<tr onclick=\"pobierzinfo(".$row['id'].")\">

i funkcji
Kod: Zaznacz cały
      function pobierzinfo() {
         element = $(this);
         $('<tr><td>New added TD</td></tr>').insertAfter(element);

         }

tylko niezbyt to chce działać
CzatGG Kliknij
Majcon
Robert Makson

Posty: 84
Dołączył(a): 12.12.2012
Lokalizacja: Sieradz

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 23.01.2016, 12:29:08

Dodaj parametr do funkcji, w TR przekazujesz id:
Kod: Zaznacz cały
  function pobierzinfo(id) {
var TwojeID = id;
//ajax do bazy i return coś
Avatar użytkownikaJaason
Tomasz Waszkiewicz

capoeirista
capoeirista

Posty: 3511
Dołączył(a): 14.04.2002
Lokalizacja: Warszawa

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 25.01.2016, 04:01:09

tak tylko że nie dodaje się element a konsola wypluwa taki error "Uncaught TypeError: Cannot read property 'createDocumentFragment' of undefined"
CzatGG Kliknij
Majcon
Robert Makson

Posty: 84
Dołączył(a): 12.12.2012
Lokalizacja: Sieradz

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 25.01.2016, 13:11:23

Standardowo poproszę o udostępnienie Twojego kodu. Umożliwi to łatwiejszą pomoc.
Avatar użytkownikaJaason
Tomasz Waszkiewicz

capoeirista
capoeirista

Posty: 3511
Dołączył(a): 14.04.2002
Lokalizacja: Warszawa

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 25.01.2016, 18:02:28

w sumie nie wiem co Ci udostępnić bo nie ma co
Kod: Zaznacz cały
      <script type="text/javascript">
      function pobierzinfo(id) {
         element = $(this);
         $('<tr><td>blablabla</td></tr>').insertAfter(element);

      }
      </script>

to jest funkcja która ma dodać pod klikniętym <tr> "<tr><td>blablabla</td></tr>" lecz wypluwa błąd
Później dodam kod który będzie pobierać informacje i zamienię je z blablabla
CzatGG Kliknij
Majcon
Robert Makson

Posty: 84
Dołączył(a): 12.12.2012
Lokalizacja: Sieradz

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 25.01.2016, 18:50:15

Takiego komunikatu nie potrafię zreprodukować. Potrafię inne, ale może zależy to od wersji jQuery i może mają to samo źródło. Wewnątrz funkcji pobierzinfo, pod this nie będzie dostępny kliknięty TR… musiałbyś przekazać sobie this z atrybutu onclick do funkcji poprzez argument albo .call() albo .apply().
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19772
Dołączył(a): 14.04.2002

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 25.01.2016, 20:49:20

a możesz podać przykład bo nie rozumie -,-
CzatGG Kliknij
Majcon
Robert Makson

Posty: 84
Dołączył(a): 12.12.2012
Lokalizacja: Sieradz

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 25.01.2016, 21:07:20

Kod: Zaznacz cały
<tr onclick=\"pobierzinfo.call(this, ".$row['id'].")\">
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19772
Dołączył(a): 14.04.2002

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 25.01.2016, 21:56:59

Dobrze działa a da się jeszcze dodać jakąś animację dodania czyli żeby to się tak wysuwało ?
I jeszcze jedno po ponownym kliknięciu fajnie żeby się to usuwało
CzatGG Kliknij
Majcon
Robert Makson

Posty: 84
Dołączył(a): 12.12.2012
Lokalizacja: Sieradz

Re: Wyświetlenie dodatkowych informacji po kliknięciu w tr

Post 03.02.2016, 04:00:59

zrobiłem to tak
Kod: Zaznacz cały
      <script type="text/javascript">
      function pobierzinfo(id) {
         element = $(this);
         var ddd = $('<tr><td>cycki</td></tr>');
         ddd.insertAfter(element);
         element.on('click', function(){
               $(this).remove();
         });
      }
      </script>


tylko nie wiem dlaczego to działa tylko raz czyli tylko raz mogę kliknąć i dodać tr bo gdy po usunięciu czyli ponownym klinięciu chce dodać jeszcze raz to nic się nie dzieje
CzatGG Kliknij
Majcon
Robert Makson

Posty: 84
Dołączył(a): 12.12.2012
Lokalizacja: Sieradz


Powrót do JavaScript


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 2 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 51520 zarejestrowanych użytkowników.
Najnowszy użytkownik: ThomasNix


Nasi użytkownicy napisali:

  • 937847 wiadomości
  • w 247510 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)