HTML - Object Tag Vs Firefox
Hi there.Today,on a test page i decided to put a .swf movie using the object tag.After writing this code
Code:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" type="application/x-shockwave-flash" data="video\index.swf" width="472" height="266" border="0" standby="Va rugam,asteptati.In proces de incarcare..."> <PARAM name="movie" value="video\index.swf"> <PARAM name="quality" value="high"> <PARAM name="bgcolor" value="#000000"> </OBJECT> i got(and i still get) a blank square filled with white color in Firefox and a black filled square in IE(this is actually the Flash Player,but for some reason it won't play the file). Please tell me,what's wrong : Me or the code? I really need some help. Similar TutorialsI have recently made a couple of small websites which include a few small .swf's of work I have done. I am inserting the objects via the Object tags, and shown below is what I use. Code: <OBJECT ID="FlashPlayer" CLASSID="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" CODEBASE="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" WIDTH="481" HEIGHT="350" ID="my file ID"> <PARAM NAME="movie" VALUE="the file location" /> <PARAM NAME="allowScriptAccess" VALUE="sameDomain" /> <PARAM NAME="bgcolor" VALUE="#ffffff" /> </object> Upon loading said webpage in IE, the content loads.... ... but it does not load at all in the latest version of Firefox. I would be most grateful if someone could tell me what I am doing wrong, or what the correct tags are for Firefox. I have checked the search function and apologise if I did not see it mentionned in my list of search results. Kind regards. Hello, I've created a table that should be automatically populated by data from a text file. It works fine in IE but is displayed blank in Firefox. Can anyone tell me why that might be? Code: <object id="members" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"> <param name="DataURL" value="../../secure/Membership/contacts.txt"> <param name="UseHeader" value="True"> </object> <TABLE datasrc="#members" border="0" cellspacing="5" cellpadding="8" align="center"> <THEAD> <TR> <TD><strong>Name</strong></TD> <TD><strong>Organisation</strong></TD> <TD><strong>Telephone</strong></TD> <TD><strong>E-mail</strong></TD> </TR> </THEAD> <TBODY> <TR> <TD><DIV datafld="NAME" ></DIV></font></TD> <TD><DIV datafld="ORGANISATION"></DIV></font></TD> <TD><DIV datafld="TELEPHONE" DATAFORMATAS="html"></DIV></font></TD> <TD><DIV datafld="E-MAIL" DATAFORMATAS="html"></DIV></font></TD> </TR> </TBODY> </TABLE> Thanks for any help , Russ 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 I am using another persons code for our band's MySpace.( With some of my own) I am trying to display the shows section and the music player. When i insert the shows section the music player always displays behind the shows section. It is displaying the music player within the limits of the shows section. How do i make the music player seperate? Here is the code for the entire site with the music and show sections bolded. Code: <i class=i>!--START CODE IN BAND MEMBERS --!</i> <i class=i> !-Start Div Overlay Content Block-! <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbS8="> myspace code tutorials by Eileen</a> !-Close 3 layers of cell/row/table. This puts our Div ONE table deep. </i> </td></tr></table> </td></tr></table> </td></tr></table> <i class=i>!-Create and size our div. We will never close this div. It will close when the containing table closes-! </i> <i class=i>!!! MODIFY width to the SAME width as your core image !!!</i> <div class="myCoreDiv" style="position:relative; top:0px; width:799px; height:auto; border:2px green solid;"> <i class=i> when DONE editing CHANGE the border:2px to border:0px or change the magenta to the color you want your border.----!</i> <i class=i> !----START CUSTOM CONTENT BLOCK 1----!</i> <img src=http://i42.tinypic.com/16iz2j5.jpg> <img class="grid" src="http://i11.tinypic.com/4pczehk.gif" style="position:absolute; top:0px; left:0px;"> <span class="off">!-START COMMENT FORM-!</span> <div class="myCommentFormD"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input name="friendID" value="445328869" type="hidden"/> <textarea name="f_comments" class="myFormBox"></textarea> <center> <input type="submit" value="Post Comment" class="myPostCommentButton"/> <input type="reset" value="Clear" class="myClearButton"/> </center> </form> </div> <span class="off">!-END COMMENT FORM-!</span> <i class=i> !----END CUSTOM CONTENT BLOCK 1----!</i> <i class=i>!-Open 3 layers of table/row/cell-!</i> <i class=i>!-IF do NOT want any content from my Right side, I can use i instead of L1-!</i> <table class="L1" ><tr><td> <i class=i>!-The below class i hides the remainder of the general table-!</i> <table class="i"><tr><td> <table class="i"><tr><td> <style>.i {display:none}</style> <i class=i>END CODE IN BAND MEMBERS</i> <i class=i>!START code in Influences !</i> <i class=i>!START Style Block For Hiding Elements on Band Page! <a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a> </i> <style> .i, div.clearfix i i i {display:none} {! fix a centering problem, and clear white space caused by clear gifs !} td {width:auto;} table td img {display:none;} {! restore any images displayed inside our div. You may want to use block instead of inline for some images. !} table td div.myCoreDiv img, table td div.myCoreDiv table td img, table td div.myCoreDiv div img {display:inline;} {!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!} div table td a.navbar img {display:block;} {! removes most content and the space it occupied !} table table table {display:none} {! minimize the remaining main page content that can not be removed without effecting the ad and menus !} table table td { height:0px; margin:0px; padding:0px;} {! restore my div. !} table div.myCoreDiv {display:block;} {! restore div with Comments !} table div.myCoreDiv div.myDclassFC {display:block;} table div.myCoreDiv div {display:block;} table table br {display:none;} table table table br {display:block;} {! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !} {! does not work in Safari !} table div br {line-height:4px;} {! reverse effect on custom div !} table div.myCoreDiv br {line-height:11px;} {! remove default background coloring !} table table, tr, td {background-color:transparent !important} {! ONLY if you want to remove the blue behind the ad banner AND the maroon !} div.profileWidth table, div.profileWidth td {background-color:transparent !important} div table {border-bottom:none !important;} {! ADDITIONAL STYLE BLOCKS CAN GO HERE !} <style> {!- shows -!} table table td.text div {position:absolute; width:440px; height:130px; overflow:scroll; overflow-x:hidden; top:30px; left:415px;} {!- UnDo effect on Div in Friend and Comment spaces -!} table table td.text table div {position:static; height:auto; overflow:hidden} table table td.text div.commentlinks {display:none;} table table td.text div table {display:block} {!-fix column width of shows-!} {!-set below px width to the width of your shows space-!} table table td.text div table td, table table td.text div table {width:425px;} table table td.text div table table {width:100% !important} {!-adjust below value as needed-!} table table td.text div table table table {width:40% !important} </style> <style> {!-music player-!} table table td.text div object {position:absolute !important; top:196px !important; left:100px} table table td.text div object object {position:static !important;} </style> Hello, I am pretty new to the whole html world so forgive me if this is a simple problem. I have look all over for a post explaing this problem but i haven't found anything. I am making a site for a friend using Dreamweaver. I know i know, i regret not coding it from scratch but its too late now. Anyways I have a pretty good page layout going now but I have ran into a problem with loading my images. On my home page an image in a table nested inside another table will load when viewing in safari but seems to disappear in firefox. What is going on? Its a pretty simple piece of code. I place; <img src="Pictures/RDV couplepalm.jpg" width="200" height="" style="float:right; padding: 8px; margin-left:10px; margin-bottom: 10px" / inside of a paragraph in a row of a table. I have rewritten the code for this image, copied it from a working image and screwed around with the table heights (although I wasn't too sure what i was doing). What else should I try? I have attached screen shots of the site in both browsers a copy of the problem jpeg aswell as a copy of the html. Any information anyone could givee me would be REALLY appreciated! Thank you. Im getting an error in line 44 of my code, my body tag with upload in it. The error says object expected. Any advice? Code: <HTML> <HEAD> <TITLE> **** </TITLE> <SCRIPT type="text/javascipt"> var Color= new Array(9); Color[1] = "ff"; Color[2] = "ee"; Color[3] = "dd"; Color[4] = "cc"; Color[5] = "bb"; Color[6] = "aa"; Color[7] = "99"; Color[8] = "88"; Color[9] = "77"; Color[10] = "66"; Color[11] = "55"; Color[12] = "44"; Color[13] = "33"; Color[14] = "22"; Color[15] = "11"; Color[16] = "00"; function fadeIn(where) { if (where >= 1) { document.bgColor="#" + Color[where] +"0000"; where -= 1; setTimeout("fadeIn("+where+")", 15); } else { setTimeout('fadeOut(1)', 15); } } function fadeOut(where) { if (where <=16) { document.bgColor="#" + Color[where] +"0000"; where += 1; setTimeout("fadeOut("+where+")", 15); } else { setTimeout("fadeIn(16)", 15); } } </SCRIPT> </HEAD> <body onLoad="fadeIn(16)"> <p></p> </body> </HTML> 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 Hey, my name is yann from Angola and Holland at the same time. My english isn't really perfect, so can someone please place a link to a tutorial that completely explains how to perfectly use the Html's object tag and it's atributes. BTW, im learning html 4.01. Is it worth it? i have a custom friendster layout which i made using basic HTML which basically turns my friendster profile into a blog: http://www.friendster.com/jholicmks have a question though about the object tag. as you can see from the website i use the <OBJECT> tag to import my blog contents into the content area of the site. unfortunately, after fiddling around with its height properties i can't seem to get the <OBJECT> to expand to fit its contents. all i've managed to do is get the scrollbar to disappear and, after 800px down, it cuts off completely. here's the code i used: http://h1.ripway.com/onlymoderatelymad/jholic.js it's very messy javascript coding, i know. but if anyone has a solution for my problem i'd appreciate it. I have been making a website for some hours now, I started off making it comply to XHTML Transitional 1.0, however, this made it incredibly difficult for me to make the website appear how I wanted in both Firefox and Internet Explorer, so I downgraded to HTML 4.0.1 and decided to use iframes instead of objects to implement another webpage. However, there are two flash files on my website that are embedded using the object property: HTML Code: <object data="flButtons.swf" width="790" height="85" style="border-width: 0px;"> </object> And HTML Code: <object data="flSarah.swf" width="230" height="380"> </object> This works fine in firefox however, in internet explorer 7 it has a weird border like thing around it, and no matter what I try, I can't get rid of it. I initially had it on the iframe but i got rid of that using "frameborder=0".. this has no such attribute. The website is: http://www.geocities.com/s.cowperthwaite/index.html (temporary host obviously ) Any help will be appreciated : ) Thanks, matthew haworth Does somebody know what is the current stay of the play with <EMBED> and <OBJECT> tags? I can not find a clear information if I need to use both tags, or just one to embed objects into HTML. I'm working on integrating streaming HD video into my website (flash). I'm getting it close to how I want it to look, but I'm pretty inexperienced with flash (and not much more experienced with HTML). Please check the following pages and view source: http://www.matthoover.com/gallery/sk...ck_4.0-HD.html http://www.matthoover.com/gallery/sk...o_2008-HD.html I am trying to create a border around the whole flash object (player + controls), but the bottom bit of the border is getting cut off. I'm sure there's a much better way to do this? Here it is right now snipped from the source: Code: <div style="text-align:center; width:800px; height:456px"> <div style="float:left; width:69px; height:398px"> </div> <div style="float:left; width:650px; height:398px; border: solid #e5e5e5; border-width:medium; border-style:ridge"> <script type="text/javascript" src="http://www.matthoover.com/jw/swfobject.js"></script> <div id='player'><a href='http://www.adobe.com/go/getflashplayer'><img src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a> </div> <script type="text/javascript"> var so = new SWFObject('http://www.matthoover.com/jw/player.swf','mpl','650','398','10','#000000'); so.addParam('allowscriptaccess','always'); so.addParam('allowfullscreen','true'); so.addParam('flashvars','&file=http://www.matthoover.com/video/Z-Flock_4.0-HD.mp4&backcolor=000000&frontcolor=FFFFFF&screencolor=000000&skin=http://www.matthoover.com/jw/skins/modieus.swf'); so.write('player'); </script> </div> </div> Thanks! Hello guys, Is there any way to make a large files of flash into a smaller file size for faster loading of a site using JavaScript? Hi everybody I know what is CLASSID. But, when embedding an ActiveX control into my Web page, what CLASSID should I include. For example, I want to embed Microsoft Agent "Merlin", how can I know what is its CLASSID. Any help will be highly appreciated. Hi guys. I'm developing a website, as you do, but I've got two glitches with IE7, that Firefox doesn't have (though that always seems the case). This is to do with the OBJECT tag - using this code: <OBJECT data="nextshow.htm" type="text/html" width=185 height="80%"><P>No information available about our next show.</P></OBJECT> I wanted to show the content in the HTM file but have a transparent background, showing what is behind the OBJECT. This works fine in Firefox, however with IE7 it assumes a white background on the object by default, not a transparent background. In the meantime I have used a conditional comment on the nextshow.htm page to use a relatively suitable colour for the background if IE7 is being used, but it would be nice to keep it transparent - any suggestions? The other issue is in using saurdo gallery (an AJAX photo show / gallery applet). If you visit this page in IE7, then select a photo, the screen darkens and loads the photo in full-size, however the OBJECT is still above everything else, covering up a part of the photo as well as the CLOSE button in the box. In Firefox, this isn't an issue, with the object displaying underneath the box and darkened screen. The aforementioned link will also exemplify the first issue I am having. If you can help me out I'd be very appreciative. Thanks! -Rhys Andrews Hi there I have used the object tab to display a file (instead of an iFrame) and it works fine in firefox but not at all in ie, has anyone any ideas please? Thanks in advance. Gaz Code: <object data="http://www.garysblog.co.uk/media/flashphoto/ambleside/index.html" type="text/html" width="400" height="400"></object> I have an object (swf animation). Now, i would like to have an image directly under that object (touching each other). Here's the link to my test web page with a short slideshow embedded in it. http://www.prestigekitchensandbaths.com/test/index.html The slideshow movie is in FLV format, and it works fine in FF, Opera and Safari. Funny thing is that it works fine in IE when I test it on my desktop (Windows XP), but it won't work at all when I test it in IE on my laptop (Windows 7). Any idea why that would be? I'm using the FLV Player to play my video, as it gives me nearly all the parameters I was looking for, it doesn't require any scripting, and it's open source. Also, it seems to work with all the major browsers while not forcing me to use the EMBED tag, which is deprecated now and shouldn't be used. But it still boggles my mind why it would work in IE on one of my computers but not on the other. Hello everyone! I am currently working on a project that requires the following object to auto-scroll at user defined speeds: <td width='75%' valign='top'><object width='500' height= '1000' type='text/plain' data='bird.txt' border='0'> The embedded object is always a text file but each one will be a different size. I need some kind of auto-scroll mechanism that will allow the user to scroll down the text box at a speed that suits the size of the text file itself. Does anyone have any suggestions about how this could be achieved? Thanks |