Rafraichir un tableau à la fermeture de la box

Create issue
Issue #53 on hold
Former user created an issue

Bonjour Pierre,

Merci pour ton plug, vraiment tip top.

Voici mon problème : J'ai un tableau avec nombre de ligne illimité, quand je clique sur une ligne (ex : ligne 49), la pop-up s'ouvre et j'aimerai qu'en même temps la ligne du tableau disparaisse.

Je sais faire en dehors de ton script avec un simple ref.parent().parent().remove() mais avec ton script, aucune idée...

Merci beaucoup :)

Comments (10)

  1. Pierre Bertet repo owner

    Bonjour,

    Il manque un fichier non ? Je ne saisis pas bien ce que tu veux faire…

    Si tu veux exécuter deux actions au clic sur le lien, il suffit d’y attacher un événement, les deux seront exécutés (ton action et l’ouverture de SuperBox).

  2. Former user Account Deleted

    Oui je souhaite exactement ajouter une action quand je clique sur le lien mais je n'arrive pas à faire ça... Comment puis-je faire pour ajouter un évènement ?

    J'arrive bien à ouvrir la box et executer mon script mais de manière indépendante (sur deux liens différents). Moi j'aimerais que l'un soit avec l'autre sans succès :)

    Merci encore pour ton aide

  3. Pierre Bertet repo owner

    Ok, il faut juste ajouter l’événement.

    Exemple sur http://www.pierrebertet.net/projects/jquery_superbox/#mode-image :

    /*
     * Exemple à exécuter dans Firebug par exemple.
     * On cible le premier lien SuperBox, et on attache un nouvel événement click() dessus.
     * En cliquant sur le lien, les deux s’exécutent bien (ouverture de SuperBox + alert).
    */
    
    $("a[rel^=superbox]:first").click(function(){
      alert("ok");
    })
    
  4. Former user Account Deleted

    Je me permets de revenir car j'arrive bien à afficher la popup mais impossible de transférer un id. Avant, avec mon onClik, j'utilisais ça : ref.parent().parent().remove()

    et donc dans le onClick un this mais ici, on ne peut pas faire comme ça... une idée ?

    Encore merci :)

  5. Former user Account Deleted

    Pardon, voici un exemple :

    	<tr id='<?php echo $i; ?>'>
    	    <td colspan="2"> <?php echo '<strong>'.$val['type_']. ' <span style="color:#3CB371;">['.$cp.']</span></strong><br /><span style="font-size:11px; color:#808080;">'.$val['date'].'</span>'; ?> </td>
    		<td> <?php echo utf8_decode($val['prenom']).' '.utf8_decode($val['nom']); ?></td>
    		<td> <?php echo $val['telephone'] ?></td>
    		<td> <?php echo $statut; ?></td>
    		<td> <?php echo '<a href="?cat=afficher_p&id='.$val['id'].'&type='.strtolower($val['type_']). ' "> Suivre </a>'; ?></td>
    	</tr> 
    
  6. Former user Account Deleted

    Je viens de m'apercevoir que je n'ai pas mis la bonne partie, désolé lol !

    Voici ce qu'il faut :

    			$("a[rel^=superbox]:first").click(function(){
    			var ref = this.id;
    			ref.parent().parent().remove();
    			})
    			
    			$.superbox();
    
    		});
    
    
      $statut = "<span style='color:#7B68EE;'> <a href='prospects_attribuer.php?id=".$val['id']."&type=".strtolower($val['type_'])."' rel='superbox[ajax][prospects_attribuer.php?id=".$val['id']."&type=".strtolower($val['type_'])."][first]' id='".$i."'>A attribuer</a></span>";   
    

    Voila, là il y a le lien $statut qui apparait dans le tr td du post précédent, avec le fonctionnement de mon javascript :)

    Encore merci pour ton aide :) Ben

  7. Pierre Bertet repo owner

    Quelques petites choses qui me semblent bizarres dans ton script :

    - Dans le sélecteur, tu as laissé le ":first" comme sur mon exemple, mais j’imagine que tu veux cibler tous les a[rel^=superbox]. - Tu utilises la méthode parent() sur une chaîne de caractère (this.id), j’imagine que tu veux plutôt faire quelque chose comme : $(this).parent().parent().remove(); - Dans tes exemples, tu utilises deux fois id="<?php echo $id ?>", sur le <tr> et sur ton <a>, tu sais qu’un ID doit toujours être unique ?

    Je ne sais pas comment ton PHP va être interprété. Envoie-moi le code client (interprété par PHP), pas le code serveur !

  8. Former user Account Deleted

    Bonjour Pierre,

    Merci encore, voici ce que ça donne coté :

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict/DTD/xhtml1-strict.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> 
    <head> 
    <link rel='stylesheet' type='text/css' title='CSS' href='./img/style.css'> 
    <link rel='stylesheet' type='text/css' title='CSS' href='./img/jquery.css'> 
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> 
     
     
    <meta http-equiv="X-UA-Compatible" content="IE-8" /> 
     
    
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> 
    <meta name="language" content="fr-FR"/> 
    <meta name="robots" content="noindex, nofollow"> 
     
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script type="text/javascript" src="./include/jquery.min.js"></script> 
    <script type="text/javascript"> 
    		$(function(){
     
    			$.superbox.settings = {
     
    				closeTxt: "Fermer",
     
    				loadTxt: "Chargement...",
     
    			};
     
    			
    			
    		
    			
    			$.superbox();
     
    		});
     
    	
    </script> 
     
     
    <meta http-equiv="Content-Type" content="utf-8" /> 
    
     
    <!--[if !IE]> <--> 
    <style type="text/CSS"> 
    #menu2 li ul {
    position:absolute;
    }
    </style> 
    <!--> <![endif]--> 
    <!--[if IE 8]>
    <style type="text/CSS">
    #menu2 li ul {
    position:absolute;
    }
    </style>
    <![endif]--> 
     
    </head> 
     
    <body> 
     
    <div id="contenu-general"> 
     
    	<div class="floatr" style="background:#101818; height:140px; width:180px; padding-right:45px;"> 
    	<p style="float:right; color:white; font-size:14px; padding-top:10px; padding-left:5px;"><span style="color:#005984; font-style:italic; font-size:12px;"> Administrateur #1 </span>   
      <a href="?cat=tableau_bord&action=deco" style="font-size:11px;" class="bleu"> D&eacute;connexion </a> 
    	</p> 
    	</div>	<div id="header"> 
    		<a href="index.php">logo</a>
    	</div> 
    	
    	<div id="menu2"> 
    		//menu 
     	</div> 
    	<div id="contenu-page"> 
    	
    		
    	<h1 class="bleu"> Membres </h1> 
         <p> Tous les membres <strong>non attribu&eacute;s</strong> : </p> 
    	 <table style="width: 786px; text-align:center; colspan:0; rows-space:0px;" cellspacing="0" cellpadding="0"> 
     
    	 <tr style="font-weight:bold;" class="bleu"> 
    		<th style='width: 140px;'> Nom Pr&eacute;nom </th> 
    		<th style='width: 120px;'> Adresse <br /> CP Ville </th> 
    		<th style='width: 80px;' > Coordonn&eacute;es </th> 
    		<th style='width: 100px;'> Divers </th> 
    		<th style='width: 100px;'> Gestion </th> 
    	 <tr> 
    	 <tr id="test"> 
    	 <td colspan="5"> 	 <p> <strong> Membre cat D </strong> </p> </td> 
    	<tr style="background-color:blue;">	<td style='border:1px solid #CCCCCC;  width: 140px;'> Mr <span class='bleu_gras'>falempin</span> pat <br /><span style='color:#CCCCCC;'> 03 03 2011 </span></td>	<td style='border:1px solid #CCCCCC; padding-top: 5px; padding-bottom: 5px; width: 120px;'>15 rue google <br /> Bordeau </td>	<td style='border:1px solid #CCCCCC; padding-top: 5px; padding-bottom: 5px; width: 80px;'><span class='bleu_gras'>0672975345 </span><br/> xxx@xxx.com </td>	<td style='border:1px solid #CCCCCC; padding-top: 5px; padding-bottom: 5px; width: 200px;'> 
    				
    				<span style='font-size:11px;'>Foyer:1 - Parts:1 <br /> 2000 à 5000 &euro;/mois<br /> </span><span class='bleu_gras'>IR: 20 000 à 50 000 </span></td><td style='border:1px solid #CCCCCC; padding-top: 5px; padding-bottom: 5px; width: 200px;'> 
    				
    				<a href='prospects_attribuer.php?id=114&type=D' rel='superbox[ajax][prospects_attribuer.php?id=114&type=D]'><img src='./img/attribuer.gif' border='0' /> Attribuer </a>  <br /> <a href='?cat=liste_prospects&id_c=114&action=errone&catt=D' onClick='supprimer($(this))'> <img src='./img/attente.gif' border='0' /> Erron&eacute; </a> <br /><br /><span style='color:black; font-size:10px; font-style:italic;'> <a href='?cat=prospects_modifier&id=114&type=D'> Modifier fiche </a></span></td></tr> <tr style='font-weight:bold;' class='bleu'> 
    		<th style='width: 140px;'> Nom Pr&eacute;nom </th> 
    		<th style='width: 120px;'> Adresse <br /> CP Ville </th> 
    		<th style='width: 80px;' > Coordonn&eacute;es </th> 
    		<th style='width: 100px;'> Divers </th> 
    		<th style='width: 100px;'> Gestion </th> 
    	 <tr>	 <td colspan='5'> 	 <p> <strong> Membre cat S </strong> </p> </td> <tr style='font-weight:bold;' class='bleu'> 
    		<th style='width: 140px;'> Nom Pr&eacute;nom </th> 
    		<th style='width: 120px;'> Adresse <br /> CP Ville </th> 
    		<th style='width: 80px;' > Coordonn&eacute;es </th> 
    		<th style='width: 100px;'> Divers </th> 
    		<th style='width: 100px;'> Gestion </th> 
    	 <tr>	 <td colspan='5'> 	 <p> <strong> Membre cat C </strong> </p> </td>	 </table>  
    	</div> 
    	
    	<div id="footer"> [] </p> 
    	</div> 
    </div><!--Fin div contenu général--> 
    </body> 
    </html>
    

    En effet, tes remarques sont justes :) j'utilisais auparavant ceci : $(this).parent().parent().remove(); et ça fonctionnait enfin pour un tableau simple quoi.

    Thanks :)

  9. Log in to comment