Bonjour à tous, pourriez vous m'aider?

Voilà j'ai un tableau 

$sql =  'SELECT * FROM inventaire';
	echo '<table class="table table-hover table-primary nomargin">';
	
	echo '<th class="text-center"> Hostname </th>';
	echo '<th class="text-center">  Prenom </th>';
	echo '<th class="text-center"> Nom </th>';
	echo '<th class="text-center"> Login </th>';
	echo '<th class="text-center"> Service </th>';
	echo '<th class="text-center"> Localisation </th>';
	echo '<th class="text-center"> Costcenter </th>';
	echo '<th class="text-center"> Statut </th>';
	echo '<th class="text-center"> Type </th>';
	echo '<th class="text-center"> Marque </th>';
	echo '<th class="text-center"> N° Serie </th>';
	echo '<th class="text-center"> N° SBE </th>';
	echo '<th class="text-center"> Type de disque </th>';
	echo '<th class="text-center"> Action </th>';
	echo '<tbody>';
	
    foreach  ($bdd->query($sql) as $produit) {
		echo '<tr id="ligne_tableau">';
			print '<td ondblclick="addInput(this)" id="hostname'.$produit['id_inventaire'].'">'.$produit['hostname'].'</td>';
			print '<td ondblclick="addInput(this)" id="prenom'.$produit['id_inventaire'].'">'.$produit['prenom'].'</td>';
			print '<td ondblclick="addInput(this)" id="nom'.$produit['id_inventaire'].'">'.$produit['nom'].'</td>';
			print '<td ondblclick="addInput(this)" id="login'.$produit['id_inventaire'].'">'.$produit['login'].'</td>';
			print '<td ondblclick="addInput(this)" id="service'.$produit['id_inventaire'].'">'.$produit['service'].'</td>';
			print  '<td ondblclick="addInput(this)" id="localisation'.$produit['id_inventaire'].'">'.$produit['localisation'].'</td>';
			print '<td ondblclick="addInput(this)" id="costcenter'.$produit['id_inventaire'].'">'.$produit['costcenter'].'</td>';
			print '<td ondblclick="addInput(this)" id="statut'.$produit['id_inventaire'].'">'.$produit['statut'].'</td>';
			print  '<td ondblclick="addInput(this)" id="type'.$produit['id_inventaire'].'">'.$produit['type'].'</td>';
			print '<td ondblclick="addInput(this)" id="marque'.$produit['id_inventaire'].'">'.$produit['marque'].'</td>';
			print '<td ondblclick="addInput(this)" id="num_serie'.$produit['id_inventaire'].'">'.$produit['num_serie'].'</td>';
			print  '<td ondblclick="addInput(this)" id="num_sbe'.$produit['id_inventaire'].'">'.$produit['num_sbe'].'</td>';
			print '<td ondblclick="addInput(this)" id="type_disque'.$produit['id_inventaire'].'">'.$produit['type_disque'].'</td>';
			print '<td>
						<a href="#" onclick="mod_tab('.$produit['id_inventaire'].')"  class="btn btn-info"><span class="glyphicon glyphicon-pencil" title="Validation de la modification"></span></a>
						<a href="#" id="'.$produit['id_inventaire'].')"  class="btn btn-danger" ol-md-offset-1 remove-row-table"><span class="glyphicon glyphicon-remove" title="Suppression de la ligne"></span></a>
				  </td>';
		echo '</tr>';

	}

le bouton qui m'intéresse est le supprimé que je récupère avec la class puisque je ne connais pas l'id de la ligne, dans mon fichier js j'ai :

function closeInput(elm) {
    var td = elm.parentNode;
    var value = elm.value;
    td.removeChild(elm);
    td.innerHTML = value;
}

function addInput(elm) {
    if (elm.getElementsByTagName('input').length > 0) return;

    var value = elm.innerHTML;
    elm.innerHTML = '';

    var input = document.createElement('input');
    input.setAttribute('type', 'text');
    input.setAttribute('value', value);
    input.setAttribute('onBlur', 'closeInput(this)');
	input.style.textAlign = 'center'
    elm.appendChild(input);
    input.focus();
}

//pour mise à jour du tableau d'inventaire
function mod_tab(id)
{	 
	
	var hostname =  $("#hostname"+id).html();
	var nom =  $("#nom"+id).html();
	var prenom =  $("#prenom"+id).html();
	var login =  $("#login"+id).html();
	var service =  $("#service"+id).html();
	var localisation =  $("#localisation"+id).html();
	var costcenter =  $("#costcenter"+id).html();
	var statut =  $("#statut"+id).html();
	var type =  $("#type"+id).html();
	var marque =  $("#marque"+id).html();
	var num_serie =  $("#num_serie"+id).html();
	var num_sbe =  $("#num_sbe"+id).html();
	var type_disque =  $("#type_disque"+id).html();

	 $.ajax({
		   url : 'Controller/mod_tab.php',
		   type : 'POST', // Le type de la requête HTTP, ici devenu POST
		   data : 'id=' + id + '&hostname=' + hostname + '&prenom=' + prenom + '&nom=' + nom + '&login=' + login + '&service=' + service + '&localisation=' + localisation
					+ '&costcenter=' + costcenter + '&statut=' + statut + '&type=' + type + '&marque=' + marque + '&num_serie=' + num_serie + '&num_sbe=' + num_sbe + '&type_disque=' + type_disque , // On fait passer nos variables, exactement comme en GET, au script more_com.php
		   dataType : 'html',
		   success : function(code_html, statut){ // code_html contient le HTML renvoyé
           
       }
    });
}
$(document).ready(function() {
	//suppression de la ligne
	$('table').on('click', '.remove-row-table', function() {
	   alert("Hello!"); 
	});
});

Les autres fonctions sont bien exécutés mais sont en javascript, j'aimerais ici quand on clique sur le bouton supprimé alors on récupère l'id du bouton et on supprime la ligne. Mais quand je clique rien ne se passe. D'ailleurs même dans les fonction javascript si je fais un alert cela ne fonctionne pas mais par contre les fonctions sont bien exécutés.

Merci de votre aide.
 Solution :

Problème résolu c'était un problème de syntaxe 

						<a href="#" id="'.$produit['id_inventaire'].'"  class="btn btn-danger ol-md-offset-1 remove-row-table"><span class="glyphicon glyphicon-remove" title="Suppression de la ligne"></span></a>

 et en jquery

$(document).ready(function(){  
        $(".remove-row-table").click(function(){
           
        });
    });

-
Edité par jikaill 26 octobre 2016 à 11:29:46