11548 sujets

JavaScript, DOM et API Web HTML5

[ Resolved ] - Jquery - Table row hide(); remove(); problème IE6/IE7

Bonjour à tous,

J'ai un souci sur un tableau avec Jquery sous IE6/IE7
En effet, je voudrais supprimer des TR donc 1 ligne de tableau avec jquery via la fonction hide() ou remove() peu importe. Sous Firefox/safari ça marche impeccable, mais sous ie6/ie7 ça ne marche pas. J'ai testé pas mal de combinaisons différentes, supprimer les TD du tr, supprimer le contenu des TD, rien ne marche.
Merci d'avance de votre aide.


Voici le code jquery :

$(document).ready(function(){
	$(\".delete\").click(function () {
		if(window.confirm(\"etes vous sur de vouloir supprimer ce PA ?\")){
			var zone;
			//var id=$(this).attr(\"id\");
			zone = \"tr#\"+$(this).attr(\"id\");
			
			$.ajax({
				type: \"POST\",
				url: \"index.php?tg=".$GLOBALS['babAddonTarget']."/pa\",
				data: \"action=delete&id=\"+$(this).attr(\"id\"),
				success: function(msg){
				$.browser.msie ? $(zone).remove(); :
				$(zone).fadeOut(\"slow\");
						
					}
			});
		}
	})});

</script>

Voici le code html pour le tableau


<tbody><tr id="85">

				<td style="text-align: center;" class="actionSide alt">
				<a href="#" class="delete" id="85" title="supprimer ce PA">
				<img src="images/report_delete.png" alt="icone"></a>
				</td>
				<td style="text-align: center;" class="actionSide85 alt">85</td>
				<td style="text-align: center;" class="actionSide85 alt">audit interne</td>
				<td style="text-align: center;" class="actionSide85 alt">
				<a href="#" class="tooltip">pas bien !...<em><span></span>pas bien !</em></a>
				</td>
				</tr>
				</tbody>
				<tbody><tr id="86">
				<td style="text-align: center;" class="actionSide">
			
				
				<a href="#" class="delete" id="86" title="supprimer ce PA">
				<img src="ovidentia/styles/addons/images/report_delete.png" alt="icone"></a>
				</td>
				
				<td style="text-align: center;" class="actionSide86">86</td>
				<td style="text-align: center;" class="actionSide86">audit interne</td>
				<td style="text-align: center;" class="actionSide86">
				<a href="#" class="tooltip">pas bien !...<em><span></span>pas bien !</em></a>
				</td>
				</tr></tbody>

Modifié par kall82 (24 Nov 2008 - 14:50)
Bonjour kall82,

Je suis loin d'être un spécialiste, mais l'expression : "remove(expression)" ne conviendrait-elle pas dans ce cas de figure ?
$("button").click(function () {
      $("tr").remove(#id de la ligne);
    });

Par contre, il me semble que ton identifiant ne devrait pas commencer par un chiffre Smiley cligne
Rien ne devrait t'empêcher de pouvoir styler ton bouton comme tu le souhaites Smiley cligne

Cdt,
Sylvain
Merci Sylvain, je viens d'essayer, changer l'id, utilser remove(exp); rien à faire, IE ne veut rien savoir... Je vais continuer à chercher.
au temps pour moi, je viens de retester sur un tableau plus simple, le $(zone).remove(); fonctionne sous IE6/7

Je dois avoir un problème avec les id ou truc du genre.
Je posterai la réponse si ça peut dépanner d'autre personne.
bon, je sais d'où venait le problème, IE ne voulait pas exécuter la partie fonction après sucess


success: function(msg){
			$.browser.msie ? $(zone).remove(); :
			$(zone).fadeOut(\"slow\");
					}


du coup, j'ai rajouté en dehors de la fonction 

success: function(msg){
					$(\"tr#\"+id).fadeOut(\"slow\"); // Pour firefox
			}
				
				
			});
			if ($.browser.msie) { // Pour ie
				$(\"tr#\"+id).remove();
			}


Merci sylvain pour ton aide.
Sujet clos
Aller à