[UPHPU] detect iframe fresh

[Trevyn Meyer]

I have used this... Iframes are whack.. use AJAX

The Iframe and parent must be on the same server or domain.

Trevyn

<script type="text/javascript">

//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids = ["myframe"]

//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide = "yes"

var getFFVersion = navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight = parseFloat(getFFVersion) >= 0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers

function resizeCaller() {
  var dyniframe = new Array()
  for (i = 0; i < iframeids.length; i++) {
    if (document.getElementById)
      resizeIframe(iframeids[i])
      
    //reveal iframe for lower end browsers? (see var above):
    if ((document.all || document.getElementById) && iframehide=="no") {
      var tempobj = document.all ? document.all[iframeids[i]] : document.getElementById(iframeids[i])
      tempobj.style.display = "block"
} } }

function resizeIframe(frameid) {
  var currentfr = document.getElementById(frameid)
  if (currentfr && !window.opera) {
    currentfr.style.display="block"
    if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
      currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight; 
    else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
      currentfr.height = currentfr.Document.body.scrollHeight;
    if (currentfr.addEventListener)
      currentfr.addEventListener("load", readjustIframe, false)
    else if (currentfr.attachEvent) {
      currentfr.detachEvent("onload", readjustIframe) // Bug fix line
      currentfr.attachEvent("onload", readjustIframe)
} } }

function readjustIframe(loadevt) {
  var crossevt = (window.event) ? event : loadevt
  var iframeroot = (crossevt.currentTarget) ? crossevt.currentTarget : crossevt.srcElement
  if (iframeroot)
    resizeIframe(iframeroot.id);
}

function loadintoIframe(iframeid, url) {
  if (document.getElementById)
    document.getElementById(iframeid).src = url
}

if (window.addEventListener)
  window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
  window.attachEvent("onload", resizeCaller)
else
  window.onload=resizeCaller
</script>


<iframe id="myframe" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:none"
           src="/form/export/form-10/index.php"></iframe>



John David Anderson wrote:
>
> On Apr 17, 2007, at 2:57 PM, Wade Preston Shearer wrote:
>
>>> Do you have control over the contents of the iframe?
>>
>> The content of the iframe is on a different server/domain however.
>
> You should be able to tie into the onload event and know the location 
> of the iframe's contents - that should tell you when things change, 
> and if its a search results page. If the search button has an ID or 
> class, you can also just tie an event listener to the button as well.
>
> -- John
>
> _______________________________________________
>
> UPHPU mailing list
> UPHPU at uphpu.org
> http://uphpu.org/mailman/listinfo/uphpu
> IRC: #uphpu on irc.freenode.net
>