I'm laying out a new data entry page and I have it looking as I want it now...finally!
On this page, I have a standard HTML drop-down box which can contain anything from 1 to 100 options (populated dynamically from a DB). It will ALWAYS have a "New Entry" option at the bottom of the list - this is hard coded.
What I want to do is make it so that when someone selects the "New Entry" option at the base of the list, a named DIV becomes visible, so that they can enter the new data. When they select anything OTHER than the "New Entry" option, the named DIV should disappear again.
I'm not that worried about the design of the page shifting when the DIV is made viewable or hidden, so that's not to worry about.
I have no clue with JS or DHTML, so I'm asking the kind folks here to give me a push in the right direction (not off a cliff...thanks anyway) -
is there a way to automagically force focus on a drop down? IE, when a page loads or a button is clicked the drop down automatically extends (so the select shows all of its options, similar to when you click the down button)?
I'm currently making a web application which needs to be fully compatible with iPad. The functions I've implemented so far work perfectly on Firefox, Internet Explorer and other browsers. However, the iPad itself responds a bit different. After a certain action, I want to put focus on a textfield with the help of Javascript. Again, this works perfectly with the normal browser, the iPad browser however seems to be blocking the focus. The reason I'm not posting any code is because it's basically irrelevant. All I do is:
Is there a reason why setting focus to a textbox input, also gives focus to a submit button on the page, to where if you click enter in the text box, the submit button will be clicked.
The default behaviour of focus() method is displaying the cursor at start of the char(In FF focusOffset is 0(zero) and anchorOffset is 0(zero)). I need to display the focus at end of char after calling focus() method.
I think the problem is cause by my lack of understanding of how the browser (firefox 3.6.3) handles focus.A simplified version of my problem is:I've defined the function
function two_focus() { document.getElementById("two").blur();
Is there a way to set the focus on a form field without using focus()? I use ajax to build the form and if I try to set the focus using focus() an error is generate because of the form hasn't been built by ajax. So, it would be nice if I could set the focus() as I built the form.
Is there any way to tell the difference between when this anchor is focused by a user (perhaps by tabbing to it) as opposed to when I programatically do it via anchor_node.focus()?
i'm having with a superfish menu i have tried to add to my wordpress site.The menu seems to work fine for the base-level (top parent pages) menu items.But the drop down menus seem to flash on screen for just a second and then disappear when the mouse hovers over the menu items.To see an example, please check out the top menu on this temporary development page: http:[url].....I have tried adjusting the z-index in superfish.css file but it doesn't seem to be having any effect.
I am implementing auto re-order drop down values in asp.net. My requirement is something: I have five drop down and each has populated using 1 to 5 values. when I changevalue from dropdown, other drop down values(numberordering)should change automatically.
I created a drop down menu for my search bar on my website using JQuery / hover intent..The drop down is activated by the user hovering over a button, and inside there are twocombo boxesand acheck box.If the user tries to choose an option in the combo box, thedrop downdisappears..Chrome, Safari, Opera and FireFox are working fine, but IE7 + 8 have this problemI have uploaded an image of the drop down with the combo box, it is a print screen of itworkingin Chrome--> The second image is where the bug happens in IE
I currently have a Drop-Down menu, which has headers you click on to show the links. This menu only allows one drop to be expanded at a time, and can be viewed here [url].
I would like the headers to be able to have 'sub-headers' inside, which also drop-down,to reveal the links. I want them to have a different header colour, and to have the same rule where only one can be open at a time. while keeping the rule with the main headers.
I have been searching for a long time but have been unsuccessful on how to develop a drop down menu but have the menu items show in a list above the main nav. Not below. I really like the way this functions:[URL].. But I would like the item in the list to appear above the main nav so it animates up not down. Can anyone help me on how to alter this js code to perform this task?
Here is the jQuery file link:[URl].. I tried going through this js file but it very complex. Can anyone tell me what I need to change to have the animation roll up instead of down?
I have a page of rows of dynamic data... the user can click on a link for each entry... that allows them to open a popup window... add / edit or delete some sub-entries for each entry.
When they close the popup window, how can I get the background page to refresh and show the updated data... without pressing the refresh button...
a) could I get the page to refresh automatically every 30 seconds ? b) could I get the popup to switch focus to the window that opened the popup and then refresh that page?
i have javascript menu form my site that has two js file: "data1.js"
PHP Code:
var isHorizontal=0;
var blankImage="images/blank.gif"; var fontStyle="normal 8pt Verdana"; var fontColor=["#000000","#000000"]; var fontDecoration=["none","none"]; etc....
var menuItems = [ ["Page 1","page1.php","img/new1-05.gif","img/new1-05.gif","Page1"],
I want to link "page1.php" pick up id from url (http://www.mysite.com/anypagewithid.php?id=34) and when i click at menu it has to be url page.php?id=<id_from_url>
I have try menu at site, it works fine ;-)
Also, how can include some php in menu, like list of mysql rows and etc.
Each child of #options has text nodes besides the HTML elements. Short of doing
document.getElementById('options').childNodes[1].childNodes[1].childNodes[1].childNodes[3] or giving the UL an ID, is there any other way I could access that UL? I'm imagining something like an array containing every single child (even grandchildren, etc.) of #options but I don't know if it exists. I know the most sensible thing to do is to give the UL an ID, but I'm curious.
Below is a stock script I found which controls a framed environment. My problem is that if a URL has a query string attached, that string does not pass through. Can someone please let me know if and hopefully how, it will be possible to carry a query string through?
This first part here is in the default.asp framed page. Code:
i want to pass XML data in querystring from one to another asp page. it is about 10000 characters long, i cannot use FORM because it is already nested in one.
What i do is i have IFRAME and im passing some xml data in QUERYSTRING. It doesnt work somehow, im using javascript escape method to substitute escape characters, but most of characters are being truncated (about 300-500 left).
Are there limits in querystring length? what else should i try?