IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Boite de dialogue dans un tableau


Sujet :

jQuery

  1. #1
    Membre averti
    Homme Profil pro
    Technicien réseaux et télécoms
    Inscrit en
    Octobre 2012
    Messages
    40
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Technicien réseaux et télécoms

    Informations forums :
    Inscription : Octobre 2012
    Messages : 40
    Par défaut Boite de dialogue dans un tableau
    Bonjour.

    J'ai un tableau qui m'affiche un certain nombre de lignes et dans une colonne, j'affiche un icone.
    Cet icône est compsé d'un id de ce type: id="imgxxx", (xxx étant aléatoire, car il correspond à un n° de poste).
    Soit pour le poste 101, l'id de l'image sera id="img101".

    Dans mon code JQuery codé comme çà:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    $(function() {
    		$( "#img"+exten ).click(function() {
    			$( "#DialTrans"+exten ).dialog("open");
    		});
    		$( "#DialTrans"+exten ).dialog({ width: 500, autoOpen: false, modal: true,});
    		$( "#button1").click(function() {
    			window.location.href='/index.php?menu=rx_list&from=' + exten + "&to" + $(select).val();
    		});
    });
    J'ai préalablement initié la variable exten par:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script> var exten = {$exten};</script>
    Le problème c'est que je n'ai qu'une ligne qui s'affiche correctement, certainement dû à un problème d'id. Mais je me perd un peu dans cette histoire.


    L'icône du bas fonctionne (mis à par l'absence de bouton, car je ne les ai pas mis pour l'instant)


    Il est évident qu'il y a un truc qui ne colle pas.

  2. #2
    Membre averti
    Homme Profil pro
    Technicien réseaux et télécoms
    Inscrit en
    Octobre 2012
    Messages
    40
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Technicien réseaux et télécoms

    Informations forums :
    Inscription : Octobre 2012
    Messages : 40
    Par défaut
    J'ai fini par trouvé. Avec un peu de mal.
    Pas très convaincu de la manière dont j'y suis arrivé, mais bon. Le principal c'est que ça fonctionne.

    Mon code JQuery:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    function Transfer(exten) {
    $(function() {
    	$( "#DialTrans"+exten ).dialog({ 
    		width: 500, 
    		autoOpen: false, 
    		modal: true,
    		title: "Transfer",
    		buttons: {
    			Cancel: function() {
    				$( this ).dialog( "close" );
    			},
    			"Valid": function() {
    				window.location.href='index.php?menu=rx_list&room=' + $("#select"+exten).val();
    			}
    		}
    	});
    	$( "#DialTrans"+exten ).css("visibility", 'visible');
    	$( "#DialTrans"+exten ).dialog("open");
    });
    }
    Code PHP:
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    $Transfer_options ="";
    foreach($room_free as $id => $name) {
            $id_room = $name['id'];
    	$room_name = $name['room_name'];
    	$Transfer_options .= "<option>{$room_name}</option>";
    }
    $ExtenTrans = $value['extension'];
    $Content_Transfer = "<b>{$value['guest_name']}</b> is currently into the room {$value['room_name']}.<br> Select the extension distination for this guest : <select name='select' id='select{$ExtenTrans}'>{$Transfer_options}</select><br>";
    $Transfer = "<img src='modules/".$module_name."/images/transfer.png' onclick='Transfer(\"".$ExtenTrans."\")'><div style='visibility: hidden; display: none;' id='DialTrans".$ExtenTrans."'>\n".$Content_Transfer."</div>\n";

    Résultat:



+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. export d'un message de boite de dialogue dans excel
    Par piere42 dans le forum VBA Access
    Réponses: 1
    Dernier message: 10/03/2009, 11h52
  2. Réponses: 4
    Dernier message: 27/02/2009, 13h24
  3. Réponses: 8
    Dernier message: 22/07/2008, 14h40
  4. boite de dialogue dans asp.net
    Par IcedLand dans le forum ASP.NET
    Réponses: 5
    Dernier message: 20/09/2007, 18h57
  5. Réponses: 5
    Dernier message: 27/03/2006, 10h29

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo