DHTML Javascipt-based Navigation Structure And Flash: How To Set The Layer?
Jul 20, 2005
I have developed a very nice javascript-based navigation structure. My
customer wants to have a flash film on his very first site which
already has to have this navigation.
And now the effect: Whenever the flash film is running, the navigation
submenus are not displayed ABOVE this flash film, but BEHIND it.
As far as I have tried, there is no way to influence this behaviour
with the "z-index" and different values.
Is there any other way to make the navigation submenu seen or - in
other words - is there a way to put the flash film "a layer back"?
Been on the lookout for a DHTML tool top style layer popup script that follows the mouse around the screen. I'd seen iton a page last week and someone asked me about it today and I couldnt find it (Google / DynamicDrive etc).
Ok so I'm using FxMenu 4.1.1 on my website at the moment. I figured that I wanted to keep the menu static so it wouldnt ahve to reload everytime someone clicked on page. I made a 3-framed framset with a header,center, and a footer. The center consists of the menu and an iframe. The pages that load from clicked on the menu items load in the iframe. Here's my problem: if I load a flash movie or whatever in the iframe it overlaps the menu. Code:
I'd like to load locations into the map area dynamically, based on the button URL being selected from the left-hand menu of the Locations page.So when the visitor selects Drebkau within the Germany tab, for instance, the map is changed to that new location.Also, on the current website, we have URLs that link to the various locations. Can those coordinates be used for the new map dynamic map coordinates?
I'm trying to find a javascript/DOM navigation tree to use in a web-based content management system, to allow navigation of > 10,000 folders/files.
The javascript (non-DOM) tree we currently use is running too slowly as it cannot dynamically load in nodes when users select a node to expand. This is critical for us. The top level of the tree hirarchy only has 20 or so nodes, but each node might contain up to 1,000 nodes.
So what we need is for the tree to process and display the first tier (20 nodes) and then only process sub-nodes if the expand icon is clicked.
Does anyone know whether such a tree exists?
It needs to be compatible with all modern browsers (IE 5+, Netscape 6+, Opera 7+, Konqueror 2+, Safari etc). I've looked at several different examples, but none of them (AFAIK) appear to be fully compatible with the above list of browsers.
I need to put previous/next navigation button images on a lot of slides.If i am on slide 3 I'd like javascript to identify previous button as slide2.html and next button as slide4.html and so on
I have a web-application project which requires interactive User Interfaces. It is more like a web based xml content editor. I have seen a few javascript based text editors but not much flash based ones. I dont have much experience on neither of the technologies so I have to spent some time to develop my skills on them (your suggestions are wellcome:) my questions are:
1. Is JavaScript and the today's internet users's enveronment (browser-speed-security) mature enough to run a heavy javascript based web application ?
2. I have the "sceptic feeling" that with Javascript, programmers have very little control on runtime environment or javascript behaviours, errors are not so predictable on client site. (Still I see lots of websites with javascript and a yellow Error sign on my browsers left bottom corner). Is it still quite complicated task to make the javascript run properly on most of the users site (say 90%) without complicated browser/version/DOM tricks and customisation?
3. Is Flash a better option for a interactive UI application? If so why is it still just an "animation" technology?
4. Is it possible (and easy) to mix the Flash with other technologies like Ajax or ASP.NET ? Is it possible (and available) to make flash-based components (like special behaviour combo box, or new kind of UI components) which can be used in an asp.net web application?
Basically I created a script which changes image banner on site depending on which day it is, and what period of time it is.
Script goes like this:
HTML part
<img id="banner" /> Javascript code var nowHr=new Date().getHours(); var nowMin = new Date().getMinutes();
[code]...
Now, WHAT I NEED NOW is instead o using images (1.jpg, 2.jpg...) I want to use Flash (1.swf, 2.swf...).So is it possible to modify this script and make it work with Flash?
I have two swf files that I use as headers on our website; one for day, one for night. I am looking for a script that will change these files depending on the time of day the user hits the site based on their computer clock.
I was wondering if anyone has any idea how this can be done. I am trying to show/hide navigation links based on server names or ip addresses. So if, someone visits a particular url/ip address he/she sees only a particular set of navigation links. I am sure this can be done using some kind of Java script or VB script, just not sure how. I have two servers with different server names and IP addresses. Based on user's input I need to display the hyperlinks which then directs the user to other utilities. For this I need to create a script which takes the user input and show/hide those link based on server name or ip address.
for example -if the user types in- http://wxyz.com or 166.xx.xx.01 then only two hyperlinks will be shown but if the user inputs- http://uvwx.com or 166.xx.xx.02 then we want to show all the hyperlinks.
I'm building a gallery page, that's setup like this:
- carousel based horizontal image thumbnail navigation. - main div that loads, on thumbnail click, a high res version of each thumbnail image that exists within the carousel nav.
I'm attempting to have Javascript / jQuery play a flash player automatically based on the inbound/back link. The objective is to only play it automatically for people coming from a certain link. Is this possible with Javascript / jQuery?
I have created a floating layer using Javascript that remains always on top of page on scrolling.Issue is,at some point while scrolling,the layer flickers continuously.
The html page is as follows:
Many common software systems, JavaScript has a history of security problems. Many of these problems could allow a person with malevolent intent to steal sensitive information from a visitor. The number and type of such holes in security vary among browsers and operating system versions. Most JavaScript security holes have been caught and fixed, but new ones are being discovered all the time. For a list of current security holes check out your browser's and operating system's Web pages. As a Web site author, it is your responsibility to keep up-to-date on the current status of known security holes in the applications you create.
Signing Scripts. In Chapter 11, I explained that JavaScript does not provide the ability to directly access files on the client computer. This can be a very large hurdle to overcome if you're trying to upload a file to a server from the client computer. Fortunately, file uploading is one of many functional enhancements that signed scripts provide. Signed scripts are specially packaged scripts that have been verified and signed to be correct and non-threatening. These scripts have additional rights on the client computer that allow a programmer to do many things that he wouldn't otherwise be able to.
With the introduction of Netscape 4.0, a new security model was put in place that would allow digitally signed scripts to bypass some of the restrictions that had previously been placed on them. A signed script can request expanded privileges from the visitor and, with the visitor's permission, gain access to restricted data. A signed script requests these additional permissions through LiveConnect, which allows your JavaScript code to communicate with the Java Capabilities API. The security model allows JavaScript to access certain classes in Java in order to extend its functionality while still maintaining tight security for the client.
A digital signature is a fingerprint of the original programmer, and it allows the security model of the browser to detect where (or from whom) it originated. A script signer can be a person or an organization. By signing a script, you acknowledge yourself as the author and accept responsibility for the program's actions. A signed script contains a cryptographic checksum, which is just a special value that ensures the signed script has not been changed. When a digital signature is detected, you are assured that the code has not been tampered with since the programmer signed it.
Once you finish writing a script, you can use the Netscape Signing Tool to digitally sign it. Signing a script does the following:
Unambiguously assigns ownership of the script to a person or organization.
Allows an HTML page to use multiple signed scripts.
Places the signed script into a Java Archive (JAR) file.
Places the source of the script in the JAR file.
Once a user confirms the origin of the script and is assured that it has not been tampered with since its signing, he or she can then decide whether to grant the privileges requested by the script based on the validated identity of the certificate owner and validated integrity of the script.
JAVASCRIPT FILE IS AS FOLLOWS:
AND CSS FILE IS AS FOLLOWS:
At some point while scrolling,the div 'movable' flickers continuously,while at some other point,it is perfectly stable.
So, what I am trying do to is to manage some classes with javascript. It's working, but there are some things that I don't understand... Next is my sample code, and I have indicated the questions in comment Thanks for the help (I am working with IE 6)
I'm currently experiencing a problem using ANY (!) JavaScript in Mozilla - nothing seems to be working. For example (from p2 of JavaScript 101 - Part 1):
How can I inform a Javascipt, that must submit my Applet's data, that this same Applet has produced the data in question? Or in other words, is there any way to call a JavaScript junction within the Applet? Is it the best way? What do you suggest?
Having a little bit of trouble with a site I'm currently working on I'm using some AJAX for the instant g-mail/facebook style navigation, you know the kind, with no refreshes, etc. Problem is, to allow for back/forward and bookmarks, I currently use a URL that looks like:[URL].. This is fine, not a problem... The issue comes into play when I want to open up the news.html page, from my home.html page, and have it open to news item #6 (for example).
I can't add a #, because one is already being used to reference the anchor for the content div. Has anyone run into a similar problem before? If so, how did you resolve it? Can some jQuery be used to find the location of the news item div in question, on load, and scroll to it like that?
I'm trying to implement a minimal navigation bar using jQuery's toggleClass() function but can't seem to get it working.
It's the .img_selector div at the bottom of the page:[url]
I want to toggle the 'active' class for each <a> when it's selected, to indicate which image is showing, so after calling jQuery, in the <head> I've got:
Then the links, which also include the showPic function:
I am not terribly familiar with Javascript but i am looking forward to learning, and currently the problem I am facing is this:I have an a file being included to an .shtml document, that serves as my navigation, the code is like this:
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?
