inserting iframe into webpage - Page...

User 2096904 Photo


Registered User
87 posts

I want to insert an iframe into a webpage to display the contents of an .xls file. The code I'm using is:

<iframe src='display_teams.xls' width="100% height"500"></iframe>

After inserting the code (using HTML editor) where I want in on the page, nothing is displayed. No code.... nothing. I have not uploaded the .html page or .xls file. Only looked at in VSD.

Is the code correct? Can I even do what I'm attempting?

Thanks.
User 2096904 Photo


Registered User
87 posts

Sorry, corrected code:
<IFRAME SRC="display_teams.xls" WIDTH=400 HEIGHT=600></IFRAME>

I have since uploaded the two files, but there is no frame on the page. When the view teams page opens a wiindow opens asking you to open the file in excel. This is not what I want. I want to view the data in the frame. It seems simple enough, but now wondering if it's possible in VSD?
User 562592 Photo


Registered User
2,038 posts

You have to upload it first.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com

User 364143 Photo


Guest
5,410 posts

I believe only Excel can open an excel file. You will have to download the file or open it from the web using Excel. Some versions of Excel allow you to export as html. This will allow you to display that html in the iframe.
CoffeeCup... Yeah, they are the best!
User 6573 Photo


Ambassador
2,649 posts

Tom is right, it has to be in a .html or .pdf format for it to show up. I do excel files often in websites with iframe. I save some of them in html format. But lots of time I just save to a pdf. Then they can print it out and save to their hard drive. If it is just information I want them to view online without easy printing, then I save it to a html file.

Best wishes.

Kim




User 2096904 Photo


Registered User
87 posts

Okay, I saved the worksheet as an html file (.mht). Corrected the code on the webpage, then uploaded both files. I can display the results, but now how I want. When the view teams.html link is clicked from the index page, it skips over the view teams.html page and automatically displays the worksheet in the browser.

I would like the worksheet to display in an iframe on the view teams page.

www.hdtpa.com

Can this be done in VSD?
User 364143 Photo


Guest
5,410 posts

Look under the options tab in Excel when you are exporting. You can export the current tab or the entire workbook.
CoffeeCup... Yeah, they are the best!
User 562592 Photo


Registered User
2,038 posts

I didnt even notice the xls.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com

User 2096904 Photo


Registered User
87 posts

I want the iframe in the open, blank park of the page, but perhaps I'm putting it in the wrong place? Have the free version of HTML so can't see where on the page the cursor is.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta name="generator" content="CoffeeCup Visual Site Designer, Version 6.0 Build 6 for Windows">

<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">

<!--
This Website was created with CoffeeCup Visual Site Designer.
Copyright 2009, CoffeeCup Software, Inc.
http://www.coffeecup.com
//-->
<title> view teams </title>

<style type="text/css">
.textstyle0 {font-family:Georgia;font-weight:normal;font-style:normal;font-size:14pt;text-decoration:none;color:#bfbfbf;}
.textstyle1 {font-family:Arial;font-weight:bold;font-style:italic;font-size:8pt;text-decoration:none;color:#ede8de;}
</style>

<style type="text/css">
div.Object85 { position:absolute; top:0px; left:0px; z-index:0; }
div.Object85 table { width: auto; }
div.Object86 { position:absolute; top:60px; left:0px; z-index:1; }
div.Object86 table { width: auto; }
div.Object87 { position:absolute; top:104px; left:0px; z-index:2; }
div.Object87 table { width: auto; }
div.Object88 { position:absolute; top:107px; left:0px; z-index:3; }
div.Object88 table { width: auto; }
div.Object89 { position:absolute; top:169px; left:301px; z-index:4; }
div.Object89 table { width: auto; }
div.Object90 { position:absolute; top:900px; left:0px; z-index:5; }
div.Object90 table { width: auto; }
div.Object91 { position:absolute; top:66px; left:2px; z-index:6; }
div.Object91 table { width: auto; }
div.Object92 { position:absolute; top:66px; left:113px; z-index:7; }
div.Object92 table { width: auto; }
div.Object93 { position:absolute; top:66px; left:224px; z-index:8; }
div.Object93 table { width: auto; }
div.Object94 { position:absolute; top:66px; left:334px; z-index:9; }
div.Object94 table { width: auto; }
div.Object95 { position:absolute; top:66px; left:445px; z-index:10; }
div.Object95 table { width: auto; }
div.Object96 { position:absolute; top:66px; left:556px; z-index:11; }
div.Object96 table { width: auto; }
div.Object97 { position:absolute; top:17px; left:16px; z-index:12; }
div.Object97 table { width: auto; }
div.Object98 { position:absolute; top:932px; left:331px; z-index:13; }
div.Object98 table { width: auto; }
</style>


<!-- centering -->
<style type="text/css">
body {
margin: 0px;
padding : 0px;
text-align: center;
height: 100%;
width: 100%;
background-color: #17305c;
}


a:link {
color: #3362b0;
}


a:visited {
color: #3362b0;
}

</style>
<!-- --------- -->



<!-- centering -->
<style type="text/css">
#container { position:relative; margin: 0px auto 0 auto; height: 100%; width:960px; text-align:left; padding-left:0px;}
</style>


<!-- centering -->
<!-- --------- -->

</head>

<body >


<!-- centering -->
<div id="container">
<!-- --------- -->

<table style="height:1000px;" width="960" border=0 cellspacing=0 cellpadding=0>
<tr>
<td>
<IFRAME SRC="display_teams.mht" WIDTH=100% HEIGHT=600></IFRAME>
<br>
</td>
</tr>
</table>

<div class="Object85"><img style="border:none;" src="files/header_bg.jpg" alt="" width=960 height=60></div>

<div class="Object86"><img style="border:none;" src="files/IMG_84.jpg" alt="" width=959 height=43></div>

<div class="Object87"><img style="border:none;" src="files/IMG_7.jpg" alt="" width=959 height=2></div>

<div class="Object88"><img style="border:none;" src="files/IMG_86.jpg" alt="" width=957 height=793></div>

<div class="Object89"><img style="border:none;" src="files/event_list_border.jpg" alt="" width=294 height=2></div>

<div class="Object90"><img style="border:none;" src="files/IMG_12.jpg" alt="" width=959 height=99></div>

<div class="Object91"><a href="index.html" onMouseOver='img_mo0.src="files/mo_IMG_13.jpg"' onMouseOut='img_mo0.src="files/IMG_13.jpg"'><img style="border:none;" src="files/IMG_13.jpg" name="img_mo0" alt="" width=105 height=38></a></div>

<div class="Object92"><a href="about_sorting.html" onMouseOver='img_mo1.src="files/mo_IMG_15.jpg"' onMouseOut='img_mo1.src="files/IMG_15.jpg"'><img style="border:none;" src="files/IMG_15.jpg" name="img_mo1" alt="" width=105 height=38></a></div>

<div class="Object93"><a href="about_penning.html" onMouseOver='img_mo2.src="files/mo_IMG_17.jpg"' onMouseOut='img_mo2.src="files/IMG_17.jpg"'><img style="border:none;" src="files/IMG_17.jpg" name="img_mo2" alt="" width=105 height=38></a></div>

<div class="Object94"><a href="enter_teams.html" onMouseOver='img_mo3.src="files/mo_IMG_19.jpg"' onMouseOut='img_mo3.src="files/IMG_19.jpg"'><img style="border:none;" src="files/IMG_19.jpg" name="img_mo3" alt="" width=105 height=38></a></div>

<div class="Object95"><a href="view_teams.html" onMouseOver='img_mo4.src="files/mo_IMG_21.jpg"' onMouseOut='img_mo4.src="files/IMG_21.jpg"'><img style="border:none;" src="files/IMG_21.jpg" name="img_mo4" alt="" width=105 height=38></a></div>

<div class="Object96"><a href="information.html" onMouseOver='img_mo5.src="files/mo_IMG_23.jpg"' onMouseOut='img_mo5.src="files/IMG_23.jpg"'><img style="border:none;" src="files/IMG_23.jpg" name="img_mo5" alt="" width=105 height=38></a></div>

<div class="Object97"><table border=0 cellspacing=0 cellpadding=0><tr><td valign="top" align="left"><div class="text-align:left;margin-left:0px;text-indent:0px;"><span class="textstyle0">HDTPA.com<br>
</span></div></td></tr></table></div>

<div class="Object98"><table border=0 cellspacing=0 cellpadding=0><tr><td valign="top" align="left"><div class="text-align:left;margin-left:0px;text-indent:0px;"><span class="textstyle1">Copyright 2010 High Desert Team Penning Association<br>
</span></div></td></tr></table></div>
</div>
<!-- --------- -->



</body>
</html>
User 562592 Photo


Registered User
2,038 posts

The best thing I would suggest is for you to do whats called a screen capture.

You can go to:

www.getgreenshot.org

Its a free application. Basically, after you install it, you simply hit: control + print screen, and it will take a picture of whatever is on your computer screen. From there you can insert it into VSD as a picture.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com


Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.