Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS]Alert i php foreach
Forum PHP.pl > Forum > Po stronie przeglądarki
Gregorov
Próbuje wprowadzić alert do potwierdzenia wykasowania danych.
Dane znajdują się w pętli foreach :

  1. <?php foreach($procedure as $item) :?>
  2. <tr>
  3. <td>
  4. <?php echo $item -> proced_name; ?>
  5. </td>
  6.  
  7. <td>
  8. <a href="<?php echo base_url().'admin/procedures/edit/'.$item -> id; ?>">
  9. <button type="button">
  10. Edytuj
  11. </button>
  12. </a>
  13. </td>
  14. <td>
  15.  
  16. <button type="button" class="proc_delete">Kasuj</button>
  17.  
  18. </td>
  19. </tr>
  20. <?php endforeach ; ?>


I teraz JQuery do obsługi alertu , który uruchamiamy buttonem kasuj.

  1. document.querySelector('button.proc_delete').onclick = function(){
  2. swal({
  3. title: "Czy chcesz usunąć procedurę?",
  4. text: "Tej operacji nie będziesz mógł przywrócić",
  5. type: "warning",
  6. showCancelButton: true,
  7. confirmButtonColor:'#DD6B55',
  8. confirmButtonText: 'Tak, chcę usunąć!',
  9. cancelButtonText: "Nie chcę usuwać!",
  10. closeOnConfirm: false,
  11. closeOnCancel: false
  12. },
  13. function(isConfirm){
  14. if (isConfirm){
  15. window.location="<?php echo base_url().'admin/procedures/delete/'.$item -> id; ?>";
  16. } else {
  17. swal("Przerwano", "Procedura pozostała bez zmian", "error");
  18. }
  19. });
  20. };


Wszystko działa pięknie ale tylko dla pierwszego wiersza pętli foreach. Dla kolejnych wierszy JS nie idzie.
Jeżeli ktoś z Was orientuje się czym to jest spowodowane będę wdzięczny za wskazówki. Pozdrawiam .
trueblue
A czytałeś w dokumentacji co zwraca document.querySelector()?

Potrzebne Ci: https://developer.mozilla.org/en-US/docs/We...uerySelectorAll
Gregorov
Dziekuję za tę informację, ale zamiana na selectorAll nie działa w tym przypadku albo nie wiem jak to zaimplementować.
trueblue
querySelectorAll zwraca tablicę elementów, więc nie możesz ot tak, przypiąć do tej tablicy zdarzenia onclick.
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.