Click here to Skip to main content
15,893,381 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
XML
<script type="text/javascript">
ddaccordion.init({
    headerclass: "submenuheader", //Shared CSS class name of headers group
    contentclass: "submenu", //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: 200, //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: true, //persist state of opened contents within browser session?
    toggleclass: ["", "active"], //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" class="statusicon" alt=" " />", "<img src="images/minus.gif" class="statusicon" alt=" " />"], //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
        //do nothing
    },
    onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
        //do nothing
    }
})
</script>



In above script following error occur on w3c

document type does not allow element "img" here
…plus.gif" class="statusicon" alt=" " />", "<img src="images/minus.gif" class="…
Posted

1 solution

You hava a problem in the way the string value for your image tag is constructed. Your quotes will confuse the javascript interpreter. The quotes inside the literal strings need to be escaped.
HTML
togglehtml: ["suffix", "<img src="images/plus.gif" class="statusicon" alt=" " />", "<img src="images/minus.gif" class="statusicon" alt=" " />"]

should be
HTML
togglehtml: ["suffix", "<img src=\"images/plus.gif\" class=\"statusicon\" alt=\" \" />", "<img src=\"images/minus.gif\" class=\"statusicon\" alt=\" \" />"]
 
Share this answer
 
v3
Comments
Adam R Harris 18-Jan-13 11:36am    
Beat me to it, my 5.
fjdiewornncalwe 18-Jan-13 13:52pm    
Thanks, Adam.
jkirkerx 18-Jan-13 18:08pm    
That was easy, beat me by 6 hours.

Don't forget to provide the alt text to be html error free.
Sergey Alexandrovich Kryukov 18-Jan-13 19:41pm    
Right, a 5. I wonder how could it work. Hardly.
—SA

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900