Jump to content

how to trigger a toggled div via href click from another page?


geekisthenewsexy

Recommended Posts

hi guys, i hope you can help me on this. I have a link called "Set" which is located on "home.php" (first tab). Now, when i click this link, it should take me to "settings.php" (which is the second tab)

and trigger open this fetched div content via iframe

  <div style="display: none;" id="tab_set_sy" class="tab_content">
		 <iframe src ="_tab_set_sy.php" width="100%">
		    <p>Sorry for the inconvenience but your browser doesn't support iframes.</p>
		   </iframe>	
	</div>

which is inside

<div id="sy" class="submenu">
            <iframe src ="_admin_sy.php" width="99%" height="400" border="0">
               <p>Your browser does not support iframes.</p>
            </iframe>
				</div>

the purpose of this is to no longer click the link "schoolyear"

(<ul class="tabs"><a class="menuitem submenuheader" href="#sy"> schoolyear</a></ul>)

to toggle open the fetched content above which is <div id="tab_set_sy">. I am using the jquery accordion here guys. here..

<script type="text/javascript" src="js/ddaccordion.js"></script>

<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: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["prefix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //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>	

anyone got ideas? :)

 

 

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.