html - <iframe> - How to show the whole height of referenced page? -

-

i have application embed inside our companies cms. way (i told), load in <iframe>.

easy: set height , width 100%! except, doesn't work.

i did find out setting frameborder 0, @ least looks part of site, i'd prefer not have ugly scrollbar inside page allready has one.

do know of tricks this?

edit: think need clarify question somewhat:

  • the company cms displays fluff , stuff our whole website
  • most pages created through cms
  • my application isn't, let me embedd in <iframe>
  • i have no control on iframe, solution must work referenced page (according src attribute of iframe tag)
  • the cms displays footer, setting height 1 million pixels not idea

can access parent pages dom referenced page? might help, can see people might not want possible...

this technique seems work (gleaned several sources, inspired link accepted answer:

in parent document:

<iframe id="myiframe" name="myiframe"      src="http://localhost/child.html"     scrolling="auto" width="100%" frameborder="0">     no iframes supported... </iframe>

in child:

<!-- ... --> <body> <script type="text/javascript">     function resizeiframe() {          var docheight;         if (typeof document.height != 'undefined') {             docheight = document.height;         }         else if (document.compatmode && document.compatmode != 'backcompat') {             docheight = document.documentelement.scrollheight;         }         else if (document.body              && typeof document.body.scrollheight != 'undefined') {             docheight = document.body.scrollheight;         }          // magic number: suppress generation of scrollbars...         docheight += 20;          parent.document.getelementbyid('myiframe').style.height = docheight + "px";         }     parent.document.getelementbyid('myiframe').onload = resizeiframe;     parent.window.onresize = resizeiframe; </script>                </body>

btw: work if parent , child in same domain due restriction in javascript security reasons...

you either use scripting language include page parent page, other wise, might want try 1 of these javascript methods:

http://brondsema.net/blog/index.php/2007/06/06/100_height_iframe http://www.experts-exchange.com/web_development/web_languages-standards/php/q_22840093.html


Comments

Post a Comment

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

-
right now, have tool tip pops when hover on edit box. problem tool tip contains multiple error messages , in 1 long line. need have each error message on own line. error messages contained in cstring new line seperating them. my existing code below. bool ontooltiptext(uint, nmhdr* pnmhdr, lresult* presult) { assert(pnmhdr->code == ttn_needtexta || pnmhdr->code == ttn_needtextw); // need handle both ansi , unicode versions of message tooltiptexta* pttta = (tooltiptexta*)pnmhdr; tooltiptextw* ptttw = (tooltiptextw*)pnmhdr; // tchar szfulltext[256]; cstring strtiptext=_t(""); uint nid = pnmhdr->idfrom; if (pnmhdr->code == ttn_needtexta && (pttta->uflags & ttf_idishwnd) || pnmhdr->code == ttn_needtextw && (ptttw->uflags & ttf_idishwnd)) { // idfrom hwnd of tool nid = ::getdlgctrlid((hwnd)nid); } //m_errprojaccel[ch] contains 1 or more error messages each...
Read more

asp.net - In javascript how to find the height and width -

-
i having .aspx , masterpage page. in masterpage loading aspx page . in aspx page design using generating table structure using code-behind server in javascript how find height , width . regards, kumar if you're looking table height , width, should it var tbl = document.getelementbyid('tbldemo'); alert(tbl.offsetwidth + '\n' + tbl.offsetheight);
Read more

c# - DataTable to EnumerableRowCollection -

-
i have datatable according client requirement can contain invalid date "00/00/1999",null,empty string.(typed datset) when collect them enumerables wish convert of invalid forms empty string. (i.e) enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || (how check date invalid date) ? string.empty : order.field<datetime>("orderdate") } how check whether date valid date or not? datetime.tryparse...like given current code: datetime date; enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || !datetime.tryparse(convert.tostring(order.field<datetime...
Read more