UI Dialog. Un titre à la volée ?

**beegees** · 05/06/2011, 13h48

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Finality** · 05/06/2011, 17h15

Salut,

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

**beegees** · 05/06/2011, 18h07

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Finality** · 05/06/2011, 18h16

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**beegees** · 05/06/2011, 18h25

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

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
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

**Finality** · 05/06/2011, 18h31

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 ...

**beegees** · 05/06/2011, 18h37

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

**Finality** · 05/06/2011, 18h42

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

**beegees** · 05/06/2011, 18h54

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

**Finality** · 05/06/2011, 18h57

oh mince excuse moi c'est de ma faute

je te fais pas travailler sur le bon objet :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ça devrait être mieux

**beegees** · 05/06/2011, 19h00

Envoyé par Finality

oh mince excuse moi c'est de ma faute

je te fais pas travailler sur le bon objet :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ça devrait être mieux

ça fonctionne, super grand

à toi pour le temps que tu m'as consacré.

Bonne fin de W.E.

beegees

**Finality** · 05/06/2011, 19h01

De rien

et excuse moi encore pour ce temps perdu

Bonne fin de week end à toi et bon courage

**beegees** · 05/06/2011, 19h25

Envoyé par Finality

De rien

et excuse moi encore pour ce temps perdu

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Merci encore pour ton aide.

**Finality** · 05/06/2011, 19h49

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 ?

**beegees** · 05/06/2011, 19h54

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 :

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
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

**Finality** · 05/06/2011, 20h10

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et dans ta fonction JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

**beegees** · 05/06/2011, 20h19

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 :

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
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

data is undefined

Line 24

ligne 24 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Qu'en penses-tu ?

Encore merci pour l'aide.

**Finality** · 05/06/2011, 20h23

peux tu faire un alert(island) après

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

?

**beegees** · 05/06/2011, 20h30

Envoyé par Finality

peux tu faire un alert(island) après

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

?

Voilà ce que ça donne :

[object HTMLSpanElement]

**Finality** · 05/06/2011, 20h36

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 ?

UI Dialog. Un titre à la volée ?

jQuery

Discussions similaires

Partager

Partager