Response title
This is preview!
iframe issues
in Getting Started
•
11 years ago
Hi guys. I'm new to web development and js. I understand some js and jQuery, but not enough to write useful code yet, so I'm hoping to get help here. I'm incorporating some 3rd party web apps into my website via an iFrame (out of pop-up windows and direct links, this is the best way) and have a two part question.
1) The web apps do not allow for direct coding and only allow for a limited number of css styling options. I can upload a background image and change the background color, but I can't make it transparent. I want to adjust the iframe so my website background shows through. According to Firebug, I can simply take the background color option out entirely and the problem is solved.
The issue is that these apps are on a different domain and I imagine most of the code is server side using a Dynamic View Controller (over my head), so incorporating the code into my site directly would probably not work. My "IT Guy" says that we should be able to target the iframe in my .php file and change the styling once the iframe is loaded, since the styles cascade. However, the iframe, as well as everything else on the page, is not named (no classes or ids), so in order to target it, I have to use some sort of ("this").child.child("body") kind of thing. Nothing we have tried has worked so far.
2) If I set an iframe height and the iframe displays things longer than the height, it cuts off (obviously). I need the iframe to have a dynamic height, so if the contents of the iframe change, the height of the iframe changes as well. I have seen code to do this, but when I used it, it did not work. I'm hoping to learn a little jQuery magic if I can make this work.
The site is located at http://www.nightaliveent.com/builds/1.0/music.php. I can provide code if it would help, but I don't want to pollute the board.
1) The web apps do not allow for direct coding and only allow for a limited number of css styling options. I can upload a background image and change the background color, but I can't make it transparent. I want to adjust the iframe so my website background shows through. According to Firebug, I can simply take the background color option out entirely and the problem is solved.
The issue is that these apps are on a different domain and I imagine most of the code is server side using a Dynamic View Controller (over my head), so incorporating the code into my site directly would probably not work. My "IT Guy" says that we should be able to target the iframe in my .php file and change the styling once the iframe is loaded, since the styles cascade. However, the iframe, as well as everything else on the page, is not named (no classes or ids), so in order to target it, I have to use some sort of ("this").child.child("body") kind of thing. Nothing we have tried has worked so far.
2) If I set an iframe height and the iframe displays things longer than the height, it cuts off (obviously). I need the iframe to have a dynamic height, so if the contents of the iframe change, the height of the iframe changes as well. I have seen code to do this, but when I used it, it did not work. I'm hoping to learn a little jQuery magic if I can make this work.
The site is located at http://www.nightaliveent.com/builds/1.0/music.php. I can provide code if it would help, but I don't want to pollute the board.
1