HTML Form With Differing Actions Depending On Button Pressed?
Mar 15, 2010
I have a form, and i want two alternative submit links done as <a> links.Essentially, one will 'save changes' and remain on the same page, the other will 'save and preview' the final content.I've been playing for a while and can't seem to get it to workIf i just use one button and set the form action as normal all works fine.I'm told that i can set the form action within a javascript function and submit the form from there, but the problem is that clicking the link now just goes to the 'href' on the save button without submitting the form. (I believe the href is still required to make a working link).My code is as follows (ive simplified it to the essential components being used, theres also some php bits in the action being set) :
Code:
<script type="text/javascript">
function docSave()
I have a form with a series of fields. Only certain fields need to be validated when certain buttons are pressed. The reason for this is mainly because I had to build my own wizard style setup with jquery so, even though it's one big form, only certain bits need to be checked as they progress. I tried to tweak the accordion example given by the creators but it can't really apply to my scenario.
I've simplified the code down a bit and it is behaving exactly the same way as the big form...which is to say it's not behaving at all.
In this code, I want it to only validate field txt1 if button 1 is pressed and text2 if field 2 is pressed. One odd thing to note, when I set it up exactly as the site recommended with one big mass validation and such, it would only acknowledge the existence of the first field even though they both had class="required" on them.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head >
how do i make a html button stay down when pressed, until another button within a specified group of buttons is pressed, at which point it is released and the other button stays pressed?
Hope this is where I'm supposed to post, I'mlookingfor something for my site I'm trying to if a button is pressed a form comes up, I'm also trying to allow this to happen as many times as the user requires.
Eg button is pushed they input text and they hit add more code, they another text box comes up, then when they have done it they hit submit, it then goes through to the database
1. What is the benifit of having the above code with "window.onload" and "for loop" and loop through the forms if I only have ONE form in html?
2. What is this line of code "document.forms[i].onsubmit" saying? Does it mean "Execute function() when submit button within form[i] has been pressed?"
3. function() - Does this empty function mean "run every following function below"??
I'm trying to do is replicate the iPhone's keypad screen. So when someone clicks on the number 1 button, a 1 is appended to the input box above. I have it working in jQuery, but the tablet that is displaying the page is slow to react to each button press. I was hoping if I could have the same functionality without having to load jQuery it may speed things up a bit.
On click of submit button i want to send email and i am taking client to paypal page to do the payment.. e. i want to send FORM data to two different pages.
function submit_form(form) { document.form.action = 'xyz.com/order/email_order.php'; document.form.submit();
I basically have no idea what I'm doing. This is in a popup window, and what I want is for the submit button to populate an item to the shopping cart, close the popup window, and return to the parent url (in that order.) The problem I'm having is that I can either get items to show up in the cart, or get the popup to close and return to the url. Not both. Here's what I've got:
does anyone know how I can test, in javascript, which of several buttons was pressed when submitting a form? Currently, I use the onSubmit event handler to call a form validator function, and it is in that function which I would like to test which submit button was pressed. Anyone know?
This simple example shows where my problem is. It works fine when all mouse buttons are released, and also if a button is pressed outside the image. But if a button is pressed inside the picture it'll not call onmouseout when the mouse is brought outside the picture. The worst is it'll never call it, leaving the button stuck pressed forever until mouse is moved over it again.
I just noticed if I place the picture inside an A tag it does work fine then, but I don't need an A element here. Moreover, this fix appears to work only for IE6, IE4 still doesn't work properly. I'm asking if there's some other way to correct this. I'm also making this compatible with Netscape 4.5, and the presence of an A element changes the event.target.
The fact is I can't seem to disable the default drag'n drop of IE with pictures. Netscape 4.5 appears to work perfectly. By placing onmousemove="return false;" in BODY I aboid the cursor change in IE but nothing else.
I have an application where at the top I have a div id="title" for the title then in the middle div id="map" I have the google map then bottom I have buttons div id="mainOption". So what I want is that I want another few div at the right. By default one of the div I will fill up with a combo box and and submit button. The problem I want the div only to be shown when I pressed the button at the bottom div.
The below is part of the codes of my image matching programme. The programme loads 2 different series of images in the area and the up/down button is supposed to change each set of the series of images. Currently, the codes only allow one set of the images to be changed. what can be done so that both set get changes when the up/down key is pressed?
Codes:
public void keyReleased(KeyEvent e) { zoom = false; repaint(); }
Is it possible to call a javascript function when the forward or back browser buttons are pressed? I have a site that loads content into iframes using javscript functions, however this means that the back button doesn't track the history of the user through the site.
Now, user X clicks on Thing 6. He didn't want 6, but 7. So he clicks the evil back button. Now the list is truncated again and the user gets annoyed wishing that the list was expanded where he left off. What's the best way to let javascript remember to keep the list expanded after the back button is pressed? I have the same issue for table sorting. I use the Jquery tablesorter pluggin and the sorting is forgotten after the back button is pressed.
i have a website with content on specific pages i need some sort of JS soloution which will fetch an ID/Keyword out of the page content so when a button is clicked it finds the ID/keyword and directs the user to a specific form/page.
I'm working with a site which has a centered table which is fixed width at 961px.Now what I need to do is to display one image on the right of this, and one of the left, and make it so that the image trails out to a constant color.
The issue starts when this image (really it was originally one image with white space between the two borders) is displayed in the browser. Depending on browser, resolution, etc, the image became far too wide.
I have a number of pages that organize book data by category and then by unit, chapter, section, etc... Since there is a ton of data I display the headings and hide the rest of the content for the category. When a user clicks the heading then the content for the heading is shown underneath it. This works great and the users don't have to scroll (at least not much in comparison to if everything on the page was visible) unless for some reason they expand tons of stuff.
The problem:My company wants it so that if they expand a bunch of stuff and then browse to another page, that when they click the back button, everything should still be expanded as they left it. The issue is, this content is only available to logged in users and is based on their current location (which they can change at any point), so if their session expires or they logout, using the back button to get to these pages needs to redirect them to the login screen, if they change pages and change their location, going back to this page needs to display the correct content for their location. It is kind of a catch-22. Of course in the eyes of my company "shouldn't it just work that way?"