I'm starting with jQuery and I have a lot of doubts. I'm reading the
following books:
- jQuery Reference Guide (Jonathan Chaffer, Karl Swedberg)
- Learning jQuery 1.3 (Jonathan Chaffer, Karl Swedberg)
- jQuery UI 1.6 (Dan Wellman)
But as I said before I have a lot of doubts. Here goes the first.
I'm trying to use the Dialog component from jQuery UI to show some modal
dialogs in my web app. For just one dialog I haven't problems because I
do this:
In my HTML:
<img id="img_1" class="help" title="Show info about: Dir name field"
alt="Show info about: Dir name field" src="/images/information.png" />
<div class="dialog" id="dialog_1" title="Show info about: Dir name
field"><p>The director name used by the system administrator. This
directive is required.</p></div>
And the JS code:
$('#dialog_1').dialog({
autoOpen: false,
width: 600,
modal: 'true',
resizable: false,
draggable: false,
buttons: {
"Aceptar": function() {
$(this).dialog("close");
}
}
});
$('#img_1').click(function(){
$('#dialog_1').dialog('open');
return false;
});
Now suppose that I have 10 different images: img_1, img_2, ..., img_10
and for each of them I want associated a different dialog: dialog_1,
dialog_2, ..., dialog_10. I generate the IDs dinamically with PHP this
is not the problem, the problem is how to associated each image to the
correspondent dialog. I mean for example img_1 => dialog_1 and so on and
then when I click the ID=img_1 then the dialog_1 will be show and so on.
¿Could any body help me with the jQuery code?
Cheers and thanks in advance
--
Ing. Reynier Pérez Mira
No comments:
Post a Comment