StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POMultiple SimpleModals on one page
primarykey
Id
10099668
data
AcceptedAnswerId
0
AnswerCount
1
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2012-04-11T04:08:43.317
FavoriteCount
0
LastActivityDate
2013-01-17T12:46:07.417
LastEditDate
LastEditorUserId
0
OwnerUserId
479663
ParentId
0
PostTypeId
1
Score
0
ViewCount
204
LastEditorDisplayName
text
Body
<p>Newbie question I think, but maybe not... I am using SimpleModal for a project, and have a case where there are multiple triggers and modals on a page. </p> <p>Page is here: <a href="http://lumetta.highchairdesign.com/newsite/lumenate-portfolio/linen" rel="nofollow">http://lumetta.highchairdesign.com/newsite/lumenate-portfolio/linen</a></p> <p>Markup for the trigger is like: </p> <pre><code><a class="modalbutton" href="#item_31" title="D112 Sand" style="background-image: url(/newsite/documents/gallery_photos/59.D112-Sand.jpg);"> </a> </code></pre> <p>Markup for the Modal is like: </p> <pre><code><div id="#item_31" class="modal"> <h3>D112 Sand</h3> <a href="javascript:;" class="lumenate_largethumb" style="background-image: url(/newsite/documents/gallery_photos/59.D112-Sand.jpg);"> </a> </div> </code></pre> <p>Yes, I know it's odd, but the modal contains a sprite so that is why I am using an A with a background image... </p> <p>My JS looks like: </p> <pre><code>$(".modalbutton").click(function (e) { var iden = $(this).attr("href"); $("" + iden + "").modal( { close: true }); }); </code></pre> <p>My JS is trying to figure out which link has been clicked, and inject it with the proper DIV. I get the click action, I get the modal container to appear, but the content does not get injected.</p> <p>I tried quotes around the "iden" variable, I tried no quotes... doesn't help. I tried thedirect call to the modal action, which looks like $.modal( $( iden ), { etc..., no luck there. I tried passing the content div ID to the proper setting variable for SimpleModal, which is "dataId"... no dice. </p> <p>I'm losing my mind and going to bed. This was supposed to be simple. Help? </p>
Tags
<jquery><simplemodal>
Title
Multiple SimpleModals on one page
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USJ. Hogue
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.