1
|
/**
|
2
|
* Expected dom structure:
|
3
|
* <li class="dynabox">
|
4
|
<div class="dynabox_label"><span class="label">Lable Text</span>
|
5
|
<ul class="dynabox_content"><li> ...... </li></ul>
|
6
|
</li>
|
7
|
*/
|
8
|
|
9
|
|
10
|
(Drupal.cdm_dynaboxAutoAttach = (function ($) {
|
11
|
|
12
|
var loadDynaContent = function(event) {
|
13
|
event.preventDefault(); //Cancel the default action (navigation) of the click.
|
14
|
var dynabox_content = $(this).toggleClass("dynabox_expanded").parent('.dynabox').find('.dynabox_content').slideToggle("fast");
|
15
|
|
16
|
var url = dynabox_content.attr('title');
|
17
|
|
18
|
if(url !== undefined && url.length > 1){
|
19
|
dynabox_content.removeAttr('title').find('.loading').show();
|
20
|
$.get(url, function(html){
|
21
|
dynabox_content.find('.loading').remove().end().append(html);
|
22
|
});
|
23
|
}
|
24
|
};
|
25
|
|
26
|
$('.dynabox').find('.dynabox_content').click(function(event){event.stopPropagation();});
|
27
|
|
28
|
$('.dynabox a.label').dblclick(loadDynaContent);
|
29
|
$('.dynabox a.label').click(loadDynaContent);
|
30
|
|
31
|
//$('li.dynabox> span').click(function(event){event.stopPropagation();});
|
32
|
}))(jQuery);
|
33
|
|
34
|
|
35
|
|
36
|
jQuery(document).ready(Drupal.cdm_dynaboxAutoAttach);
|