HTML - Flash Object In Html Page - Iis
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. Similar Tutorialsplease 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. I have a jailbroken iPhone 4 and I am trying to get a flash embed to display on it but I am having a lot of trouble. i have successfully used and enabled different flash objects elsewhere but this is the only one that wont run. so I know it will work. HTML Code: <head> <title>iSwim</title> </head> <body> <div style="width: 320px; height: 356px; margin-top: 80px; margin-bottom: 44px;"> <object width="320" height="356"> <param name="movie" value="http://listen.grooveshark.com/widget.swf" /> <param name="wmode" value="opaque" /> <param name="allowScriptAccess" value="always" /> <param name="flashvars" value="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" /> <embed src="http://listen.grooveshark.com/widget.swf" type="application/x-shockwave-flash" width="320" height="356" flashvars="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" allowScriptAccess="always" wmode="opaque" /></object> </div> </body> Can anyone help me to make sure the flash displays right? what happens is the player loader displays at the top instead of the center and the control buttons are present before it loads. then after the loader fails it shows a "cannot connect" error. so I think the flash object is resizing inside its self. can anyone help me clean up this script so it will display correctly in iPhone safari (with flash enabled)? website is he smalldotdesign.zxq.net/iSwim.html that is where the HTML file is located that I am trying to get corrected. thanks in advance. i have a feeling this is going to be a tough fix. hi everyone this is my first page so i will probably have a couple of questions to help give me an idea of how to do that i want! basically someone has asked me to design them a site, i did a web design course but that was 6 months ago and i need to learn new things for it as well as try and remember what ive learned! ive got a semi basic layout, ill post the html and css, hopefully ill pate them in the right way (this definitely wont be the colour scheme, ive been following an online tutorial, want to get the layout right before making other tweaks) basically in the content section theyre looking for a rectangular box that has 4 imaes, 2 side by side and two below. these will change when theyre rolled over and when a particular image is clicked it will take them to the correct section of the site. as far as i understand from the css i have the size of the content section will change depending on how much information is there. how would i know what size to make the flash for insertion into this section so it fits properly without any gaps? sorry im a bit new to this but the more i learn the better! i dont have a clue how to actually code the flash yet but getting the size right would be a good start! thanks for your help HTML Code: <link rel="stylesheet" type="text/css" href="css/master.css" /> </head> <body> <div id="page-container"> <!--this div will hold all the other elements of the page--> <div id="main-nav">Main Nav</div> <div id="header"> <h1> Kilmaclolm Dramatic Society logo to be placed here </h1> </div> <div id="sidebar-a"> <dl class="hidden"> <dt id="about"><a href="#">About</a></dt> <dt id="services"><a href="#">Services</a></dt> <dt id="portfolio"><a href="#">Portfolio</a></dt> <dt id="contact"><a href="#">Contact Us</a></dt> </dl> </div> <div id="content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus. Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus. Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio. Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget, purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst. </div> <div id="footer"><!--floated divs dhould come first to avoid any IE issues--> <div id="altnav"> <a href="#">About</a> - <a href="#">Services</a> - <a href="#">Portfolio</a> - <a href="#">Contact Us</a> - <a href="#">Terms of Trade</a> </div> Copyright © Kilmacolm Dramatic Society. A website by D Keenan </div> </body> </html> Code: @charset "utf-8"; /* CSS Document */ html, body { /*resets the margins and padding on both the html and body tags to 0 to ensure theres no space between the top of the browser and the top of the page */ margin: 0; padding: 0; } h1 { margin: 0; /* takes away the default margin and padding on h1 tags */ padding: 0; } .hidden { display: none; /* any element with this class wont be seen on the site */ } #page-container { /* there is a # as this is an id, to be used once on the page only, not repeated elsewhere this div's height will change depending on the content*/ margin: auto; /* browser sets margin, should centre the div */ width: 760px; /* sets the width of the container */ } #main-nav { background: red; height: 50px; /* the width doesnt need to be specified, it will be 760px as this is the with of the containing div */ } #header { background: blue; height: 150px; } #sidebar-a { float: left; /* floats sidebar to left of the screen */ background: darkgreen; /*the height is dependend on the content so no height will be set for the time being*/ width: 280px; } #content { background: green; /*the height is dependend on the content so no height will be set for the time being*/ margin-left: 280px; /*creates a margin as wide as the sidebar to separate the sidebar information and the content */ } #footer { clear:both; /*When an element has the clear property assigned, if it comes into contact with a float it is placed right below where that float ends.*/ background: orange; height: 66px; } 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? hey, My page does not validate because of a flash object. The weird thing is that the code is automatically generated by dreamweaver. Feel free to copy and paste the code into a validator to see what the errors are. Any ideas on how to change this so that it validates? HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta name="description" content="Employee Benefit Consulting is a company which"> <meta name="keywords" content="EBC, E benefits consulting, EB consulting, employee benefits consulting, employee benefits, Employee, Benefit, Consulting, Health Insurance, Personal Insurance, Group Insurance, Insurance, Workplace Saving Plan, Kiwisaver, worker benefits, staff benefits"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>EBC Home Page</title> <link href="CSS/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="../JS/ADxMenu.js"></script> <link href="images/icon.ico" rel="shortcut icon"> </head> <body> <div id="container"> <div id="header"></div> <div id="menu"> <div class="linkMenu" align="center"> <ul class="adxm menu"> <li><a href="#">Home</a></li> <li><a href="about_us.html">About Us</a></li> <li><a href="insurance.html">Insurance</a> <ul> <li><a href="group_insurance.html">Group Insurance</a></li> <li><a href="personal_insurance.html">Personal Insurance</a></li> </ul> </li> <li><a href="kiwisaver.html">Kiwisaver</a></li> <li><a href="workplace_saving_plans.html">Workplace Saving Plans</a></li> <li><a href="contact_us.html">Contact Us</a></li> </ul> </div> <br> <br> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="260" height="160"> <param name="movie" value="images/quotes.swf"> <param name="quality" value="high"> <embed src="images/quotes.swf" width="260" height="160" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed> </object> </div> <div id="body"> <p>Welcome to Employee Benefits Consulting. We have an impressive record in the employee benefits industry in New Zealand, working alongside employers, employees and regulatory bodies.</p> <div align="center"> <img src="images/indexImage.png" alt="Employee Benefits"> </div> <p>Our focus when working with employers is to ensure that the benefits they offer their staff are sustainable, workable and effective in attracting and retaining quality employees. Our focus when working with employees is to help them set in place appropriate provision for themselves and their families, both in retirement and in the event of an unexpected trauma during their working life.</p> <p>Click <a href="contact_us.html" target="_self">here</a> to contact us for more information</p> </div> <div class="style1" id="footer"> <div align="right"> Studio 1, 237 Beach Road, Campbells Bay | 09 410 2217 | <a href="mailto:info@ebconsulting.co.nz">info@ebconsulting.co.nz </a> </div> </div> </div> </body> </html> Thanks, Raggy Hello, I would like to get the website menu to appear above the flash object. http://www.greekconcierge.com/weddings.php Currently when you click on "Our Services" this is hidden below the flash image object. many thanks, andy 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. Hey guys, I have been designing a portfolio for my photography for some time. There are a few issues I have and I would appreciate your help. http://fjchapman.com/portfolio/portfolio.html 1. If you'll notice, the SWF object won't open. If you go to http://fjchapman.com/portfolio/viewer.swf , the swf is fine. There is just something wrong with my code. 2. Why is it so screwed up in IE? I have been going through my code but I cannot understand why IE is adding some mysterious padding. Help? 3. Alignment of links. While the links are just fillers (concert photography, portraits) for now, how can I have them aligned to the bottom left of my header? Thank you guys so much for your time. 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 My index is an HTML page that has a flash that runs for 5 seconds. After that it stops (on purpose). I would like it to then goto another HTML page. For some reason, I can't find out how to do that. I can view the flash in my HTML script when I run it straight from my computer, but when I upload it I don't see it. I've tried it on three different web hosts. The directories are definitely correct. I don't understand why it simply won't work. This is the code I'm using to display the flash movie: PHP Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="580" height="150"> <param name="movie" value="menu_logo.swf" /> <param name="quality" value="high" /> <embed src="menu_logo.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="580" height="150"></embed> </object> The flash file is located in the same place as the HTML file is. ( the root ) I've just recently created my website with wix.com as my host, so it's all flash, but I would like to change my website to html. I really like what I have as the website so far, but I've found that it runs slow on many computers, so I was wondering if there was any way of keeping what I have(such as design etc.) but converting it to html somehow. I don't know much about web design, so any help would be greatly appreciated. (and I don't mind changing my host if it's necessary, I just want a way to be able to keep what I've worked at without having to begin from scratch.) Hello All, I need to display flash located in the application file resources. I tried this way: HTML Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=3,0,0,0" width="740" height="300" type="application/x-shockwave-flash"> <param name="movie" value=res://HTMLTester001.exe/SWFS/#137> <param name="quality" value="high"> </object> But it does not work. Flash is not displayed. How can I resolve this trouble? This will proubly be easy for some of you but i need some help. veiw www.aeonnorth.com source. And tell me why i cant get the top 5 buttons to link? Service-Products-Forums-Contact-Support. I have a map set up. but doenst seem to be working. whats wierd is i can mouse over and see its a link but doesnt take me anywhere. please help Hello, I have flash website that I want it to be opened by html page. What I need to do if I have an html page that when I press on link on this page it will open my flash page on full screen (fit screen)? I have this website for example of my question: www.federicafontana.it Thanks to anyone that will help. Best regards, Fabio. Well as a noob i would just like to say hello to you all. I thought adding a intro page would annoy people and i like this so i started building a intro page with a already built swf file Nightmare, i cannot get the white borders to go away, if i change the size of the swf it changes the borders position. I never get a border all the way around the swf, its either top and bottom or left and right depending on resizing the swf please help as its driving me mad this is the code i have so far <html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Click Here To Continue</title> </head> <body bgcolor="#000000"< MARGINHEIGHT="0" MARGINWIDTH="0" TOPMARGIN="0" LEFTMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" SCROLL="NO">> <table border="1" cellpadding="0" cellspacing="0" width="100%" height="585" style="border-style: none" fpstyle="1,000001100"> <tr> <td width="17%" height="11" style="border-style: none"></td> <td width="62%" height="11" style="border-style: none"></td> <td width="21%" height="11" style="border-style: none"></td> </tr> <tr> <td width="17%" height="568" style="border-style: none"> </td> <td width="62%" height="568" style="border-style: none"> <p align="center"> <embed src="intro.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="81%" height="100%" loop="false"></td> <td width="21%" height="568" style="border-style: none"> </td> </tr> <tr> <td width="17%" height="47" style="border-style: none"> </td> <td width="62%" height="47" style="border-style: none"> <p align="center"><a href="www.voodoo-music.co.uk/home.html">Click Here To Continue</a> </td> <td width="21%" height="47" style="border-style: none"> </td> </tr> </table> </body> </html> I'm an amateur web site builder and since upgrading to Flash CS3 I've ran into a few problems, mostly with the way the new flash publishes the html files. They now added a javascript file that accompanies the html file to apparently assist in the loading of the flash file. What I'm trying to do is add a script to the html file that will resize the window based the users screen resolution. I've used scripts in the past to do this, but for some reason they won't work with this new html file. I'm assuming the javascript file plays a part in this, correct me if I'm wrong. It would be great if someone could help me with a script that would allow for the html file to resize the browser window based on the users screen resolution, or something similar to that. I've included the html and javascript file for you to look at. Click here to view the project I'm working on. Any help is greatly appreciated. Thank you, Dustin Can anyone tell me the best way to embed a Flash Movie that will comply with HTML Strict? http://www.kasedesign.co.uk/woodside.../panoramic.htm There seem to be quite a few options out there and they all seem very long winded! Thanks in advance! Hi all... i am using the following HTML to load a flash video on a iweb page. Is there a way i create links on my page to different flash files on my web server and have it play that video? I would think i have to set the 'embed src' and 'value' to a variable that's changed every time a new link is clicked on the page but how do i setup up that variable? <object classid="clsid27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=6,0,40,0" border="0" width="800" height="600"><param name="movie" value="http://web.mac.com/youriDisk/docs/flash.swf"><param name="quality" value="High"><embed src="http://web.mac.com/youridisk/docs/flash.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="800" height="600"></object> |