demo:
http://139.179.14.47/~batur/dhtml-suite ... panel.html
applicationJS file: (overwrite dhtml-suite-for-applications.js )
http://139.179.14.47/~batur/dhtml-suite ... cations.js
css file: ( copy themes/blue/css/help-panel.css , file location and name is important, for now only blue theme css )
example using:
// {{{ setContent(source,value)
/**
* set content to help panel
*
* @param string source: source of content ( text, div object or file)
* text : a static text
* div : a div object
* file : a url ( load using ajax )
* @param number value: if source is text : value is content,
* source is div : value is div id,
* sourse is file: value is url
*@public
*/
<script type="text/javascript">
var helpPanel = new DHTMLSuite.helpPanel(); // Creating object of class DHTMLSuite.chainedSelects
//helpPanel.setSlide(true);
//helpPanel.setPosition('top);
//helpPanel.setPushMainContentOnSlide(false);
helpPanel.setWidth(200); // px
helpPanel.setContent('file','includes/helpPanel.php?test=batur');
//helpPanel.setContent('text','help text data');
//helpPanel.setContent('div','helpPanelDiv'); // second param is div id for using help panel
</script>