codehaven - php snippets - coding help
Generic filters
Exact matches only
    • octopus energy discount code

    Hide frames using Jquery

    6th August 2014

    Random Coding

    random coding category codehaven

    Frameset.php

    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <frameset cols="50%,*">
     
      <frame src="frame1.php" name="frame1" id="frame1"/>
     
      <frame src="frame2.php" name="frame2" id="frame2"/>
     
    </frameset>
     

    Frame1.php

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    <div id="image">Click Here to change frame sizes</div>
      <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script>
    (function(){
        $('#image').on("click" , function (e) {
            parent.document.getElementsByTagName( 'frameset' )[ 0 ].cols = '10,*' ;
        });
    }());
    </script>
     

    Frame2.php

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    <body>
    This is frame 2
    </body>
    <style>
    body {
        background-color: yellow;
        }
    </style>
     

    Was this code snippet helpful?

    RSS Latest Snippets
    LINKS
    A Repository of Code Snippets in many Programming Languages:-

    PHP – JQUERY
    CSS – MYSQL
    WORDPRESS – JAVASCRIPT
    WOOCOMMERCE – HTML

    © 2022 CODEHAVEN