Given this code that creates and opens a ctools modal in a Drupal 6 site:

var content = 'my content';
var title = 'my title';
Drupal.CTools.Modal.show();
$('#modal-title').html(title);
$('#modal-content').html(content);
Drupal.attachBehaviors(); 

How do I add a link in content that will close the modal?

Didn't work:

• Adding a link with class "close". This is how the right corner close link that ctools automatically adds to the modal works
• Using onclick="Drupal.CTools.Modal.show();"
• Using onclick="Drupal.CTools.Modal.close();"

Any ideas what I might be doing wrong?

Given this code that creates and opens a ctools modal in a Drupal 6 site:

var content = 'my content';
var title = 'my title';
Drupal.CTools.Modal.show();
$('#modal-title').html(title);
$('#modal-content').html(content);
Drupal.attachBehaviors(); 

How do I add a link in content that will close the modal?

Didn't work:

• Adding a link with class "close". This is how the right corner close link that ctools automatically adds to the modal works
• Using onclick="Drupal.CTools.Modal.show();"
• Using onclick="Drupal.CTools.Modal.close();"

Any ideas what I might be doing wrong?

• javascript
• drupal
• drupal-6
• drupal-ctools

Share Improve this question Follow edited Mar 20, 2015 at 0:03 Kara 6,2261616 gold badges5353 silver badges5858 bronze badges asked Jul 8, 2011 at 16:18 JustinJustin 2,93466 gold badges4141 silver badges6666 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

Try onclick="Drupal.CTools.Modal.dismiss()" instead of .close().

Based on Alexander answer, here you have another approach when you click out, the modal is dismiss.

$('#modalBackdrop').live("click", function(){ Drupal.CTools.Modal.dismiss(); });