PDA

View Full Version : open/close icons missing from accordion script



alibowa
10-23-2010, 01:01 AM
1) Script Title: Accordion Content script (v1.9)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm

3) Describe problem: I have been using the third example from the "Accordion Content Script (V1.9) where it says: "onClick example with icon indicators:" (the red text) and noticed recently that the minus/plus icons on my web page no longer appear, they also no longer appear on the dynamic drive example page. Would appreciate some help with this - either how to re-instate the original images, or insert my own.

ddadmin
10-23-2010, 04:25 PM
Most likely you're still referencing the images from tinypics.com inside the initialization code of the script, which apparently no longer work. Try uploading the two images directly and changing the reference to them inside your script accordingly:


ddaccordion.init({
headerclass: "technology", //Shared CSS class name of headers group
contentclass: "thelanguage", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: false, //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: ["closedlanguage", "openlanguage"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["prefix", "<img src='minus.gif' style='width:13px; height:13px' /> ", "<img src='plus.gif' style='width:13px; height:13px' /> "], //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(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

Attached are the two images.