HTML - Alternative To Embedding Html With <object>?
Similar TutorialsOk, so I'm trying to revamp my website to be W3C standards-compliant. Here's what I have currently: http://www.xboltz.net/index-new2.html I have a sidebar in a separate HTML document, that I bring in with an object tag, in order to make it easier to add new pages since I don't have to change every other page to add a link. I thought that by setting the object height at 100%, it would scale according to the height of what was inside the box, but it scales to the browser window instead. At 1024x768 and with all three collapsible elements open, a scrollbar appears in the object. Is there a way to make it so the whole page can be lengthened according to what's inside the box? And another thing that's really more important; the links do not work in IE. I tried 7 and 8, and the links all open inside the object, as opposed to the full window. It does that with both target="_parent" and target="_top". The links work in Firefox just fine. Like a lot of people I've been trying to get to grips with some basic HTML for my myspace page. Flame all you want but a lot of people have them, and they help feed our social insecurites and secret desires to be universally loved and made famous and popular and prom queen etc. My problem is that an embeded flash object from www.last.fm (a "quilt") only partially loads) This is what I see in both I.E. and Firefox: Here's the code for the object: Code: <style type="text/css"> div.lastfm_quilt_black a, div.lastfm_quilt_black div { height: 20px; margin: 0; overflow: hidden; text-decoration: none; padding: 0; background: url("http://static.last.fm/quilts/buttons/generic_images/bg_black.gif") repeat-x 0 0; width: 100%; float: right; display: inline; } div.lastfm_quilt a:hover { background-position: 0 0 !important; } {if $orientation=='horizontal'} div.lastfm_quilt_horizontal { width: 460px; } div.lastfm_quilt_black a.lastfm_quilt_artists_wide, div.lastfm_quilt_black a.lastfm_quilt_artists_wide:hover { background: url("http://static.last.fm/quilts/buttons/top_artists_images/wide/header_black.gif") no-repeat 0 -20px; } div.lastfm_quilt_black a.lastfm_quilt_albums_wide, div.lastfm_quilt_black a.lastfm_quilt_albums_wide:hover { background: url("http://static.last.fm/quilts/buttons/top_albums_images/wide/header_black.gif") no-repeat 0 -20px; } {else} div.lastfm_quilt_vertical { width: 184px; } div.lastfm_quilt_black a.lastfm_quilt_artists, div.lastfm_quilt_black a.lastfm_quilt_artists:hover { background: url("http://static.last.fm/quilts/buttons/top_artists_images/header_black.gif") no-repeat 0 -20px; } div.lastfm_quilt_black a.lastfm_quilt_albums, div.lastfm_quilt_black a.lastfm_quilt_albums:hover { background: url("http://static.last.fm/quilts/buttons/top_albums_images/header_black.gif") no-repeat 0 -20px; } {/if} div.lastfm_quilt_black .lastfm_quilt_profile a, div.lastfm_quilt_black .lastfm_quilt_profile a:hover { background: url("http://static.last.fm/quilts/buttons/generic_images/ft_black.gif") no-repeat 0 -20px; } div.lastfm_quilt_black .lastfm_quilt_noprofile a, div.lastfm_quilt_black .lastfm_quilt_noprofile a:hover { background: url("http://static.last.fm/quilts/buttons/generic_images/npft_black.gif") no-repeat 0 -20px; } div.lastfm_quilt a.get_your_own { width: 92px; border-right: solid 1px #000000; } div.lastfm_quilt a.visit { width: 91px; background-position: -93px -20px; } div.lastfm_quilt a.visit:hover { background-position: -93px 0 !important; } </style> <div class="lastfm_quilt lastfm_quilt_vertical lastfm_quilt_black"> <a class="lastfm_quilt_albums" title="Top albums" href="http://www.last.fm/user/blueden8/"></a> <embed src="http://static.last.fm/quilts/3/quilts_main.swf" flashvars="type=user&variable=blueden8&file=topalbums&bgColor=black&configMode=true" quality="high" bgcolor="#000000" width="184" height="414" name="quilts_main" align="middle" allowScriptAccess="never" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </div> Now I know for a fact there's nothing wrong with that code by itself: I've saved it as .htm in notepad and it functions perfectly. I've also copied all code down to the <!-- NETWORK INFORMATION : BEGIN --> line to notepad and saved that. That too works perfectly. So something is going on in between that heading and where the code for comments starts (I'm guessing). Here's a link to that code: Network Information and here's a link to the entire page source: Entire Page Both are .txts I would really appreciate any help offered. I know it seems like a lot of effort to go to for a myspace profile, and even more effort for you guys to try and find the problem, but this is simply pissing me off. i used to use dreamweaver code to embed an swf file using the AC_RunActiveContent.js file along with the html code <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','550','height','400','title','Video','src','test','quality','h igh','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','test' ); //end AC code </script><noscript><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="550" height="400" title="Video"> <param name="movie" value="test.swf" /> <param name="quality" value="high" /> <embed src="test.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="550" height="400"></embed> </object></noscript> i have used the swfobject method by following the steps mentioned at http://code.google.com/p/swfobject/wiki/documentation when i use the swfobject method and validate my html code there are no errors however with the dreamweaver code i get errors when validating my html code my question is when i downloaded the zip file from http://code.google.com/p/swfobject/ after unzipping this file there are 2 swfobject.js files one in the root directory after unzipping and another swfobject.js file inside a folder called src i have used swfobject.js file from the root directory when i called this from <script type="text/javascript" src="swfobject.js"></script> and the flash file plays and also the html code validates, is this the right way of using swfobject.js file from root directory or should i be using the one from the src folder also just to test how the alternate content would appear if the flash player plugin is disabled or uninstalled i entered html text as alternate content using swfobject method, what i have noticed is i get the alternate content only if i disable flash player plugin however if i disable javascript in most browsers the swf file plays as the swfobject is calling a javascript i guess the swf file should not play or is this how it normally works if this is the case in the alternate text, i guess i should be mentioning "You have either javascript disabled/turned off or do not have a flash player plugin installed, download the latest flash player" please advice. thanks a lot I want to embed (not hyperlink) a sub-document into a master. The specifications for HTML 4.01 at paragraph 13.5 provide the following simple example: <OBJECT data="embed_me.html"> Warning: embed_me.html could not be embedded. </OBJECT> (the Warning message displays in case the agent fails to load the embedded document) However I have not been able to make this feature work. If you open the master file with Internet Explorer 7, you obtain the Warning message, hence IE7 is not capable to load the embedded document. At the same time the bar saying that pop-ups have been blocked shows, but even allowing the pop-up nothing changes. I tried to add information, such as: <OBJECT data="embed_me.html" type="text/html"> ... with no result. Why is the tag OBJECT not working as expected? What have I done wrong? Thanks a lot. Hi Beginner! I need to embedd data from a xml-file into a html-page. The xml is he http://www.jornemark.nu/temperatur/last.xml (containing temperature loggs) If I put the following code into a html-page my plan is for the data from the xml-file to be presented in a neet little table: Code: <xml id="logtemp" src="http://www.jornemark.nu/temperatur/last.xml"></xml> <table border="1" datasrc="#logtemp"> <tr> <td><span datafld="NAME"></span></td> <td><span datafld="VALUE"></span></td> <td><span datafld="DATE"></span></td> <td><span datafld="TIME"></span></td> </tr> </table> I mess up somewhere along the way. Where? I have no possibiltiy of changing contents of the xml-file. Also, will this work/look the same in both IE and Firefox? I'm new to HTML and I'm trying to embed a video from Youtube to the page. I know that you can just copy the embed line from the youtube video site, but what I want is if I click a picture on one(left) side of the page, the video will appear on the other side(right). The page is split into two where all of the left side has a picture, and when you click it, the picture(or video) will enlarge on the right. The video itself should be embedded, not redirect me to the site. I'm using Microsoft FrontPage. Anyone know what lines or commands on the HTML page I should put to do this? Here is an example of the HTML lines that I have currently and I want to change: <tr> <td width="25%" bgcolor="#000000"><a href="http://www.youtu be.com/watch?v=Wri" target="main"><img border="2" src="03_small.jpg" alt="03.jpg (2891 bytes)" width="50" height="37"></a></td> <td width="25%" bgcolor="#000000"><a href="http://www.youtu be.com/watch?v=C" target="main"><img border="2" src="02_small.jpg" alt="02.jpg (3219 bytes)" width="50" height="37"></a></td> <td width="25%" bgcolor="#000000"><a href="http://www.youtu be.com/watch?v=6b" target="main"><img border="2" src="01_small.jpg" alt="01.jpg (2236 bytes)" width="50" height="37"></a></td> <td width="25%" bgcolor="#000000"> </td> </tr> Hi, My current website does not allow me to upload the specific files that I want so I have made a new website to host some flash files so that I can embed them on my own website without having to upload them directly. I'm trying to upload the following onto my website by embedding it in HTML but I'm having difficulties. http://bikeone.org/product-viewer/index.html Can anyone please help. I tried this script but it didn't work... <script type="text/javascript"> var flashvars = {}; flashvars.folderPath = "http://bikeone.org/product-viewer/index.html"; var params = {}; params.scale = "noscale"; params.salign = "tl"; params.wmode = "transparent"; params.allowfullscreen = "true"; var attributes = {}; swfobject.embedSWF("http://bikeone.org/product-viewer/index.html", "ComponentNameDIV", "600", "400", "9.0.0", false, flashvars, params, attributes); </script> Thanks! I've spent the past few days constructing a website for a friend and have gotten to a point where I'm absolutely at a standstill. . .this chat will not embed on the site! Over the past few days I've started from no knowledge of any languages and learned quite a bit of PHP and HTML from constructing the site and reading tutorials, but this has stumped me. There is nothing about this kind of stuff that I can recognize! All the swf embedding with html makes little sense to me, and through 4 hours of research and trial and error I've made little progress. . . So, can anyone help me get embedding this to work in HTML? <object width="500" height="500" id="obj_1241327305765"><param name="movie" value="/group"/><param name="wmode" value="transparent"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1241327305765&v=0&w=0"/><embed id="emb_1241327305765" src="" width="500" height="500" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1241327305765&v=0&w=0"></embed></object><br> Or explain to me why it will never work. . .? I apologize for my stupidity if that is the case. . . First post here. Hope someone can help. I need to embed a table into hundreds of websites. the data in the table changes frequently. I want to be able to alter the table in one place and it changes it on every website. What I've done, and it works well in Firefox, is create a separate html file with the table which resides on the server. Then I use this code in the host website <object data=http://www.web-source.net type="text/html" width="600" height="400"> <embed src=http://www.web-source.net width="600" height="400"> </embed> Error: Embedded data could not be displayed. </object> It will not register in IE though. Works fine in Firefox. Any ideas as to how to solve this or a better easier way to do this?? Thanks in advance. Rich Is it possible to embed a file into a notepad html page (I am not online yet, as I am still learning) and have it open with a specified EXE program>? An example. Pretend I wrote a basic file (old school gwbasic, lets call it basic.bsc) and wanted to attach it just like a URL, so when I click on the words "A cool looking file", it would open the program. The problem is, the person i intended to view the file doesn't have the appropriate program. So, I have added the program to view the file into the folder in which the basic.bsc file was located. I know another text file would be <a href="basic.html"></a> Is there similar for my specified predicament? I need to create an HTML page for mobile devices that displays videos. Ideally, it needs to work with older phone browsers too, so I was hoping someone could help me with the following questions: 1. What doctype should I use (XHTML Basic 1.1?)? 2. What's the best way to embed the video in the HTML? 3. If the video can't be embedded, is it good practice to (also?) provide a link so the user can download the video to show in a separate video player application? 4. What video media type(s) are best supported in mobile devices? NB - I will be using Java to create the HTML, so if there's a need to get any request headers, etc. then I could do that in order to provide the best output according to the device. Thanks in advance, James Hello, I am wondering if something is possible.. and if it is, how I would go about accomplishing the desired result.. This is a sample page to illustrate the problem http://comp.uark.edu/~bcagnin/test/index.html Is there a way to resize the object from a link that is within the website being displayed in that very same object?? Also, I am willing to use iframe if there is a solution that can be found with that... Thanks!! Tyrick Hello! I would like to intregrate my wordpress blog (http://heartless-ink.com/fwoosh/) into this page (http://heartless-ink.com/v2/news.html) How can I do this? I only want the entries and images to show, not the wordpress theme. Any tips? Thanks! I have two objects on the same page, one menuline on the left and an embeded pdf-file. My problem is: The menu-object is behind the pdf-object and I want to put the menu-object over the pdf-object. <EMBED src="folder_name/filexxx.pdf" width="444" height="345"></EMBED> http://www.henningbrekken.net/eliselektro/opvc-jz.html If some can help me, I will buy a christmaspresent for that person... he-he Yours sincerly Henning I have a problem with an .swf in the object-tag. On the site, http://www.careerbuilder.se/se/page.aspx?pagever=cb_new, i have a swf that works as it should in FF, but not in IE. The user should be able to click on the large picture inside the flash for a new site to open. This works as I said in FF, but not in IE. This is my object script. <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" name="image flipper" width="638" height="250" align="middle" id="image flipper"> <!--<param name="allowScriptAccess" value="sameDomain" />--> <param name="movie" value="http://www.tekniskajobb.se/knut/slideshow/feature.swf?introMsgText=http://www.tekniskajobb.se/knut/slideshow/xml/feature.xml" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="wmode" value="opaque" /> <embed src="http://www.tekniskajobb.se/knut/slideshow/feature.swf?introMsgText=http://www.tekniskajobb.se/knut/slideshow/xml/feature.xml" quality="high" bgcolor="#ffffff" width="638" height="250" name="image flipper" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> </object> Does anyone have a solution to my problem? / Thanks Okay, that may sound like a funny title, but here is the deal. I have an MP3 player on my website. The original file is attached to this post. You must, if you want to test it, include it as a file in your domain. Anyway, here is the code for it. Please let me warn you that I use BBCode in my forum. HTML I do not allow, so what I have to do is take the original HTML code and place it in the text area, then use BBCode to make it work. My initial example which works! Code: <object type="application/x-shockwave-flash" data="mp3player/emff_lila_info.swf" width="200" height="55"> <param name="allowScriptAccess" value="sameDomain"> <param name="movie" value="mp3player/emff_lila_info.swf" /> <param name="quality" value="high"> <param name="FlashVars" value="src={URL}" /> <embed src="mp3player/emff_lila_info.swf" quality="high" name="lilaplayer" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" width="200" height="55"> </object> <br> <small>MP3 by: cisco007</small> Please note this line: Code: <param name="FlashVars" value="src={URL}" /> The {URL} is the indicator that I use to type the location of the MP3 file. For example http://MyWebSite/FolderOne/FolderTwo/FolderThree.mp3 What I have been trying to do with little to no success is make it so that the only thing I have to type is, "FolderTwo/FolderThree". I don't know why I'm unsuccessful in this endeavor but I am. Currently my code looks like this: Code: <object type="application/x-shockwave-flash" data="mp3player/emff_lila_info.swf" width="200" height="55"> <param name="allowScriptAccess" value="sameDomain"> <param name="movie" value="mp3player/emff_lila_info.swf" /> <param name="quality" value="high"> <param name="FlashVars" value="src=http://www.place4musicians.com/Free_Music/{SIMPLETEXT}.mp3" /> <embed src="mp3player/emff_lila_info.swf" quality="high" name="lilaplayer" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" width="200" height="55"> </object> </b> <small>MP3 by: cisco007</small> Please notice the same line again: Code: <param name="FlashVars" value="src=http://www.place4musicians.com/Free_Music/{SIMPLETEXT}.mp3" /> The {SIMPLETEXT} should be for "FolderTwo/FolderThree", but it does not work. Please anyone who has a little knowledge of this help me out! Thanks in advance. I'll go ahead and let you know that I've posted this request on four different sites, and I haven't even had a single reply. I hope someone here can help me!! My site is www.realcrazyestate.com Right at the top of it, I have 3 flash animations. The top banner is animated, and then left and right of the main body text I have an animation of the Sears Tower popping up. Obviously, the banner loads first, but I want to make sure that when the sears towers pop up they come up simultaneously. My question is, when an HTML page loads, does: 1. If there are multiple objects in the page, but they are identical, does the browser download each object separately or does it just download the object once and then reference it out of cache for the second time it comes up in the web page? If the browser downloads an object twice, is there a way to make it do it only once to be more efficient with page loading? 2. Is there a way to make sure that both of the Sears Tower animiations load simultaneously in every case? I don't want one tower popping up before the other. Thanks! Hi, I am a newbie and trying to develop a web site with HTML over IIS. I have inserted a flash (swf) object into the html code and am able to see the object displayed via IIS (right-click virtual directory and browse). However, it does not show if I try to access the same page via IE with http://localhost/Other. Only the text gets displayed. What could be the reason. Thanks. please help. i used html <object> tag and i embeded a .swf flash file inside my html page... everything worked great until here.... now i want to let the visitor of my page to be able to navigate through my .swf file through my own navigation bar buttons that i want to put above the .swf file... i want my visitor to be able to press the avigation bar buttons to play and stop and forward and backward and rewind and so on... i dont want my visitor to press the right mouse button when he over the flash object to navigate i want to have my own navigation static bar above the flash.... what solutions there is to this problem....? what is the best solution ? best regards. Does anyone know the best practice for creating/embedding a video (3gpp/3gpp2/mp4) in html? Thanks in advance, James |