I want the pages in my website to go only forward and disable going backward, I mean the user can not go back to the previews page in some pages and I've been told that i can do that using javascript but I don't know how or using what.
I've been getting some complaints from my users: when filling out forms, while on a select box, pressing the backspace key would actually mimick pressing the back button (like history.go(-1) ...)
Then I realized that if the user wasn't in a textbox or a textarea, pressing the backspace key would send them back one page. Now I've got a multi-page form in an iFrame and that's really screwing their inputs up as it loses all the information entered in that form (pressing back doesn't submit/post backwards... I wish it would!).
So anyway, here's the script I'm using on all my pages so that the user won't 'accidentally' go back a page. (In my opinion, with my users anyway, a user shouldn't need to hit the backspace unless they're in a textbox or a textarea).
//so backspace doesn't go back document.onkeydown = checkForBackspace; function checkForBackspace() { //we can backspace in a textbox if(window.event.srcElement.type.match("text")) { return true; }
This is IE only. srcElement is an IE thing.. I believe most other browsers use target. I don't know what else would be different, but anyway, that's what I'm using.
BTW: If you're wondering why anyone would press backspace in a selectbox, well I recently showed them that you can press the first letter of an item in the list to quickly jump to that item. Well, perhaps naturally, if they press the wrong key, instead of pressing the right key, they try to hit backspace first. Just if you were curious... I guess checkboxes and radios could be similar?
I'm looking for some help with drop-down lists.The lists below are populated by lists.js (a script that was kindly written by a friend).What I need to happen is that as soon as an option within one of the lists is selected, the other four become disabled.I'm afraid I've no clue where to start (and I think I have prevailed on my friend's patience for long enough!)
came across this forum while searching for an example of how to do something in Javascript, and found the post helpful, but didn't quite answer my query completely... It was a very old thread, few years old, though so I thought best not to revive it from the murky depths :)Basically, I very rarely use JavaScript... in fact, I rarely do any programming at all, but I'm trying to build a basic site at the moment, and I'm wanting to disable/enable a text box based on the value of a drop down menu...The idea behind it is that I have a sub title, and in the admin panel, I want to be able to set whether the sub title is picked randomly from a database, or whether it chooses one, and only one...So in the admin panel, I've got a page that has a drop down menu with two options. Static, and Random. Below this, I've got a text box called Static ID... In this text box, the administrator would insert the database row ID for the specific sub title they want...
Obviously this Static ID field only applies if you select a Static sub title, rather than a Random sub title...So what I want to happen is for the text box to be disabled if the drop down menu is selected as Random... and then enabled if the drop down is selected as Static...So I came across the following script on an old post as mentioned earlier:
<script type = "text/javascript"> function enableTextbox() { if (document.getElementById("dropdown").value == "New") {
var el = document.createElement("iframe"); el.setAttribute('id', 'ifrm'); document.body.appendChild(el); el.setAttribute('height', 250);
[Code].....
And am putting it between <script type="text/javascript"> and </script> tags in the <body> section of my site. But, it only works in certain areas of the page.
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?
So, what it does: You can successfully drag something anywhere, but when you click it again, it resets to its original position (I don't know why), and when you try to drag it again, as soon as your cursor touches the object it disappears (I don't know why). why it is happening and how to fix it!
// JavaScript Document var posX; var posY; var element;
[Code]....
the html is a simple (position is set to relative):
<p id="square" onmousedown="drag(event)">meep</p>
EDIT: This is the first time I've written javascript code and would like to learn the basics, which is why I am not using a library.
I'm currently redesigning my site, and I have a small quandary.[URL].. Unfortunately, not everyone has the same size monitor as me, therefore sometimes the drop-down menus get cut off. Is there a way with this script for it to auto-detect if it's going past the bottom edge, and when this happens it'll go upwards instead?
I am looking to put a drop down menu in my for i have the drop down set up but i am not sure how to do the make hidden text field pop up when "Other" is selected. I am guessing you use javascript to make this happen
HTML Code: <td><select name="actionrequest" onchange="Select(this,'budget',1);"> <option value="Calibration">Calibration</option> <option value="calibration and repair">Calibration and Repair</option> <option value="repair">Repair</option>
I am trying to create a drop down list which depend to the value selected from the previous drop down list. I can add it without problem, but If I change again the value of the first drop down list I would like to remove the previous drop down list generated from the first value. If I try to remove it when I create the element, it even does not create the element, the remove element function seems to work because when you click on the remove link it works.
I'm working on a slideshowish type thing using jqm & player, and I'm having trouble solving what seems like it should be a simple problem. I'm using virtual pages, and a javascript object as a script to build the pages programmatically -
[Code]...
If I'm correct that there is no way to get i+1 inside of an $each(collection, function (i, item){} through i + 1 (well, I know that doesn't work - if i is "T1" then i+1=T11), or i.next or something, is there an elegant way to get the next iterator? Something like i.parent.nextChild or something? Should this be in the getting started forum?
You know when you have a menu on a page, and have.. let's say.. a 100 other pages.
Say the menu is like this:
Now: you want to add a page to this menu. Instead of adding a page to every single menu, could you have (earlier) edited in this:
Or wouldn't this work?
I asked about how to do this in another place once, and got a reply about using 'PHP inputs', but I'm using tutorials for JavaScript now, and it seems like this would do it. Would it work?