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? :)

 

 

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • 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.