Bonjour à tous,

Je développe principalement en PHP et je fais un peu de javascript et d'ajax.
J'utilise JQuery pour la première fois avec le Plugin Interface, et plus précisément ce script la :

http://interface.eyecon.ro/demos/windows.html

Dans le HTML j'ai donc un lien banal de ce type :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<a href="#" id="windowOpen">Ouvrir la fenêtre</a>
Lors d'un clique il exécute le script 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
23
24
25
26
27
<script type="text/javascript">
$(document).ready(
	function()
	{
	  $('#windowOpen').bind(
		'click',
		function() {
			if($('#window').css('display') == 'none') {
				$(this).TransferTo(
					{
						to:'window',
						className:'transferer2', 
						duration: 400,
						complete: function()
						{
							$('#window').show();
						}
					}
				);
			}
			this.blur();
			return false;
		}
	);
  }
);
</script>
Ce script rend mon bloc #window visible.

Mon problème :
Lors du clique sur le lien, le script rend le bloc #window visible. Si je crée un deuxième bloc #window2 par exemple, je devrais recopier tout le code et changer le $('#window')

Comment puis-je faire (avec un this. ?) pour que lors du clique sur le lien, le script sache quel bloc il doit rendre visible ? (pour avoir plusieurs liens dans une même page, et donc plusieurs bloc invisible.)

J'ai du mal à trouver la syntaxe exacte, merci beaucoup de m'aider !

PS: je m'excuse par avance, je n'ai pas réussi à déplacer le sujet dans le sous forum pour JQuery.