mubimasti
01-11-2014, 07:50 PM
I am using the script of Dynmaicdrive about "arrowlistmenu" it is working fine but when i add URL in header, the target page does not load. i have used following code. Now page loads correctly but all headers are expanded and not collapsed.
There is another problem and that is add of plus and minus sign in header. THis sign appears at the end of contents of header but no css is working if i want to position plus minus sign at right side of each header.
Can anybody helps to fixed these problems.
ddaccordion.init({ //top level headers initialization
headerclass: "expandable", //Shared CSS class name of headers group that are expandable
contentclass: "categoryitems", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 20, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: True, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
// togglehtml: ["suffix", "<img src='..\\images/plus.gif'>", "<img src='..\\images/minus.gif' class=statusicon >"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
myiframe=window.frames["contents"] //reference and cache iframe to populate
var lastexpandedindex=expandedindices.pop() //get last index within array
myiframe.location.replace(headers[lastexpandedindex].getAttribute('title')) //load page associated with expanded header
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
if (state=="block" && isuseractivated==true){ //if header is expanded and as the result of the user clicking or moving mouse over it
myiframe.location.replace(header.getAttribute('title'))
}
else if (state=="none" && isuseractivated==true && this.$lastclicked.get(0) == header){
myiframe.location.replace(header.getAttribute('title'))
}}
})
There is another problem and that is add of plus and minus sign in header. THis sign appears at the end of contents of header but no css is working if i want to position plus minus sign at right side of each header.
Can anybody helps to fixed these problems.
ddaccordion.init({ //top level headers initialization
headerclass: "expandable", //Shared CSS class name of headers group that are expandable
contentclass: "categoryitems", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 20, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: True, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
// togglehtml: ["suffix", "<img src='..\\images/plus.gif'>", "<img src='..\\images/minus.gif' class=statusicon >"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
myiframe=window.frames["contents"] //reference and cache iframe to populate
var lastexpandedindex=expandedindices.pop() //get last index within array
myiframe.location.replace(headers[lastexpandedindex].getAttribute('title')) //load page associated with expanded header
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
if (state=="block" && isuseractivated==true){ //if header is expanded and as the result of the user clicking or moving mouse over it
myiframe.location.replace(header.getAttribute('title'))
}
else if (state=="none" && isuseractivated==true && this.$lastclicked.get(0) == header){
myiframe.location.replace(header.getAttribute('title'))
}}
})