UI Dialog. Un titre à la volée ?

Version imprimable

Bonjour à tous,

J'ai un site qui contient des plugin jquery UI (dialog entre autre).

J'aurais voulu affecter à dialog un titre à la volée.

J'ai actuellement ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 $('#dialog_irm').click(function(){ $("#examen").dialog({ height: 400, width: 1400, modal: false, title: <?php echo "'". $_SESSION['dmu'] . " " . $_SESSION['nom_patient']."'," ?> open: function(){ $("#examen").accordion({ autoHeight: true }); } }); });
la ligne qui nous intéresse est donc celle-ci :
Code:

1 2 title: <?php echo "'". $_SESSION['dmu'] . " " . $_SESSION['nom_patient']."'," ?>
Je choisis donc un patient, la valeur de la variable de session change mais ne change pas dans le head (normal, vu que la valeur se met lorsque la page est chargée).

Pensez-vous qu'il est possible de modifier la valeur du titre quand la valeur de la variable de session change (lors de l'appuie sur un bouton) ?

Merci d'avance pour l'aide.

beegees

05/06/2011, 17h15
Finality

Salut,

comment fais tu pour changer la valeur de session lorsque tu choisis un client ? Rechargement de la page ?

Citation:

Envoyé par Finality

Salut,

comment fais tu pour changer la valeur de session lorsque tu choisis un client ? Rechargement de la page ?

Salut,

Merci pour ta réponse.

Non, pas de rechargement de page.

Je vais dans du code qui au passage change la valeur de la variable de session :
Code:

1 2 3 4 5 6 7 $sql_check = "SELECT * FROM neuro_patient WHERE dmu_number = '".$dmu."'"; $query_check = mysql_query($sql_check); $res = mysql_num_rows($query_check); $data = mysql_fetch_array($query_check); $_SESSION['nom_patient'] = $data['firstname'] . ' ' . $data['name'];
Encore merci pour ton aide.

beegees

05/06/2011, 18h16
Finality
Ok donc tu dois passer par une fonction JS qui fait un appel AJAX c'est bien ça ? :)

Dans ce cas à la suite de ton appel AJAX tu peux faire :
Code:

1 2 $('#dialog_irm').dialog('option', 'title', 'My New title');

Citation:
Envoyé par Finality
Ok donc tu dois passer par une fonction JS qui fait un appel AJAX c'est bien ça ? :)

Dans ce cas à la suite de ton appel AJAX tu peux faire :
Code:

1 2 $('#dialog_irm').dialog('option', 'title', 'My New title');
Re,

Ton idée me semble très bonne, mais étrangement, cela ne semble pas fonctionner :?

J'ai donc mis ce code (dernière ligne) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 xhr.onreadystatechange = function() { //alert(xhr.status); //alert(xhr.readyState); if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0 ) ) { resultat = xhr.responseText; //alert(resultat); var obj = $("#accordion"); obj.html(resultat); obj.accordion("destroy").accordion(obj.data("accordionSettings")); document.getElementById('bouton_validate').style.display = "block"; $('#dialog_irm').dialog('option', 'title', 'My New title'); } }
Il n'y a aucun changement dans le titre.

Merci encore pour ton aide.

beegees

05/06/2011, 18h31
Finality

As tu regardé si tu n'as pas une erreur de JS ? Car je viens de tester sur une page de test et ça fonctionne parfaitement ...
05/06/2011, 18h37
beegees

Citation:

Envoyé par Finality

As tu regardé si tu n'as pas une erreur de JS ? Car je viens de tester sur une page de test et ça fonctionne parfaitement ...

Aucune erreur...

Est-ce qu'on ne doit pas ajouter live car c'est généré à la volée ?

Merci pour ton aide.

beegees
05/06/2011, 18h42
Finality

Live ne sert pas pour ce genre d'actions mais plutôt pour s'abonner à un évènement sur des objets, même si ils sont insérés plus tard dans le DOM.

Sinon peux tu essayer de mettre le code que je t'ai donné juste avant la requête AJAX pour voir si il fonctionne ?

et accessoirement nous donner tout ton code aussi :)
05/06/2011, 18h54
beegees

Citation:

Envoyé par Finality

Sinon peux tu essayer de mettre le code que je t'ai donné juste avant la requête AJAX pour voir si il fonctionne ?

Le fait de mettre le code avant le retour de php ne change rien.

Merci pour l'aide.

beegees
05/06/2011, 18h57
Finality
oh mince excuse moi c'est de ma faute :roll: je te fais pas travailler sur le bon objet :
Code:

1 2 $('#examen').dialog('option', 'title', 'My New title');
ça devrait être mieux :ccool:
05/06/2011, 19h00
beegees
Citation:
Envoyé par Finality

oh mince excuse moi c'est de ma faute :roll: je te fais pas travailler sur le bon objet :

Code:

1 2 $('#examen').dialog('option', 'title', 'My New title');

ça devrait être mieux :ccool:
ça fonctionne, super grand :merci: à toi pour le temps que tu m'as consacré.

Bonne fin de W.E.

beegees
05/06/2011, 19h01
Finality

De rien :)

et excuse moi encore pour ce temps perdu :mouarf:

Bonne fin de week end à toi et bon courage :)
05/06/2011, 19h25
beegees

Citation:

Envoyé par Finality

De rien :)

et excuse moi encore pour ce temps perdu :mouarf:

Bonne fin de week end à toi et bon courage :)

Non, C'est moi qui te remercie.

Aurais-tu une idée de comment je pourrais récupérer le nom et le prénom du patient pour le mettre dans le titre de la dialog box ?

Je renvoie un include à js.

Je me demandais si il possible d'utiliser la variable de session dans ce code ? :

Code:

$('#examen').dialog('option', 'title', 'My New title');

Merci encore pour ton aide.
05/06/2011, 19h49
Finality

Alors là c'est simple ^^

Tu ne peux pas utiliser les variables de sessions (stockées côté serveur) dans ton JS (côté client)

La seule manière que tu as, c'est d'utiliser le retour de ta requête AJAX, ton responseText. Actuellement que te retourne ta requête AJAX ?

Connais-tu JSON ou pas ?

Citation:

Envoyé par Finality

Alors là c'est simple ^^

Tu ne peux pas utiliser les variables de sessions (stockées côté serveur) dans ton JS (côté client)

La seule manière que tu as, c'est d'utiliser le retour de ta requête AJAX, ton responseText. Actuellement que te retourne ta requête AJAX ?

Connais-tu JSON ou pas ?

Oui je connais json et je l'utilise.

Le souci, c'est que c'est un include qui est retourné, il contient du code PHP qui a pour but d'alimenter une div.

Voici quand même le code de l'include :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
 
<?php 
        include('connexion.php'); 
        session_start();
        
?>
 
 
	<h3><a href="#">Demographic data</a></h3>
	<div>
		<p>
			Dmu number : <input type="text" onblur="verifier_dmu(this.value);" id="txt_dmu" <?php if($_SESSION['MAJ'] == "OK") echo 'value="'.$data['dmu_number'].'" disabled="disabled"'; ?> /> <label id="existe_deja"></label>
		</p>
        <p>
        	Name : <input type="text" id="txt_name" <?php if($_SESSION['MAJ'] == "OK") echo 'value="'.$data['name'].'"'; ?> /> <label id="label_name"></label>
        </p>
        <p>
        	Firstname : <input type="text" id="txt_firstname" <?php if($_SESSION['MAJ'] == "OK") echo 'value="'.$data['firstname'].'"'; ?> /> <label id="label_firstname"></label>
        </p>
        <p>
 
        	Gender : <select id="sel_gender"> 
            	<option value="-1" <?php if(($_SESSION['MAJ'] == "OK")&&($data['gender']) == -1) echo 'selected="selected"'; ?>>-----</option>
                <option value="0" <?php if(($_SESSION['MAJ'] == "OK")&&($data['gender']) == 0) echo 'selected="selected"'; ?>>Male</option>
                <option value="1" <?php if(($_SESSION['MAJ'] == "OK")&&($data['gender']) == 1) echo 'selected="selected"'; ?>>Female</option>
            </select> <span><label id="label_gender"></label></span>
        </p>
        <p>
        	Birth date : <input type="text" <?php if($_SESSION['MAJ'] == "OK") echo 'value="'.$data['date_of_birth'].'"'; ?> id="txt_dob" class="datepicker" /> <label id="label_dob"></label>
        </p>
        <p>
        	Deceased date : <input type="text" id="txt_dod" class="datepicker" <?php if($_SESSION['MAJ'] == "OK") echo 'value="'.$data['date_of_death'].'"'; ?> /> <label id="label_dod"></label>
        </p>
        <p>
        	Date of last visit : <input type="text" id="txt_dlv" class="datepicker" <?php if($_SESSION['MAJ'] == "OK") echo 'value="'.$data['date_of_last_visit'].'"'; ?> /> <label id="label_dlv"></label>
        </p>
	</div>
	<h3><a href="#">Non onco anteriority</a></h3>
	<div>
		 		Type of Anteriority :
                <select id="sel_non_oco_anteriority">
                <option value="">------</option>
                <?php 
                                        $sql_anteriority = "SELECT * FROM neuro_nononcoanteriority_choices"; 
                                        $query_anteriority = mysql_query($sql_anteriority);
                                        while($items = mysql_fetch_array($query_anteriority))
                                        {
                                                echo '<option value="'.$items['Value'].'"';
                                                if(($_SESSION['MAJ'] == "OK")&&(trim($data_non_onco['anteriority_type']) == trim($items['Name']))) echo 'selected="selected"';
                                                echo '>'.$items['Name'].'</option>';
                                        }
                                ?>
                </select>
 
	</div>
	<h3><a href="#">Onco anteriority</a></h3>
	<div>
		 <p>
         	Cancer type :
        <select id="sel_Cancer_type">
            <option value="">------</option>
            <?php 
                $sql = "SELECT * FROM neuro_cancertype"; 
                $query = mysql_query($sql);
                while($items = mysql_fetch_array($query))
                {
                    echo '<option value="'.$items['id'].'"';
                                        if(($_SESSION['MAJ'] == "OK")&&(trim($data_onco['cancer_type_id']) == trim($items['id']))) echo 'selected="selected"';
                                        echo '>'.$items['name'].'</option>';
                }
            ?>
        </select>
         </p>    
 
        <p>
        	Surgery 
        	<select id="sel_surgery">
    			<option>------</option>
                <option value="Y" <?php if(($_SESSION['MAJ'] == "OK")&&($data_onco['surgery']) == 'Y') echo 'selected="selected"'; ?>>YES</option>
                <option value="N" <?php if(($_SESSION['MAJ'] == "OK")&&($data_onco['surgery']) == 'N') echo 'selected="selected"'; ?>>NO</option>
    		</select>
        </p>
        <p>
    		Radiotherapy <select id="sel_radiotherapy">
    			<option>------</option>
                <option value="Y" <?php if(($_SESSION['MAJ'] == "OK")&&($data_onco['radiotherapy']) == 'Y') echo 'selected="selected"'; ?>>YES</option>
                <option value="N" <?php if(($_SESSION['MAJ'] == "OK")&&($data_onco['radiotherapy']) == 'N') echo 'selected="selected"'; ?>>NO</option>
    		</select>    	
        </p>
        <p>
        	Chemotherapy 
            <select id="sel_chemotherapy">
    			<option>------</option>
                <option value="Y" <?php if(($_SESSION['MAJ'] == "OK")&&($data_onco['chemotherapy']) == 'Y') echo 'selected="selected"'; ?>>YES</option>
                <option value="N" <?php if(($_SESSION['MAJ'] == "OK")&&($data_onco['chemotherapy']) == 'N') echo 'selected="selected"'; ?>>NO</option>
    		</select>
        </p>       
 
	</div>
    <h3><a href="#">Cerebral anteriority</a></h3>
    <div>
 
        <p>Date : <input type="text" id="cerebral_date" class="datepicker" <?php if($_SESSION['MAJ'] == "OK") echo 'value="'.$data_cerebral['date'].'"'; ?> /></p>
        <p>ICD-O :
        <select id="icdo">
        	<option value="" selected="selected">---------</option> 
            <!-- affichage des icd-o classés par ordre croissant -->
			<?php 
                $sql = "SELECT * FROM neuro_icdoclassification ORDER BY description"; 
                $query = mysql_query($sql);
                                
                                while($items = mysql_fetch_array($query))
                {
                    echo '<option value="'.$items['code'].'"';
                                        if(($_SESSION['MAJ'] == "OK")&&(trim($data_cerebral['icdo_id']) == trim($items['code']))) echo ' selected="selected"';
                                        echo '>'.$items['description'].'</option>';
                }
            ?>
        </select>
        </p>
        <p>Place of surgery 
        	<select id="place">
            	<option value="" selected="selected">---------</option> 
            	<?php 
                $sql = "SELECT * FROM  neuro_anteriorityplace ORDER BY name"; 
                $query = mysql_query($sql);
                while($items = mysql_fetch_array($query))
                {
                    echo '<option value="'.$items['id'].'">'.$items['name'].'</option>';
                }
            ?>	
            </select></p>
 
        <p>
        Surgery 
        <select id="sel_cerebral_$surgery">
            <option>-----</option>
            <option value="Y" <?php if(($_SESSION['MAJ'] == "OK")&&($data_cerebral['surgery']) == 'Y') echo 'selected="selected"'; ?>>YES</option>
            <option value="N" <?php if(($_SESSION['MAJ'] == "OK")&&($data_cerebral['surgery']) == 'N') echo 'selected="selected"'; ?>>NO</option>
        </select>
        </p>
        <p>
        	Radiotherapy 
            <select id="sel_cerebral_radiotherapy">
                <option>-----</option>
                <option value="Y" <?php if(($_SESSION['MAJ'] == "OK")&&($data_cerebral['radiotherapy']) == 'Y') echo 'selected="selected"'; ?>>YES </option>
                <option value="N" <?php if(($_SESSION['MAJ'] == "OK")&&($data_cerebral['radiotherapy']) == 'N') echo 'selected="selected"'; ?>>NO</option>
            </select>
        </p>
        <p>
        Chemotherapy 
            <select id="sel_cerebral_chemotherapy">
                <option>-----</option>
                <option value="Y" <?php if(($_SESSION['MAJ'] == "OK")&&($data_cerebral['chemotherapy']) == 'Y') echo 'selected="selected"'; ?>>YES</option>
                <option value="N" <?php if(($_SESSION['MAJ'] == "OK")&&($data_cerebral['chemotherapy']) == 'N') echo 'selected="selected"'; ?>>NO</option>
            </select>
        </p>
    </div>
 
    <h3><a href="#">Familial anteriority</a></h3>
    <div>
        <select id="sel_familial_anteriority">
                <option>-----</option>
                <option value="Y" <?php if(($_SESSION['MAJ'] == "OK")&&($data_familial['is_onco']) == 'Y') echo 'selected="selected"'; ?>>YES</option>
                <option value="N" <?php if(($_SESSION['MAJ'] == "OK")&&($data_familial['is_onco']) == 'N') echo 'selected="selected"'; ?>>NO</option>
            </select>
    </div>
    <h3><a href="#">If you modify this patient's chart, please leave a comment (this comment will appear in the log file)</a></h3>
    <div>
        <input type="text" size="100" id="remarque"  />
    </div>
	<?php $_SESSION['MAJ'] = ""; ?>

Merci pour l'aide.

beegees

Ok donc pas possible de retourner un json vu que tu retournes un include.

Ce que tu peux faire c'est utiliser un JSON island (http://www.phpied.com/json-data-island/) :

Dans ton include tu rajoutes en bas de page :
Code:

1 2 3 4 5 <div id="json-island"> </div>
et dans ta fonction JS :
Code:

1 2 3 4 5 island = document.getElementById('json-island').firstChild; var data = eval('(' + island.data + ')'); var title = data.name + ' ' + data.firstname; $('#examen').dialog('option', 'title', title);
voilà ce devrait être bon (désolé je n'ai pas codé le traitement du json island en JQuery, l'apport étant nul ici)

Grand merci pour ta réponse rapide.

J'apprends des choses avec toi. Je n'avais jamais entendu parler de json-island.

J'ai donc fait ce que tu m'as dit :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
xhr.onreadystatechange = function()
	{
		//alert(xhr.status);
		//alert(xhr.readyState);
		if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0 ) )
			
		{
			resultat = xhr.responseText;
			alert(resultat);
			var obj = $("#accordion");
			obj.html(resultat);
			obj.accordion("destroy").accordion(obj.data("accordionSettings"));
			document.getElementById('bouton_validate').style.display = "block";
			//permet de changer le titre du dialog à la volée (quand on change de patient)
			island = document.getElementById('json-island').firstChild;
			var data = eval('(' + island.data + ')');
			var title = data.name + ' ' + data.firstname;
			$('#examen').dialog('option', 'title', title);
			
		}
	}

et dans le fichier include :

Code:

1
2
3
4
<div id="json-island"><!--
    {name:'<?php echo $_SESSION['name'] ?>', firstname:'<?php echo $_SESSION['firstname'] ?>'}
-->
	</div>

J'obtiens cette erreur au retour de PHP :

Citation:

data is undefined

Line 24

ligne 24 :

Code:

1
2
 
var title = data.name + ' ' + data.firstname;

Qu'en penses-tu ?

Encore merci pour l'aide.

05/06/2011, 20h23
Finality
peux tu faire un alert(island) après
Code:

1 2 island = document.getElementById('json-island').firstChild;
?
05/06/2011, 20h30
beegees
Citation:
Envoyé par Finality

peux tu faire un alert(island) après

Code:

1 2 island = document.getElementById('json-island').firstChild;

?
Voilà ce que ça donne :

Citation:

[object HTMLSpanElement]
05/06/2011, 20h36
Finality

Oulah pas normal ^^ normalement on doit obtenir un object Comment

As-tu vérifier si aucun autre élément dans ton HTML portait l'id "json-island" ?

PS : as-tu une page où on pourrait tester ça ?
05/06/2011, 20h38
beegees

Citation:

Envoyé par Finality

Oulah pas normal ^^ normalement on doit obtenir un object Comment

As-tu vérifier si aucun autre élément dans ton HTML portait l'id "json-island" ?

PS : as-tu une page où on pourrait tester ça ?

Sûr à 100% que je n'ai pas déjà cet id dans mon code.

Ce n'est pas grave, je peux toujours appeler une nouvelle js (ajax) qui va appeler du code php. Ce code PHP va renvoyer (avec un echo) les valeurs des variables de session, je les récupères ensuite dans js.

Qu'en penses-tu ?

beegees
05/06/2011, 20h45
Finality
on va tester une dernière chose :) juste avant le island = ..... fais moi un :
Code:

1 2 alert($('#txt_name').val());
Ce serait dommage de faire deux requêtes AJAX quand même :)
05/06/2011, 20h50
beegees
Citation:
Envoyé par Finality

on va tester une dernière chose :) juste avant le island = ..... fais moi un :

Code:

1 2 alert($('#txt_name').val());

Ce serait dommage de faire deux requêtes AJAX quand même :)
Citation:

Dumonceau

(C'est un nom inventé). C'est le nom que contient la variable de session, c'est donc bon signe.

Pour ce qui est des deux requêtes ajax, tu as raison, j'ai quand même essayé.

Je récupère le nom, mais il ne s'affiche pas dans le titre :

Code:

$('#examen').dialog('option', 'title', "'"+resultat+"'");

Merci pour tout.

ah bon beh c'est bon alors :)

1) Vires tout ce qui est lié au json island

Code:

1
2
3
4
5
 
island = document.getElementById('json-island').firstChild;
var data = eval('(' + island.data + ')');
var title = data.name + ' ' + data.firstname;
$('#examen').dialog('option', 'title', title);

2) Dans ton JS maintenant, fais ça :

Code:

1
2
3
4
5
 
var name = $('#txt_name').val();
var firstname = $('#txt_firstname').val();
var title = name + ' ' + firstname;
$('#examen').dialog('option', 'title', title);

et là je pense qu'on devrait être bon :ccool:

C'est une bonne idée d'avoir testé ce paramètre :ccool:

mais ça ne fonctionne pas :mur:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
xhr.onreadystatechange = function()
	{
		//alert(xhr.status);
		//alert(xhr.readyState);
		if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0 ) )
 
		{
			resultat = xhr.responseText;
			//alert(resultat);
			var obj = $("#accordion");
			obj.html(resultat);
			obj.accordion("destroy").accordion(obj.data("accordionSettings"));
			document.getElementById('bouton_validate').style.display = "block";
			//permet de changer le titre du dialog à la volée (quand on change de patient)
			//alimenter_variable_session();
 
			//alert($('#txt_name').val());
 
			var name = $('#txt_name').val();
			var firstname = $('#txt_firstname').val();
			var titre = name + ' ' + firstname;
			alert(titre);
			$('#examen').dialog('option', 'title', titre);
 
		}
	}

Pas d'erreur, mais le titre ne change pas.

Tu comprends quelque chose à ça ?

Merci pour l'aide.

beegees

05/06/2011, 21h10
Finality

Oulah là c'est bizarre là ... j'ai testé de mon côté avec une concaténation et ça marche à merveille...

le alert fonctionne bien ?
05/06/2011, 21h13
beegees

Citation:

Envoyé par Finality

Oulah là c'est bizarre là ... j'ai testé de mon côté avec une concaténation et ça marche à merveille...

le alert fonctionne bien ?

L'alerte fonctionne bien, oui.

C'est bizarre, je regarderai cela demain.

Merci pour tout et très bonne soirée ;)

Je t'ai mis des points.
05/06/2011, 21h15
Finality

Ok beh tiens moi au courant demain alors :) j'essaierai de continuer à t'aider ;)

Bonne soirée et bon courage pour demain :ccool: