<html><body><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #000000"><div>Hi Folks,<br></div><div><br></div><div>This is a biggie...<br></div><div><br></div><div>I have a view which produces a page of links to content. When the user clicks the link, I want to display an unadorned, overlaying, modal <DIV> of the target. Imagine, for example, that the view produces a list of drawings, then I want to display the selected drawing without any real estate consumed by Drupal navigation or block regions. I <span style="text-decoration: underline;" data-mce-style="text-decoration: underline;"><strong>know</strong></span> this is a job for AJAX, and I need someone to just fill in a gap or two. Here's what I think I know:<br></div><div><br></div><div>In response to the user's click on the link, through the magic of 'class="use-ajax" ', Drupal will make an AJAX call for the requested content, wait on the promise, and finally return JSON encoded content to some function that I provide so that I can display the returned content in a <DIV> constructed specially for the circumstance. I see the example, but I can't quite follow it.<br></div><div><br></div><div>More specifically, how does 'class="use-ajax" ' do this magic? I have to assume there is an onClick event handler hiding somewhere above me in the DOM looking for the class "use-ajax". Where is this event listener attached? How does it become attached? Where is the source, so I can see both the event handler and the attachment?<br></div><div><br></div><div>Finally, how do I register my callback function which will operate on the returned JSON, which is a complicated question because I need an example of what I need to write, where I need to put it, and how I tell Drupal that it is there.<br></div><div><br></div><div><span name="x">Thanks for the help,<br></span></div><div><span name="x"><br></span></div><div><span name="x"></span>Chris.<br></div></div></body></html>