I'm building a website that consists of several overlapping div layers containing swf's. It looks good in Safari but IE is only showing the layer with z index 1. I can tell by the sound in one of the swf's that they do get loaded, but they are just not visible. Is this solved by another way of embedding? I'm using swf object.
I have a question. If you have a HTML list that pops up as a menu under a graphic in a layer when you mouseover the graphics, how do you instruct that layer to vanish again when you mouseout from the menu?
I can do onMouseOver show the layer and onMouseOut hide the layer, but I'm stuck when it comes to applying that to a larger area (ie: multiple clickable items). I can think of ways of doing it, but they're a bit clunky and I'm assuming there's a good or 'proper' way of achieving this.
I need to find a way to show/hide layers with the help of clicking a check box. I want it to be the default layer, then when a check box is clicked, that layer shows up. I need it to be able to display multiple layers (overlapping) that are linked to which check box is checked or unchecked. Code:
I'm trying to show and hide layers with css and a javascript function. It works, but the only thing I can't figure out is how to make it display ONLY one of the layers on initial load. Below is the following code that appears in the html doc.
Code:
<script type="text/javascript"> //visible layers function $_(IDS) { return document.getElementById(IDS); } function setVisible( IDS ) {
[Code]....
I can't seem to just get the "BIO" layer to display by itself on the initial page load.
I have a problem with a drop down menu showing behind image slider (not flash), as the menu shows up behind the large image slider [URL]It only happens in FireFox.....
Doing my own fitness bootcamp site and want to fancy up my front page. My front page loads a picture and I want it to load like flash. What could I do? I have all the Adobe Software, just don't know how to use it.
I need a simple javascript that I can use in my HOME page.index.html has a flash animationnoflash.html is a page without flash animationKindle does not support Flash and therefore i want to redirect my index.html to noflash.html page.
I work for a company called Best of the Best (www.botb.com). We use Flash countdown clocks to mark the end of our competitions. The issue we now have is that our clients are using mobile platforms more and more and as bloody Apple wont support flash (not fully anyway) we need the option to detect whether our users have flash and if not then replace the current <OBJECT>Blah Blah Parameters etc</OBJECT> with <DIVCLASS="NON_FLASH_CONTAINER">All other bits in middle</DIV>Is this at all possible?
I'm trying to put some code together to create an image-swapping system, that when you click on the image it'll hide the image and replace it with a given iframe vimeo/youtube code...The swapping part works fine, however when the iframe loads up, it hides all other flash objects in the page, and I can't figure out why.Here's the JS
Code: function swapvideo(w,h,url) { document.getElementById('video_pholder').style.display='none';
I have created no flash pages and flash pages, but instead of creating a portal at the front of the site that leads you to a flash site and a no flash site id like to do it so the page detects flash or not, and redirects to whichever URL.
Is this possible, or do multiple browsers cause problems ?
I have created a transparent flash video (virtual spokesperson) for my website. For demoing purposes, I would like to have this appear on any desired website.
This is what I am trying to produce - here a virtual spokesperson appears on the [url]website: [url]
Have a look at other sites which enable one to type in a URL and their demo virtual spokesperson appears on the given site: [url] [url]
I believe they do this within an iframe to display the underlying website.
When viewed with Firefox. The show/hide function doesn't work as expected (evident when viewed). Anyone know why? Which bit is FF not liking and how can it be altered to be cross browser friendly?
Hey guys, im just learning how to use layers in css, and am trying to change a div like a targeted frame so that I can change content that is floating ontop of another image. So far I got that to work, except when I put in any embedded videos or image tags, then it stops working.[code]
Anyone know of any good beginners guide to layers online, preferably with examples of form elements (initially populated from a database) updating the parent page?
I have the basic functionality working with a popup window and 'opener.document.form1', but this doesn't look that good and I can't get it to fill anything but a form element on the parent page.
When you mouse out of the div, it goes back into hidden. But as soon as I touch any of the links, it hides, thinking I've left the DIV.
Now, I'm assuming this is a z-index layer issue, but I've tried every combination of things I could think of to prevent the mouseout action when mouseing over one of the links.
I tried setting div.popup's z-index higher than a.popuplink's, lower than a.popuplinks, and the same as. (I did set each to a position as well.)
I'm looking for websites that do Flash-like things but without using Flash, only with Javascript/ajax.
I'm not looking for a particular effect, I just want examples of sites that have the coolness and eye-catching factor that Flash can have - know what I mean?
The following code works well in IE5 and Netscape 7, apparently my page is not working in Netscape 4.6 and it has been suggested that i need a third option dwellig around the document.layers object, could someone tell me what line I need to make it compatable for earlier browsers?
I have a layer, which is a DIV that has overflow set to "auto", so it looks like a little pop-up window, even though it's just a layer.
So if the content of that window makes the user scroll down to read it, and the user clicks a link while scrolled down, and the AJAX function calls new data into that DIV, that data, if overflowed, will also be scrolled down.
So basically it's like if you scrolled down to the bottom of slashdot.org, clicked a link to usatoday.com, and when you got to usatoday.com, the page was scrolled to the bottom of the page instead of at the top.
Any way I can make sure when the new data is written to the layer, that the overflow scrolling is scrolled to the top of the layer?
The idea is that the blue help text rechtangle will have to remain visible when mouse over (because there will be soon links in it) and invisible when onmouseout.
I have now placed javascript on the small numbered balls and within the rechtangle itself.
But I have it in a way that when "onmouseout" the blue help rechtangle will be hidden. But now the onmouseout event is acting like onmouseover. Any Ideas to do this correctly? So right now when you onmouseover it it will disappear :S
If I get this working I can start thinking of putting a timeout on the rechtangle for it to disappear within a couple of seconds after "onmouseout"
now my question: I have designed a layout that has a menu in a left div layer (#left-area). When clicking on a link, it creates and opens a new div layer in the right div area (#right-area).
Each of the layers is draggable, sizable etc, but my problem is that the order they are created, is the order the z-index is set as. Explained: if i open "link 1", then "link 2", the "link 2" div will always be on top of the "link 1" div. I want the ability to change the order (z-index??), of the layer just by clicking on the layer, so that if i click on the "link 1" layer, it will bring that to the front, and the "link 2" layer will appear below it.
There must be a way to do this... i have seen examples at pupunzi.com . Is there a way to do it with jQuery. I have searched everywhere, but i cannot see the function/command.
Below is a script I have that displays a list of summary info for multiple people.When you mouse over some ones summary info, a bio appears below that summary info (pushing everything below it down). What I'd like to do is take it further and allow more layers. For example, when you hover over their bio,more info about them pops up below that, and so on.I know you're probably tired of seeing mousevent /text questions but I'm desperate at this point. If some one could just add a mouseover event to the bio section that displayed more text below it would suffice and I could take it from there.
Heres the code: <p> <script type="text/javascript"> var BrowserDetect = {[code].....
Is it possible to count how many layers have been loaded as they are loading?
What I want to make is a layer containing the text "x of 15 layers loaded" and for x to increase everytime a layer is loaded on the page. (using onload?)