The largest Interview Solution Library on the web

« Previous | 1 | 2 | 3 | Next »
AccordionContainer: We have already read about the container like: TabContainer and StackContainer. Similarly, this is a container that contains a set of panes. All pane titles are all visible, but only one pane's content is visible at a time. After clicking on the pane title currently slides are displayed.
<title>Accordion Container Example</title>
<style type="text/css">
@import "../dijit/themes/tundra/tundra.css";
@import "/resources/dojo.css"
<script type="text/javascript" src="dojo.xd.js" djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
<body class="tundra">
<div dojoType="dijit.layout.AccordionContainer" duration="80"
style="margin-right: 10px; width: 500px; height: 200px;">
<div dojoType="dijit.layout.AccordionPane" selected="true" title="Benefits of Dojo">
<p >Benefits of Dojo: Associative arrays, Loosely typed variables,
Regular expressions, Objects and classes, Highly evolved date, math, and string libraries,
W3C DOM support in the Dojo.</p >
<div dojoType="dijit.layout.AccordionPane" title="Introduction to Dojo">
<p>This tips is light towards people with some JavaScript knowledge,
priestly used another JavaScript (Ajax) framework before, now have a real need to use some of
the features found in dojo.</p>
<div dojoType="dijit.layout.AccordionPane" title="WebSite for Dojo Tutorial">
<p>If you want to learn dojo. Please go the following url and read the dojo
tutorials with running examples.
« Previous | 1 | 2 | 3 | Next »

copyright © 2014 - all rights riserved by