Buying Urgent Iframe resizing help , simple and quick work -- $10

Discussion in 'Programming' started by randomIntellections, Oct 31, 2011.

0
  1. #1
    Hi,

    I have a iframe loading inside a wordpress header and footer.
    The problem is when navigating in the page inside the iframe the height of content varies. I want the iframe resized dynamically as the content's height changes.

    I want someone to provide the code I must add for this to the pages. The iframe src is on another domain but I have access to that domain.


    Contact right away as I want a solution asap.
    hereis the page with the iframe:
    http://bit.ly/sjD3jT


    Thanks,
     
    randomIntellections, Oct 31, 2011 IP
  2. .3rok3n

    .3rok3n Well-Known Member

    Messages:
    383
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    135
    Digital Goods:
    1
    As Seller:
    100% - 1
    As Buyer:
    50.0% - 1
    #2
    please add this code <iframe src="xyz.com" width="your desired" height="inherit" >

    or
    height="auto"
    height="inherit"
     
    .3rok3n, Oct 31, 2011 IP
  3. randomIntellections

    randomIntellections Well-Known Member

    Messages:
    985
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    180
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #3
    hey that doesn't work. I set it to auto and inherit both dint work. You can check by going to the url i psoted above.
     
    randomIntellections, Oct 31, 2011 IP
  4. .3rok3n

    .3rok3n Well-Known Member

    Messages:
    383
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    135
    Digital Goods:
    1
    As Seller:
    100% - 1
    As Buyer:
    50.0% - 1
    #4
    ok try this
    <script language="JavaScript">
    <!--
    function autoResize(id){
    var newheight;
    var newwidth;

    if(document.getElementById){
    newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
    newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
    }

    document.getElementById(id).height= (newheight) + "px";
    document.getElementById(id).width= (newwidth) + "px";
    }
    //-->
    </script>


    <iframe src="http://extremeseotools.com/signup/cart.php?systemtemplate=rentseo" width="100%" height="200px" id="iframe1" marginheight="0" scrolling='no' frameborder="0" onLoad="autoResize('iframe1');"></iframe>
     
    .3rok3n, Oct 31, 2011 IP
  5. randomIntellections

    randomIntellections Well-Known Member

    Messages:
    985
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    180
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #5
    No dint work
     
    randomIntellections, Oct 31, 2011 IP
  6. .3rok3n

    .3rok3n Well-Known Member

    Messages:
    383
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    135
    Digital Goods:
    1
    As Seller:
    100% - 1
    As Buyer:
    50.0% - 1
    #6
    Leme know if it worked
     
    .3rok3n, Oct 31, 2011 IP
  7. RiptideSolutions

    RiptideSolutions Active Member

    Messages:
    142
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    65
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #7
    I can do this with jQuery if you would like. I am sending you my contact details right away so you can contact me if you would like me to do this with jQuery.

    Thanks, bud!
     
    RiptideSolutions, Oct 31, 2011 IP