Skip to content

Instantly share code, notes, and snippets.

@ipeychev

ipeychev/double_quotes.html

Created February 5, 2010 06:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ipeychev/295574 to your computer and use it in GitHub Desktop.
Save ipeychev/295574 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
double_quotes.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>YUI3 Accordion - add left and right double quotes</title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.0.0/build/cssfonts/fonts-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/gallery-2009.12.08-22/build/gallery-accordion/assets/skins/sam/gallery-accordion.css">
<style type="text/css">
html, body {
height:100%;
}
</style>
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/gallery-2009.12.08-22/build/gallery-accordion/gallery-accordion-min.js"></script>
<script type="text/javascript">
YUI().use( 'gallery-accordion', function(Y) {
var item1, item2, item3, accordion;
accordion = new Y.Accordion( {
contentBox: "#acc1",
useAnimation: true,
collapseOthersOnExpand: true
});
accordion.render();
item1 = new Y.AccordionItem( {
label: "Item, added from \u201cscript\u201d",
expanded: true,
contentBox: "dynamicContentBox1",
contentHeight: {
method: "fixed",
height: 80
},
closable: true,
bodyContent: 'Item with \u201cdouble quotes\u201d. “Test2”. &#8220;Test3&#8221;.'
} );
accordion.addItem( item1 );
});
</script>
</head>
<body class="yui-skin-sam">
<div style="position: absolute; left: 50px; top: 50px; width: 350px; height: 420px;">
<div id="acc1" style="position: relative; height: 550px; overflow:hidden;"></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment