Looking to integrate a basic iframe into a website not hosted by me and wondering what are the risks and things I need to ask the other party to do who are managing the website? Also, their site is responsive and my page isn't, so when their site scales down for mobile and tablet, they want to replace my page (because it's not responsive) within an image. Is it JavaScript that just changes the DOM depending on screen size and so in a conditional statement will just show up either an i-frame tag or image src tag in the html? help!
Related
I am trying to make a simple add-in to sharepoint online with some pictures.
But all the pictures is not showing beacuse the iframe is defualt set to 300x200px in sharepoint and i canr acces it from visualstudio, but i can change the height in the browser window to get it to work. So is there a way with CODE and not in the edit webpart page that can change the size of the "box" the content is in?
this is how it looks now.
this is how i want it to look.
I have an issue with my responsive website.
I use an Iframe for my contact form so that when someone uses it and there is validation errors the server side codes responds and reloads in the same Iframe.
Everything works fine but if the iframe width is less than 300px it's changing to mobile view.
Note: site is built on Drupal 7.
on the page where you have your contact form you should disable media queries.
but really you should not use an iframe for this you should create some server side code to update on page not via an iframe.
Build it using php and Ajax similar to how this tutorial describes.
http://ajtroxell.com/build-a-simple-php-jquery-and-ajax-powered-contact-form/
Aside of any obvious themeing issues my poor site pages may have, this google earth plugin here scrolls over other page elements where as the rest act normally.
http://pt.meravista.com/en/algarve/information/sports-hobbies/ultimate-algarve-golf-tour
Does anyone recognize this behaviour and know a solution? Thanks.
The GEPlugin will render above all other elements as it isn't really in the DOM - it is a plugin that loads into the page (kinda like flash). If you don't want it to be over other elements then you would have to design your site so that it doesn't overlap with other things on your site.
I´m having a big big problem with adsense, no matter what I do the adsense result iframe is loading inside other iframe. I´m using WordPress + Bootstrap Framework.
This particular site has two different ads, first use an adserver service which give me his own script, this script is placed in the header.php inside of a <div id="top-space"> and the adserver handle with the script to show an <iframe> and inside that iframe the objet flash of the banner.
The adsense code is in the sidebar and to place it I use a text wodget, put the code there and that´s it.
In 60% of the times the site loads in the correct position each banners, the adserver banners are in the top and adsense ads in the sidebar.
BUT! randomly the adsense iframe is loading inside of the adserver iframe. I tried to use this solution but don´t work at all.
I´m desesperate because my client is loosing money, the site don´t show the right ads, and some times adsense iframe push adserver ads so the site looks crappy.
Even I try to use adrotate wordpress plugin thinking that help me avoid this bug, but nothing.
This sounds like it could be a caching problem. I've noticed in the past, iframes usually don't refresh unless you specifically right-click and refresh each individual one. If you're running any WordPress caching, clear that, then your browser cache, or try an incognito window.
While Handheld option is available in CSS then why some people use different subdomain and make different site for mobile?
I second what Justin Niessner said. Also, the mobile version of a site is usually structured differently from the "main page". Other content may be displayed on the front page, an only a selection of menu items, or a whole different menu altogether. Videos have to be embedded differently, images as well, Javascript effects altered and so on. Using different style sheets mostly just won't cut it.
My guess is to make the distinction more apparent to the user.
That, and the Blackberry Browser (and possibly the iPhone) identifies itself as a mobile device (depending on settings)...but could theoretically be able to display the full page. Using CSS, you're also depending a lot on the mobile browser to do the correct thing with your page.
You'll provide a much more reliable interface if you let the user specify the experience, not the site.