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 :
Lors d'un clique il exécute le script suivant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part <a href="#" id="windowOpen">Ouvrir la fenêtre</a>
Ce script rend mon bloc #window visible.
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>
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.
Partager