I'm trying to figure out how to traverse from a frame (basically a header region) to the frameset, to alter the height of said frameset.
In example.php below, I want to change the rows value of <frameset> from an event trigger in a script in example-header.php
- <frameset rows="49px,*" frameborder="NO" border="0" framespacing="0">
- <frame src="example-header.php?url=<?php print "$url"; ?>" id="header" name="frame" scrolling="NO" noresize>
- <frame src="<?php print "$url"; ?>" id="main" name="main">
- </frameset>
Here's my script in example-header.php
- <script>
- // Show and Hide Community Nav Bar
- $(document).ready(function() {
- $('.hide-toolbar span').click(function() {
- $(this).parent('.hide-toolbar').hide('fast');
- $('.show-toolbar').show('fast');
- $('#community-nav').slideUp('800');
- // HERE'S WHERE I'M STUMPED $('frameset', FRAMETRAVERSAL).attr('rows', '4px, *');
- });
- // HIDE FUNCTION SIMILAR
- });
- </script>
- </head>
- <body>
- <div class="hide-toolbar"><span>HIDE X</span></div>
- ...
Any help would be much appreciated.