I've tried to look for document.layers in Netscape 7 and couldn't get it... Here's the script:
Code:
var NS6 = (document.layers) ? 1 : 0;
var IE = (document.all) ? 1 : 0;
function bananas() {
if (IE)
alert("this is IE");
else if (NS6)
alert("this is NS6");
else
alert("bananas");
}
I'm only concerned with IE 5.5 or higher, and Netscape 6.2 or higher. In IE, it gives me the right stuff. But in Netscape 7 it gives me "bananas" (I haven't tried in Netscape 6.2) Why doesn't it work?
I am using the following code to show/hide part of an html page. It works in Netscape and Firefox but dies in IE: "Error: document.layers is null or not an object"....
As I understand it, document.layers only works in Netscape 4+ (ie. it doesn't work in any version of Internet Explorer), while document.all only works in Internet Explorer 4+ (ie. it doesn't work in any version of Netscape). Is that correct?
Also, what about document.getElementById? When did Internet Explorer start supporting that and when did Netscape start supporting that?
I ask because I'm wondering how necessary doing something similar to the following is:
I can successfully force submission of a <form> using "document.formname.submit()". But, the submission doesn't appear to occur when used with Netscape. Anybody know why this is happening, and what I can do to get around this?
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.)
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?)
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've tested a very good validation script called(fValidate ). Now, I want it to implement into a php-form which has 2 layers. Layers are called with following code:
When I submit the form, the validation script alerts the first "wrong" field which is on layer 1 (invisible because the submit button is on layer 2). Normally it goes to that wrong field, but instead it submits the form...
Does anyone has any experience with validation of layered forms?
There is also the possibility of making a custom validation function. I could make use of it, but then... how does javascript know on which layer the wrong field is/was...?
I am building a dhtml menu system and it works great in ie 4.0+ and nn6 but in nn4.7 the table background color inside the layers doesn't show up. It does in the other two have a look Code:
I'm designing a site that implements popup menus. There are several menus and each one is called by a mouseover event on an image. Each menu is set to show for about 3 seconds, and then it will go away. The only problem I am having is if you roll over two or more different images, both of the popup menus will display. I need some help on showing only one popup at a time. I'm sure it would be something like this...
HTML Code:
i = popup numbers; //which should be either 1 or 0 if (i == 1) { hide(previous popup); show(getElementById); }
else { show(getElementById); } I'm just not sure on how to determine the previous popup. Any suggestions?
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 have seen this in help files and on a few other sites but I am not sure what the correct lingo is for this function but I am looking for a way to hide a layer of text below a heading and then make it appear when the heading is clicked but I need it to push down the text that is below it and not cover it up.
I'ld like to insert a feature seen in www.k10k.net and www.rangermag.com whereby once a link is clicked it instantly reveals a hidden layer - seems a great way of quick navigation of info.