Code: Select all
<a href="/contact/form/<?php echo $i; ?>/" class="highslide" rel="<?php echo $i; ?>">Contact Form</a>
<div id="contact_form_<?php echo $i; ?>" class="highslide-html-content" style="width:350px;">
<div style="height:20px; padding: 2px" class="highslide-header">
<a href="#" class="closer control">Close</a>
<a href="#" class="highslide-move control">Move</a>
</div>
<div class="highslide-body" style="padding: 0 10px 10px 10px">
asdf asdf asdf
</div>
<div class="highslide-footer">
<div>
<span class="highslide-resize" title="Resize">
<span></span>
</span>
</div>
</div>
</div>
Code: Select all
function setupHS(){
$(".highslide").each(function(e){
if($(this).attr("rel") != ""){
$(this).bind("click",function(r){
// I have tried to do this several ways and none work.
var divID = 'contact_form_'+$(this).attr("rel");
return hs.htmlExpand(this, { contentId: divID } );
// return hs.htmlExpand($(this), { contentId: 'contact_form_'+$(this).attr("rel") } );
});
$(this).children(".closer").bind("click", function(c){
return hs.close($(this));
});
$(this).children(".highslide-move").bind("click", function(c){
return false;
});
}
});
}