JQuery :: Add Additional Data To Forms Plugin Options Before Submitting?
Jun 17, 2011
Is it possible to add additional data to the forms plugin options before submitting an ajax form, this would be only setting the data option after setting the main submit options previously in an object?
I've a page that has 2 forms. If the user clicks the bottom form the validations appear and everything goes red but the Top form is a required field but it doesn't as it's a separate form. How can I validation form0 and form1 together to show to the user the required fields. When the user clicks form0 it goes over to a pagedLIst, the user returns and textfield gets populated with the product that as selected. So when they hit form1, that value gets passed through as a hiddenfield..
<form id="form0"> ...text box input to search for your product, returns to this page populated the found product <input class="button" id="FindProduct" type="submit" value="Find Product" name="action"/>
I wanted to define additional attribute to a tag to manage information. I realized that XHTML might not like it and discovered the data(name,value) function. I was wondering how I could retrieve all tags e.g. "div" that have that data variable set.
I google'd myself silly, I can't find tutorials for this. I hope someone could lend me a hand.
I'll try to make this simple. I have a PHP & MySQL driven site. I have a form for adding new content.
The form has a set of check box options that are pulled from MySQL.
At the bottom of the check boxes there is an "Add New" input field which I want to be used to add new check box options right above it.
database
So as I understand how this should work, when I click in the 'add new' text field, type something in, then press enter - the value of the add new field should be sent to a php script, addnew_backend.php. The form itself should not submit it's data. The PHP script will add the new value to the mysql table of options, and if successful, returns the newley generated checkbox which should fade in right above the add new text field into div#newoptions.
I have a simple form that works via a suggested results system [URL]
While in firefox the go button is greyed out and enter doesn't submit the form in IE pressing the enter key submits the form.
Is there any way with a bit of javascript to stop IE from doing a form submission on enter but only for this form (since there are many more on the site)
for example. Now this OPTGROUP would be perfect but it only works one level deep. Can anyone think of an alternative to this, perhaps using javascript which prevents the user from selecting the categories?
I'm somewhat new to jQuery and writing jQuery plugins, but I'm trying to find a way to be able to have seperate instances of a jQuery plugin with different options.So far, the tutorials I've come across can allow multiple instaces, but the options are not independent.This is the framework I've constructed:
i have a site that uses a lightbox based image viewer and the jeditable plugin. basically my site has a photo gallery and below each gallery i have the option to set a caption to the photo.
i have done the caption using jeditable and i've also tried using the ajaxForm plugin for jquery to see if jeditable caused the problem. but whichever method i use, approximately 20% of the time a photo caption is submitted, if you then click on the photo to view full size using lightbox (so far i've used fancyBox, prettyPhoto and Lightbox itself, and all break in the same way) it gets stuck at "loading", whereby the overlay appears, the inital empty box and animated gif appear, but then it just spins forever and never loads the image, as if it cant access the URL. weirder still, the FIRST time i do a page refresh to try and fix the problem, it doesnt work (something in the cache i expect), but if i do a second refresh or a shift + refresh, it resets and works again. it's very difficult to eliminate all variables because the problem is so sporadic, but it seems that the most likely way of breaking lightbox is to do the following:
On the plugin page it says: Simple Ajax (in ext) Passes selected value of parent select to url as 'val=', but accepts the full ajax options hash so you can append other data as well
What is the Full Ajax Options Hash?
I tried to use it as follows:
Copy code
All changes I try do not work ... But it seems to be possible so ...
Playing with the wonderful Cycle plugin. Rather than using container ID's and having specific options for each, I want to use the same settings for multiple containers of the same class. In other words, rather than:
I came across a problem with multiselect plugin(we have multiple options with checkboxes in drop down). If there are two absolute divs in different panels, when we open the multiselect, it hides behinds the second div. May be its because of the nature of z-index in IE.
the HTML spec says that disabled fields aren't submitted during post- back... but I want them to be submitted with ajaxSubmit using the Forms plugin. is this possible with an option now? or something I have to work around?
JQuery newbie question re using validation plugin with Django newform.I have a simple email feedback contact django form that I wanted toenhance with some JQuery validation. I created a standalone (NonDjango) version of the form and it works correctly.However when I create a Django version of the form the validationrules seems to be ignored and the form is always posted - I wouldexpect the form to fail, and never post. One difference (not sure ifit's siignificant) is that the Django forms are created from classes/templates and render as tables. However the exact same HTML code worksfor the basic form.I'm now thinking that there must be something different re how thesubmit is being processed for the Django form - but I'm stumped.
I see it working in the demos I found this documentation
You can avoid having to duplicate the plugin settings by modifying the defaults. Use $.validator.setDefaults({…}) to override multiple settings at once.
But I do not understand what I have to do to make this work
I'm trying to submit form data to mysql. The POST form action calls the .js file, which make a request to the http server, which connects to the database, executes a php script via URL and submits data to be entered. The php script executes inserting data into database, then redirects the page following execution of script. After, submitting the form, the page redirection in the php script works but no data is entered. Trying to figure out why. Here is my httpRequest.
Code:
function submitPrefs() { var URL = './PHP/submitPrefs.php'; var xmlhttp=false;
I open an popup to create something and after I press Submit button I want to close popup immediately. I saw many page do that but can not find their solution.
I am new to javascript. I was trying to passe text input to javascript. But code is not working.
Here is the code <script type="text/javascript"> function val(){ if(document.a.email.value=="" ||document.a.email.value==null ){ alert("sssss"); return false; } if(document.a.email.value!="" ||document.a.email.value!=null ){ alert("sssss"+document.a.email.value); return true; }} </script>
And here is the HTML code, <form action="a.php" method="POST" onsubmit="return val();"> <strong>E-Mail Address</strong> *</td><td><input name="email" type="text" value="" /> <input type="submit" value="submit" /> </form>
Any reason not to view the alert message.. and I want if the email is null to stop submitting the data to a.php.
Does anyone know how Netflix manages its star rating system? The javascript is either computer generated or obfusicated. It's more trouble to reverse engineer than it's worth. I'm not very interested in their particular solution for rating movies - I'm not in the business - but I'd like to know the data transfer mechanism behind it.
It looks like they found a solid way of moving data between client and server without getting the page redrawn. I found another script called votio.php on the net. It does something similar but requires PHP (why?) to create a XMLhttp stream. I'm not sure why it's server side. Maybe the server has to create the stream object then pass it's handle on to the client on the fly. Close?
I'm using IIS and msdn hints at some similar techniques.
The 10,000 mile view would still be helpful. What's this data transfer thing called? Why isn't it used more? Why hasn't it replaced forms and links? It seems incredibly useful and surprisingly stable (eg Netflix).
i am making a program in a JSP. i have used some java script code in this program.by this program i can find out the result for between years for any class.i have three combo box for class_name, from_year, to_year. for class_name, Its value is 1 to 12. when i select class 11 or 12, an combox appear for subject having values Arts,in database for class 1 to 10 having subject values is AllSubject. and for class 11 or 12 having subject values arts, commerce and science.my problem how i make the query which send for class 1 to 10 , assume subject values is all and for class 11 or 12 subject values arts, commerce and science with others combox values.combox box for subject remain hide when i select class 1 to 10. but if i select class 11 or 12 then value for subject is Arts, Commerce and Science. how i make query from database base on the subject.
I define a cycle in document.ready as per usual. In my cycle I have different sets of images that i want to cycle through and only want certain ones to cycle as selected using the slideExpr option.
Is there a way to change this option from:
SlideExpr: 'a'
To:
SlideExpr: 'b'
Another alternative i've considered is to make a cycle of cycles.
I have a page that runs a lot of calculations.The math is computed on the fly using java scriptwhen all the calcs are in, prior to form submission the user needs to evaluate which numbers they prefer, and from there, once they select them, the form, based on those choices, will perform one last calclets say we have 3 result fields
r1 = 2000 r2 = 3000 r3 = 4000
what i want to do is have a select field be able to display those values at the bottom of the page;for example
<select name="s1"> <option value=[field contents of r1 above]>[field contents of r1 above]</option> <option value=[field contents of r2 above]>[field contents of r2 above]</option>
I'm using the autofill forms plugin for firefox which can be found here: [URL]. I use it to automatically fill various web forms. But I would like certain values to be chosen randomly from a list I create. I contacted the developer and he said the add on probably does not need a new feature because there is a 'dynamic tags' function to fill certain forms with dynamic values (e.g. the current time or date). He has given over the project to another developer and told me I probably would find a solution in a good javascript programming forum.
Basically, I just need a javascript code which chooses on item from an array randomly, I guess? Here are sample dynamic tags from the plugin: <datetime> new Date().toLocaleString() <useragent> navigator.userAgent <langcode> navigator.language <resolution> screen.width+'x'+screen.height <clipboard> this.getClipboardText()
I am using MYSQL to store articles. I wanted to present the articles in order by id, then let the user choose one of them and send the id of the article to another php page for processing, using ajax. To do so i have placed a simple form in the articles. like so:
$result = mysql_query("SELECT * FROM articles ORDER BY id DESC") or die(mysql_error()); while($row = mysql_fetch_array($result)){