To create a sidebar that opens and closes "PBB_SideBar"


(SideBar PBB does not seem to have already been distributed ( Google found even ask.) put out an article for the waste, just set it aside)
Cool sidebar that open "PBB SideBar" ... but, just as it is opening it just could not do anything.

Therefore, MRB renovating some code directly in HTML to be able to write in your.
Suppose JavaScript is turned OFF even appear as a normal part of the content.

  1. Download
  2. Using
  3. Options

Download


Otherwise, MooTools mootools.js please download from.

_^_

Using

<script type="text/javascript" src="./mootools.js"></script>
<script type="text/javascript" src="./pbbsidebar.mrb.js"></script>
<script type="text/javascript">
window.onload = function() {
MySideBar = new PBBSideBar();
}
</script>

After describing the elements and the anchor onclick = "javascript: MySideBar.display (); please append.

<a onclick="javascript:MySideBar.display();">Open<->Close</a>

_^_

Options

Below.


For example:
MySideBar = new PBBSideBar({
position : 'left',
styles: {
'width': '500',
'color': 'white',
'background-color': 'red',
'opacity': 0.6
},
showDuration: 500,
showEffect: Fx.Transitions.backOut,
hideDuration: 500,
hideEffect: Fx.Transitions.quadInOut
});

Tags: JavaScript


HOME > Articles 2011 > opening and closing the sidebar to create a "PBB_SideBar"

HOMEHOME CategoryCategory HistoryHistory

Site Search :

[HTML link code]