Comment rendre un code portable ?
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:
<a href="#" id="windowOpen">Ouvrir la fenêtre</a>
Lors d'un clique il exécute le script suivant :
Code:
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.
