provide me with code to make a collapsible menu? What I'm looking for is a vertical menu, that will open up the sub-categories upon a mouseover. Clicking on the menu item will bring them to the specific page. Oh, and this might not matter, but I'd prefer if I was able to style the menu to fit with my site theme.
I've been testing a drop down menu like the top menu on microsoft website. At some point everything was ok, but it happens that my site has frames, with the top apart from the body.
But this script only works without frames, limiting the number of itens I can put on it if I work with frames.
Does anyone knows how can I do the dropdown menu working with frames?
Obs.: My site has a top frame (where should go this menu), a left frame and the body.
Because i'm a javascript newbie, i decided to use a application (allwebmenus) to create a tree menu.But I wasn't able to find a option in the program to change 2 frames with 1 click.This is the situationI've got 2 frames (maincontent & logo) and 2 documents (opschoning.html & herinstalleren.html).At the moment the menu is working fine. When clicking on "- opschonen" ,opschoning.html is nicely loaded in the maincontentframe.But i would like to see that at the same moment herinstalleren.html gets loaded in the logoframe.I've been trying hard, but couldn't find the solution for the problem.
Code: //----------DHTML Menu Created using AllWebMenus PRO ver 5.1-#766--------------- //F:ProgjesawmTheme GallerySlidingscott.awm
We are having one html file and there is a java script code: "ether.play()" and this will launch one window.But this window is not displaying in the foreground, instead it is hiding in the background.Can anyone tell me how to bring the window to foreground in Javascript.
I popup a txt msg queue window - it sits in the background - it reloads the msg queue every minute - when a new one pops into the queue I want to bring window to the front but the following code doesn't do that. Am I doing this right?
function init() { document.forms[0].btn_close_window.focus(); }
I am currently working on a calendar memo site for university, and I'm having a small problem. I have some code to validate a date put into a TextBox (day of month only. Month and Year are in drop down menus and are working fine), but whenever I try to click to validate it, I get the following error in Firebug:
QuotedayBox is not defined
And it points me towards the first part of my validation function. The code to get the TextBox displayed is in a Form HTML element and is:
function validate(calEvent) { Step 1: Check box is not empty. if (dayBox.length = "") { alert("Please enter a date")
[Code]....
The error occurs on the line "if (dayBox.length = "") {", right at the start of the function. It looks like the validate function is not recognising that there is a TextBox in the form called dayBox, but I can't see why.
I have a music site, and on one page surfers can click on song titles and it opens up a pop-up window containing the lyrics (I would direct you to it but it is currently down due to domain name troubles).When you click onto the main window again, the pop-up then relegates to the back - if you click on the same link again, you get nothing, unless you closed the pop-up first.How can I modify my javascript so clicking on the pop-up link will bring an already open window to the front?Here is the popup code currently:
Code: <a href="javascript:void(window.open('rpages/poar/dragofsloth.html','The Drag of Sloth','resizable=1,width=585,height=420,top=60,left=60'))">1. The Drag of Sloth</a>
I have a setup where clicking on one of several spots on the screen shows one of the two forms that are hidden by default. I was wondering if there's a way to scroll the screen so this element is visible. Otherwise I can open below the fold and people will not know that something happened. The elements that I click on are not hyperlinks, jut regular divs. I was wondering if there's some method I overlooked that lets me take the page to a specific element.
I can't seem to get this to work. I have a form here: [URL] When the user hits sumbit, I want it to validate first, and then IF the validation passes, THEN have an alert window come up with an OK button. Why isn't it working? The validate function ends like this:
This works just fine as my javascript to make a link to a pdf and bring up a search pane in the certain pdf. My question is if anyone has tried to highlight search terms in a pdf just by clicking on the link. I can't seem to get that to happen.
I setup a jquery ajax request to update my sql database... (add a product to shopping cart) then after it completes I want to use .load to re-load the shoppingcart (the cart is currently loaded with php include - so it is it's own seperate .php file). The problem is that when it reloads it doesn't have the "current version" If i refresh the page it's fine..
I have also tried to put a variable in front from the $.ajax and then use $("#cart").ajaxComplete(function() { $(this).load("cart.php"); } }); But yet still no luck. How to make ajax load a page after the mysql update has been done then display it?! I used to do this all the time before I started using jquery. When readyState was = 4 { load page code here } it would always work.
I am trying to make the #div2 appear when the cursor moves over the #div1 at the current mouse position. Somehow the #div2 doesn't show up, and I tried to validate the where the #div2 would appear by an alert down in the code.
To my surprise, the alert message said 'auto' instead of the y coordinate of the mouse position.
Can I use the XMLHttpRequest object to call a url which would generate a PDF and then display it to the screen?
I'm new to AJAX and I'm very interested in using it to asychronously bring back documents with a content-type that IS NOT text/plain or text/html (like a PDF or Excel document) and then display that document to the screen. I have a web application that dynamically generates PDF and Excel documents. A user may have to wait a minute for the new doc to be created and displayed to the user. I want to put an animated notice saying the doc is being generated similar to what you see when you execute a search on a search engine. I've tried using animated gifs (with frames, etc.) but they don't work. As soon as a request is sent for the PDF, the browser halts the gif in IE. If I could instead call the URL that will produce the PDF asynchronously, then I could display the animated gif and call the PDF at the same time. Once the PDF is generated, I want it to then be displayed to the screen.
Is there a best way to reorder a jquery group/array, eg bring one item to the first position? Should you do it with a normal array.sort() or splice(), or is it possible with an internal function map()?
There are 3 graphics (top left of page) which open a linked page in a pop up window; each popup comes into focus the first time it's opened - clicking on the same graphics again doesn't bring the already opened popups back into focus.I had originally sized each popup as 320x430px in the body at each of the 3 references to the linked pages, but discovered that (in FF portable 3.65.13) the popups all opened full-size windows. In an attempt to resolve this I removed the size info from each of these 3 page references (lines 84, 89, 94) and moved it to the head (line 67) which seems to have resolved the size issue, but works only when I specify the popup to be any size except the original size of 320x430 (e.g. 320x431; I have now settled for 321x431)
I have trouble with SuperFish Menu, of course it looks very nice and is good solution, but I am not advanced in CSS language.how to change space between menu and submenu in Navi-bar type menu? Now sobmenu hide part of menu, I have to must space.....
The problem is that the height of the second level menu results in their being gaps in between each menu item so that as you move your mouse down the second menu items it quickly closes again. scripting novice fix this by telling me which variable I need to change either in the Java script or the CSS files.
As a rule, I don't like frames but I'm stuck supporting a web that uses them. I have a page, default.asp, that has a header and body frame: "fHead" and "fBody". What I want to do is to prevent default.asp from ever loading itself into "fBody". Some users still have code that causes this behavior.
So how, using javascript , can I do something to the effect of: "If default.asp tries to load default.asp (itself) into fBody, then reload the top-level browser window with what fBody is trying to load."
my main page consists of frames. i'm using ssi to include copyright info, tos, and a privacy statement at the bottom of each page.
the ssi is working on all regular (ie non-frame) pages, but it doesn't seem to be called or parsed on the main page.
a look at the source shows the ssi call just sitting there, doing nothing. has anyone dealt with this before? i didn't think it mattered if an ssi was called from within a framed page, but i might be wrong.
i suppose i can just use the actual html for that one page but i'd rather just be able to use ssi since it's used through out the rest of the site.