Discussion :

[prophet_master]

bonjour tout le monde, j'ai un souci je suis fort en php mais en code javascript pas trop... la demande est la suivante :

j'ai un calendrier qui est affiché comme ceci :

http://www.yooliday.ch/index.php?opt...=fr#calendrier

chaque case à un id différent et je voudrais pouvoir changer la couleur en réservé quand ont click dessus. en php pas de problème mais j'aimerais vraiment améliorer la fonctionnalité en ajoutant de l'ajax et du mootools pour faire la même chose sans recharger la page.

J'ai tester un bout de code simple trouvé sur le net qui fonctionne presque :

pour le javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
window.addEvent('domready', function() {
		$('start').addEvent('click', function(e) {
 
			e = new Event(e).stop();
 
		var url 	= $('start').getProperty('href'); //url
		var test 	= $('start'); //nom de la div
		alert(test);
		new Ajax(url, {
			method: 'post',
			update: $('25-12-2010').setStyles({'background-color':'#ff0000'})}).request();
	});
	});

le code html :

Code :

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

1
2
3
4
5
6
7
 
<table border="1" cellpadding="5" cellspacing="5">
  <tr>
	<td id="25-12-2010"><a id="start" href="javascript:retrieveid('index.php?option=com_hello&task=ajax&monoption=2&format=raw','25-12-2010');">1</a></td>
	<td id="26-12-2010"><a id="start" href="index.php?option=com_hello&task=ajax&monoption=2&format=raw"><span id="2">2</span></a></td>  
  </tr>
</table>

pour moi le plus simple serait de lui passer les paramètres directement sur le <a id="" href="">, mais j'ai beau chercher des exemples je ne trouve rien de concret.

le principe final c'est que quand le propriétaire veut éditer les réservations que des gens font pour leurs appartements, ça soit en ajax et que ça ne recharge pas toute la page à chaque click.

J'espère avoir été assé clair

[vermine]

Bonjour,

Quand vous dites que ça marche presque, qu'est-ce qui ne va pas exactement ?
Ensuite, vous avez deux fois le même id="start" dans l'exemple que vous nous donnez. Un id doit être unique.
Et finalement, à qui vous sert la variable "test" ?

[prophet_master]

oui je sais que un id doit être unique mais vu que je n'arrive pas à faire passer des paramètres à mootools... j'ai tester cette solution sinon je vais me retrouver avec des fonctions pour chaque cases de mon calendrier et c'est pas vraiment bien j'aimerais que ça soit dynamique...

donc comment faire comprendre à mootools ceci javascript:mafonction(paramètre_1, paramètre_2);

j'ai bien essayer en créant une autre fonction javascript qui lui reconnais les paramètres mais si je veux les reprendre dans mon code mootools en dessous rien y fait.

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
<?php
$id_case_date   = "25-12-2010";
$lien_ajax              = "index.php?...";
?>
 
<table>
  <tr>
	<td id="<?php echo $id_case_date;?>"> <!--25-12-2010-->
	<a href="<?php echo $lien_ajax;?>"> <?php echo $id_case_date; ?> </a> 
	</td>
 
	<td id="<?php echo $id_case_date;?>"> <!--26-12-2010-->
	<a href="<?php echo $lien_ajax;?>"> <?php echo $id_case_date; ?> </a> 
	</td>
	etc...
  </tr>
</table>

Mootools :

comment récupérer le liens et executer la bonne action et en retour modifier la couleur du td si la requête à été effectuer avec succès...

[vermine]

Vous pouvez utiliser un selecteur plus précis. Par exemple, récupérer les liens de class "ma_classe" :

Code :

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

1
2
3
4
5
6
7
8
 
$$('a.ma_classe').addEvent('click', function(e) {
 
   ...
   var url = this.getProperty('href'); 
   var td_parent = this.getParent();
   ...
});