Drukowana wersja tematu

Napisany przez: diamondking 20.02.2018, 00:21:03

Witajcie mam kod PHP "Powiadomienień" :

[PHP] pobierz, plaintext 
if(http://www.php.net/mysql_num_rows($wynik) > 0) { 
 
    while($r = http://www.php.net/mysql_fetch_assoc($wynik)) {
 
http://www.php.net/echo '
 
<table class="table noti">
 
    <tr>
	<input type="hidden" id="idnoti" value="'.$r['id'].'">
      <td><span style="background:'.$r['color'].'; padding-top: 5px;" class="noft-icon fa '.$r['icon'].'"></span></td>
      <td class="textnoti">'.$r['tresc'].'</td>
      <td class="closenoti"><i class="fa fa-times-circle" aria-hidden="true"></i></td>
    </tr>
 
 
</table>
 
';
 
    } 
} 
[PHP] pobierz, plaintext 

oraz AJAX:

[PHP] pobierz, plaintext 
<script type="text/javascript">
  //Rejestracja
 
 
$(document).ready(function(){
 
$(".closenoti").click(function () {
 
	var idnoti = $("#idnoti").val();
 
	$.ajax({
    url:"noti/change.php",
    method:"POST",
    data:{idnoti:idnoti},
    dataType:"JSON",
    success:function(data)
    {
 
    }
   })
  });
 
 });
 
</script>
[PHP] pobierz, plaintext 

Problem polega na tym, że załóżmy iż wyświetla się tak:

1. ID: 7
2. ID: 6
3. ID: 1

mimo, że klikam na "closenoti" przy id 1 to zmienia mi status id 7

Pomoże ktoś ?

Napisany przez: aras785 20.02.2018, 00:39:31

Cześć,

dzieje się tak ponieważ pobierasz zawsze ten sam element (var idnoti = $("#idnoti").val();). Używaj $(this) po kliknięciu. Na upartego wystarczy zmienić u Ciebie jedną linijkę:

var idnoti = $("#idnoti").val();
na: var idnoti = $(this).parent().find("#idnoti").val();

ale ja bym napisał to mniej więcej tak:

[PHP] pobierz, plaintext 
if(http://www.php.net/mysql_num_rows($wynik) > 0) { 
	while($r = http://www.php.net/mysql_fetch_assoc($wynik)) {
		http://www.php.net/echo '
		<table class="table noti">
			<tr>
				<td><span style="background:'.$r['color'].'; padding-top: 5px;" class="noft-icon fa '.$r['icon'].'"></span></td>
				<td class="textnoti">'.$r['tresc'].'</td>
				<td class="closenoti"><a href="#" data-action="change" data-id="'.$r['id'].'"><i class="fa fa-times-circle" aria-hidden="true"></i></a></td>
			</tr>
		</table>
		';
	} 
} 
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
<http://december.com/html/4/element/script.html type="text/javascript">
  //Rejestracja
  $(document).ready(function() {
  	$('table.noti').on('click','[data-action="change"]', function(e) {
  		e.preventDefault();
  		var id = $(this).attr('data-id');
  		$.ajax({
  			url:"noti/change.php",
  			method:"POST",
  			data:{idnoti:id},
  			dataType:"JSON",
  			success:function(data) {
  				console.log(data);
  			}
  		})
  	});
  });
</http://december.com/html/4/element/script.html>
[HTML] pobierz, plaintext 

Napisany przez: diamondking 20.02.2018, 09:15:01

Dziękuję!

Można zamknąć.