HTML - Drop Down Focus
Greetings All -
I've been here before and plan on being around a lot more as I've bitten off a little bit more than I can chew with overhauling my school district's website. Thanks for all the help you offer! I've got the page at http://joomla.ridgway.k12.co.us looking pretty good but for some reason the sub level navigation for About Us and Secondary disappear before I can get to a link. I believe this is a focus problem, but in my efforts I can't fix it. Can someone point me in the direction where I could fix this? Thanks for your time. Similar Tutorialsi need to keep an iframe in focus at all times, AND i need this to work in IE 5.5+ and Firefox if other browsers are included with the same snipplet of code, i'm not going to object! i've tried the below script which keeps the iframe in focus when clicking on the base html page, but still goes out of focus when a viewer clicks on the flash object. <script> document.getElementById('myIframe').focus(); document.getElementById('flashcontent').blur(); </script> thoughts? chris<pixelmonkey> Hi All, In a javascript function I am getting the selected html content using document.selection.createRange().htmlText . I am manipulating this and putting it back into the page. When I did that, the focus on the selected text was removed. I guess it lost the initial text range. How can I retain the focus? I have some anchor tags in my user control ...now when i use tab key from key board and navigate to this anchor and press enter it opens a new window and after i am done with this new window (let's say i close it)and again press tab key the focus is moving out to another element in the control but not back to the same anchor. Instead of key board if i use mouse click and then press tab key the focus is coming back to the same anchor. How can i set the focus back on to the same anchor while i use key board tab. I am working on an HTML form that has 4 buttons: Not Me (to signify that the information returned at the top of the form is not correct), then there are additional fields and three more buttons at the bottom of the form: Clear, Cancel and Submit. Looks like Greg Norman 44 This Lane Someplace, NN 00000 [NOT ME] Comments [ ] Donation [ ] CC Number [ ] [CLEAR] [CANCEL] [SUBMIT] I want to place the cursor in the first field, which I can do with javascript (document.getElementById('1').focus()), but when I do the NOT ME button highlights as the button in focus. If any button has to retain focus, I want it to be the SUBMIT button, not the first button on the page. However, if I control the cursor and insert it into the first field, I can't seem to get control of the button independently. I have tried many things, including assigning ID, tab order, and even creating the buttons with javascript separately, but the browser seems to demand focus on that first button even when I remove the focus from the button before placing the cursor: window.document.focus document.getElementById('1').focus() Is there a separate commend by which I can control the focus of the buttons ? Is there a way to set focus on two items at the same time (i.e., the correct button and the entry field)? I am using CSS and feildsets to define a custom look for the forms, but I assume that really doesn't make a difference. ANY IDEAS? For some reason when I click on my simple input box, the input box does not accept focus. Has anyone seen this before? I have tried some javascript, but shouldn't need to! Here is a link to the webpage: www laudontech com / garmin Here is my code: <form name="form1" method="POST" action="test5.php5"> </br> <P ALIGN=CENTER> <INPUT TYPE = "TEXT" VALUE ="Enter a search term" NAME="SearchItem" ID="SearchItem" onfocus="clearDefault(this)" onclick="set_focus()" > <INPUT TYPE = "Submit" Name = "Submit1" VALUE = "Find"> Thanks in advance, Mapper I have a html table in my web page, and this table contains some input elements (like text box, btton etc) as cell data. I have implemeted a functionality to navigate through each cell by arrow keys. Now i want to set the focus to the cell data (button or textbox) with arrow key navigation. html table code snippet - <td id="testTd"><input id="testButton" type="button" value="test" onclick="alert('test clicked!!')"/></td> While navigating through keyboard i get the id of button but when i try to set focus, it does not seem to be working javascript code snippet - var td = tabMatrix[rmove][cmove].firstChild; alert(td.id); // here i get the id of button var button = document.getElementById(td.id); button.focus; any help or pointers would be of great help. Hi, I'm trying to make a text input in a form automatically focus when the page is loaded. I know i can't use onLoad directly in the input tag and, searching on the web, i found that i have to use onLoad on the body element - something like this: <body OnLoad="document.myform.mytextfield.focus();"> The problem is i have multiple text inputs sharing the same name (they are cells in a table) so i can't use the input's name. But i do know it's the last element with that name (the last row in the table). So, how can i focus it? I hope you can help me, everything i tried didn't work. Thank you. Ok, I have a button in the main site and when it is clicked a pop up window opens and the user can navigate and do whatever. Then they can go back to the main site and click another button which is supposed to then give focus to the pop up window again (just a different part). Here's the thing: It works just fine in Safari. Whenever a button is clicked the focus goes back to the popup window, yet every other browser seems to keep the popup window behind. Any idea of how to FORCE the popup window to have focus? Thanks. hi all, i included "http://www.mapsofindia.com/pincode/index.html" page in my web page & now want to focus on search zip code table but don't know how to focus on that table.can any 1 help. I am waiting. I have a site I'm working on, and I have a flash demo movie that users can view. However, in Internet Explorer (so I'm told) You have to click once to "focus" on the flash movie, then you have to click again on the actual play button. You can view the problem from IE6 he (not sure about IE7) Click on the "view online demo" button below the header, and the movie slides out. http://www.jhilgert.com/EM/ I would like IE to focus on the movie without clicking, so users only have to click once to "play" the movie. Any help is greatly appreciated, and feel free to talk to me like I'm a fifth grader, I really would like to understand this. Hi, I want to change the background color of my textbox on focus and change it back to white on onblur event. Issue: When i change the back ground color for text box on focus it properly changes it. But when i leave the focus from textbox border color for text box is impacted and its changed to white. Please help so that border color for textbox is not impacted only background color should change here is the sample code <code> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <p> <input name="text1" type="text" id="text1" value="textbox 1" onfocus="this.style.background ='#cad5df'" onblur="this.style.background='white'"> </p> <p> <input name="text2" type="text" id="text2" value="textbox 2" onFocus="this.style.background = 'yellow'" onBlur="this.style.background='white'"> </p> </body> </html> </code> I have a site that has 3 frames: top, menu and pgmframe. The frame "pgmframe" contains the "dynamic" content. A user signs on, and has options in the "menu" frame that allow them to navigate the site. What I would like to have happen is for the page to set focus on the "pgmframe" frame so that if the user decides to click the print button on their browser, it will ONLY print the contents of "pgmframe". I have already done some research and it seems that the only way to do this is with a print button. Is this true? If not, how can you set focus on a frame so that when the user clicks print on their browser, it prints only the pgmframe. I have two pages both have drop down. On the 1st page the user selects an option on the drop down, after the user choose an option it will go to the next page and I want the option showing on drop down on the 2nd page to be the option the user choose on the 1st page example: 1st page option:blue,orange,red so when I pick orange on the 2nd page the drop down will have initial value of orange I hope this is clear I am trying to make a form that submits info to Paypal. This is a drop box form that selects one of two things. Depending on the item selected, I want paypal to charge a different amount. Here is code that I thought should work, but apparently I don't know the ins and outs of drop boxes. Could I get some help? <select name="type of service" id="type of service"> <option selected>Select One... <option> I will format the Pix myself <input type="hidden" name="item_name_1" value="format myself"> <input type="hidden" name="amount_1" value="1.00"> </option> <option> You can format the pix for me <input type="hidden" name="item_name_2" value="you format"> <input type="hidden" name="amount_2" value="3.00"> </option> </select> Thanks! Hi guys, When you first launch Livestream's websites (http://www.livestream.com/), a drop down slides down from the top of the window which you can then close. Is this some sort of dynamic HTML? Does anyone know where I can find a tutorial on this?? A I want a drop down with about 10 items. The 10th being "other", if people select "other" a text box appears and people can then write in what "other" means. Any suggestions on the best code for this? Here is the code I have so far: HTML Code: <form id="form1" name="form1" method="post" action=""> <label>How did you hear about us? <select name="select"> <option selected="selected">Please Select</option> <option>Search Engine</option> <option>Friends & Family</option> <option>Word of Mouth</option> <option>Newsletter</option> <option>TV</option> <option>Newspaper</option> <option>Magazine</option> <option>Blog</option> <option>Other</option> </select> </label> </form> I am working on a contact form but I am having difficulty putting in a drop down menu to input text. Can someone give me a hand. http://coloradorestaurantlist.com/?a...aurants_Submit Thanks Jamie Id like to do a drop down menu similar to there's... is there any simple way of doing this?! I have a database setup however I have about 7 filters to give users easy access to. The filters i generate are in this format PHP Code: <form method='post' action='http://www.piggywig.co.uk/demo/property_list.php'> <input type='hidden' name='FilterAnd[]' value=''> <input type='hidden' name='FilterField[]' value='property_status'> <input type='hidden' name='FilterOperator[]' value='<=>'> <input type='hidden' name='FilterValue[]' value='Tenanted'> <input type='hidden' name='FilterAnd[]' value='or'> <input type='hidden' name='FilterField[]' value='property_status'> <input type='hidden' name='FilterOperator[]' value='<=>'> <input type='hidden' name='FilterValue[]' value='Available'> <input type='hidden' name='FilterAnd[]' value='or'> <input type='hidden' name='FilterField[]' value='property_status'> <input type='hidden' name='FilterOperator[]' value='<=>'> <input type='hidden' name='FilterValue[]' value='Notice Given'> <input type='hidden' name='FilterAnd[]' value='and'> <input type='hidden' name='FilterField[]' value='utils_pat_testing_expires'> <input type='hidden' name='FilterOperator[]' value='<='> <input type='hidden' name='FilterValue[]' value='08/03/2010'> </center><input type='submit' name='submit' value='Show Result'></center> </form> How would I get this and multiple other filters to show on my page just as a drop down , when selected a drop down it will run the filter. Thanks I'm trying to have links in a drop down menu on my site. but they keep getting hidden behind the images? http://www.jesdeis.com I'm using dreamweaver cs5. I've tried using the spry menus, and im currently just using css ul/li menus. I can't figure it out. Thanks in advance! |