Discussion :

[gobgob]

Bonjour,

J'ai un bouton généré en PHP dont le click provoque l'appel à une fonction JS. Cette fonction récupère la valeur de deux input de type text. Elle les concatène puis retourne le résultat.

Le clic sur le bouton est en fait sensé insérer cette valeur de retour dans une div. Mon problème est que ça ne fonctionne pas.

L'appel de la fonction JS, la concaténation des champs input et leur affichage dans un alert fonctionne mais pas l'insertion de la valeur de retour dans la div.

Pourquoi ?

Voici le code :

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
 
<?php echo javascript_tag("
	function getNotifierNameAndTitle()
	{
		alert($('newNotifierName').value.concat(', ').concat($('newNotifierTitle').value)).concat('<br />');
		return $('newNotifierName').value.concat(', ').concat($('newNotifierTitle').value).concat('<br />');
	}
") ?>
 
 	<?php
 		echo button_to_function('Add',
			update_element_function('notifiers',
				array(
					'position' => 'after',
			  		'content'  =>  "<script>getNotifierNameAndTitle()</script>",
				)
			)
		);
	?>

Merci d'avance

[sabotage]

PHP etant executé sur le serveur, il a fini depuis longtemps son travail quand tu cliques sur le bouton.

Si tu veux faire interagir PHP et Javascript il faut te pencher sur Ajax.

[gobgob]

Je craignais justement de ne pas avoir été suffisamment clair.

Je sais bien que PHP et JS ne s'executent pas du tout au même moment, ni au même endroit.

PHP me sert ici à générer un bouton dans ma page et d'y associer une fonction JS.

Ma fonction JS est d'ailleurs bien appelée lorsque je clique sur le bouton. Mon problème, c'est que la valeur de retour de cette fonction JS se "perd" alors que mon but est de l'insérer dans une div.

A titre d'information et pour éclaircir ma problématique, le code généré et reçu par Firefox est le suivant :

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
 
<script type="text/javascript">
//<![CDATA[
 
	function getNotifierNameAndTitle()
	{
		//alert($('newNotifierName').value.concat(', ').concat($('newNotifierTitle').value)).concat('<br />');
		return $('newNotifierName').value.concat(', ').concat($('newNotifierTitle').value).concat('<br />');
	}
 
//]]>
</script>
<h2 style="background-color:#DCE4FC; width:600px;">Incident notifiers</h3>
 
	<div id='notifiers' style="height: 100px; width:600px; overflow:auto;">
			</div>
 
	<label for="newNotifierName">Notifier's name:</label>
  	<input type="text" name="newNotifierName" id="newNotifierName" value="Name" />	<label for="newNotifierTitle">Notifier's title:</label>
 	<input type="text" name="newNotifierTitle" id="newNotifierTitle" value="Title" />
 	<input onclick="$('notifiers').insert('&lt;script&gt;getNotifierNameAndTitle()&lt;/script&gt;','after');
; return false;" type="button" value="Add" />

[RideKick]

ça ne serait pas plutot :

Code :

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

$('notifiers').value

a la place de

Code :

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

1
2
 
$('notifiers').insert

?

[gobgob]

Non, le insert a été généré par une fonction php qui permet d'ajouter du contenu dans un id de la page html à l'aide de javascript.

[RideKick]

Je comprends rien a ton code , je pensais que tu utilisais jQuery rapport a la notation : $()

Maintenant de ce que je vois dans ton onClick tu insers dans ton Div la valeur retournée par la fonction getNotifierNameAndTitle()

Mais bon c'est pas très clair ...

[Palca]

Si j'ai bien compris, tu veux afficher la valeur de tes deux champs après ton formulaire ?
Parce que si c'est le cas, il suffit de créer un div vide à l'endroit où tu veux afficher le résultat, et de lui insérer ce que tu veux avec les fonctions jQuery text() ou html().

[RideKick]

Si j'ai bien compris, tu veux afficher la valeur de tes deux champs après ton formulaire ?
Parce que si c'est le cas, il suffit de créer un div vide à l'endroit où tu veux afficher le résultat, et de lui insérer ce que tu veux avec les fonctions jQuery text() ou html().

Apparement il y a deja un debut de ça , le div est celui la :

Code :

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

1
2
3
 
<div id='notifiers' style="height: 100px; width:600px; overflow:auto;">
			</div>

Par contre le reste est vraiment écris étrangement .