Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: ASP.NET
<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 18-Jan-13 5:25am

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

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.
togglehtml: ["suffix", "<img src="images/plus.gif" class="statusicon" alt=" " />", "<img src="images/minus.gif" class="statusicon" alt=" " />"]
should be
togglehtml: ["suffix", "<img src=\"images/plus.gif\" class=\"statusicon\" alt=\" \" />", "<img src=\"images/minus.gif\" class=\"statusicon\" alt=\" \" />"]
  Permalink  
v3
Comments
Adam R Harris at 18-Jan-13 11:36am
   
Beat me to it, my 5.
Marcus Kramer at 18-Jan-13 13:52pm
   
Thanks, Adam.
jkirkerx at 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 at 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)

  Print Answers RSS
0 Maciej Los 245
1 OriginalGriff 210
2 Manfred R. Bihy 190
3 CHill60 180
4 _Amy 155
0 OriginalGriff 7,445
1 Sergey Alexandrovich Kryukov 6,157
2 Maciej Los 3,774
3 Peter Leow 3,448
4 CHill60 2,702


Advertise | Privacy | Mobile
Web04 | 2.8.140721.1 | Last Updated 18 Jan 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100