CodingForums.com - 2 actions from one link

CodingForums.com (http://www.codingforums.com/index.php)

- JavaScript programming (http://www.codingforums.com/forumdisplay.php?f=2)

- - 2 actions from one link (http://www.codingforums.com/showthread.php?t=182239)

2 actions from one link

Hi all,

Trying to something i guess is pretty basic but i cant seem to get it working. I have a page with an iframe name="grid" and on that page i am also running a mootools script which toggles a pannel.

The javascript for the pannel is:

Code:

<script type="text/javascript">

window.addEvent('domready', function(){

var mySlide = new Fx.Slide('top-panel');

$('toggle').addEvent('click', function(e){

e = new Event(e);

mySlide.toggle();

e.stop();

});

});

</script>

so this link opens the pannel

Code:

<a href="#" id="toggle">Show Panel</a>

However, i want to make a it so that one link can both call a page in the iframe AND toggle the pannel. I tried:

Code:

<a href="page_to_call.htm" target="grid" id="toggle">Show panel and call page in iframe</a>

but no joy.

I want more than one link to be able to do this (calling different pages to the iframe and each one toggling the pannel)

Can anyone help?

Thanks loads in advance for any reply.

I use jQuery. It would be something like this, not 100% perfect but it toggles and loads the external file into a div.

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function() {

 $('a.open').click(function(){

   $("#mydiv").toggle(function(){

    $(this).load("Untitled-2.html");

   });

 });

});

</script>



//html

<a class="open" href="#">open</a>

<div id="mydiv" style="width:100px; height:100px; display:none;"></div>

Hey thanks for the reply

Unfortunatly it doesnt really work because i want to be able to click lots of links on the page, and for all of them to cause the toggle effect as well as load a page in the iframe. This example only works for one link (to open untitled-2.html)

thanks for the help though, does anyone have any other ideas?

Matt

you need to create a var with a div and link id.

hey thanks for getting back to me. Im very new to this so i have no idea what a var is. can you explain what you mean?

thanks