I have set up a page which when I click the button BlockUI does what is supposed to do as well as jquery Form plugin; however, the success and failure messages are displaying in the blockUI. What I would like is for the success and error messages to replace the form. The code I am using:
I have a feature similar to 'folding', where the user can hide parts of the page if they dont want to use these features.. some of this is done automatically, if a user chooses one type of template on the page, the settings for that one are displayed (and the other settings invisibleised).
Originally I did this with php, reloading the page with a variable to switch the sections on or off. This was proving to be a pain re speed and also cos there were a lot of form elements that needed to be saved each time it was reloaded.
So I decided to do this with javascript, using the following function:
function toggleDisplay(divId) { var div = document.getElementById(divId);
Problem is, I have lots of form stuff in the areas that will be hidden, and these are getting sent through on submit even though they are in a div thats set to display:none. I was hoping display:none would actually result in these not being sent.
anybody know of a nice clean way of preventing these hidden elements not being sent? (there are lots of em so it would have to be applied to the whole div that contains em)
I'm trying to display information submitted by a form using javascript. I have this code but it only works for the first question and it doesnt work on click (it works when you select the arial button). I want my users to be able to select a button from every question and then press submit and the infomation will display what they have selected if that makes sense?
First of all, I'm an absolute newb in jQuery. My problem: I have let's say 3 square div's. Beneath these div's are 3 hidden div's, but they are on the same place in the layout. If one of the top div's gets hovered the corresponding bottom div should display, while the rest should hide. And if you move your mouse out of one of those 3 top divs, while not hovering over another, the correspondingbottom div should not change but just stay visible. I searched a while on the internet, but have not yet found anything that fits my needs or for which I have the skills to adjust it.
I have a javascript/html/css issue that I'm trying to solve for about 3 days now, with no luck. I'm using javascript to toggle the visibility of a certain table. I set the table's display property to none (via js) in order to hide it and to block in order to show it. However, applying block in the display property of a table seems to be having trouble with firefox.
See below what display:block does to a table in firefox: This simple html code:
<table style="display:block" border="1" width="100%"> <tr><td width="100%">test</td></tr></table> produces this result in firefox:
Notice how the td has the size of the content and does not stretch to the size of the table (although it has a width="100%")? In IE it works fine btw.
If I change my js code to apply "table" to the display property of the table in order to show it, it doesn't show up at all in IE!
I have following HTML code: <br/> <div style="display:none">.....</div> <div style="display:none">.....</div> How can I modify display to block in style attribute with Javascript?
I am new to JQuery. I am using Block UI in my application.In submit button onclick event, i am performing client side validations ( required fied validators )in asp.net.On clicking submit button,whole page is blocked and at the same time validation message is also displayed and page remains blocked. While performing client side validations i don't want to block the page.
<div id ="messageDiv" style="display:block;">No profile information entered yet</div> <script type="text/javascript"> function profileInfo() { var m1 = document.getElementById("marital1").innerHTML.toLowerCase(); var b1 = document.getElementById("bodytype1").innerHTML.toLowerCase(); [Code]...
The first part up to before the 'else if' works. but if the 'w1' has [URL] it still doesnt return true and display the DIV block??
I have a listbox which has some items in it and a button. I select some items and click the button. They are displayed in a table. I want these items to be displayed in the table to be unique...i.e. if I reselect those same items they should not be displayed in the table and may be give some error message.
I've been given the task of building a carbon offset calculator: rolleyes:
What I need to do is have a webpage on a touchscreen kiosk that allows a visitor to the client enter their name/company/email address, plus select how they travelled to the premises and their departing post code.
When they submit the form, I need it to email the details to the client so they can produce a nice little certificate saying how many trees have been planted to offset the visitors journey - but I also need it to display the details on screen before resetting itself for the next Prius driving visitor to use.
I've got to the stage where I can EITHER capture all the details needed and email them OR capture all the details needed and calculate the distance travelled, KGs of CO2 expended and how many trees are needed and display them. I'm having difficulty getting it to do both!
Right I have google maps connected to a database which holds stockists and their information. The user enters their postcode and radius and markers are put on the map of stockists in the radius of their postcode. I have this all working fine and the database chucks the information into an xml file fine. The problem im having is displaying the information in the pop up window of the marker.
Example Xml:
The only information displayed in the sidebar entry is the name and distance and on the marker just the name.
I have a long list consisting of a name and associated number, like this:
SITE01 2111 SITE02 4567 SITE03 5555 and so on.
I would like to put two dropdown boxes where the user can select either the name or the number. Then based upon the users selection have both the name and number appear. I'm thinking of putting all the data in an array and using the dropdowns to query the array.
What I'm trying to do is display whatever is typed within an input field simultaneously inside of a <p> tag.
For Example:
If the name Mark is typed into the input field, i would want "Mark" displayed somewhere else on the page inside of a <p> tag and the letters are typed in the input field it displays each etter as its being typed.. is this possible?
I've been doing PHP for a couple months, but just came across jquery today. I'm making a wedding-registry-style wishlist site for the holidays, and one of my pages is a list of all the items on your wishlist for you to modify.
Here is my jquery script, which I had learned from a tutorial: <script type="text/javascript"> $(function() { $(".submit1").click(function() { var item_name = $("#item_name").val(); var item_notes = $("#item_notes").val(); var imgid = $("#imgid").val(); var price = $("#item_price").val(); ..... var dataString = 'item_name='+ item_name + '&imgid=' + imgid + '&price=' + price + '&item_notes=' + item_notes;
My forms are structured like so: // PHP WHILE STATEMENT // Retrieve data about item <form> <input type="hidden" name="imgid" id="imgid" value="<?=$imgid?>"> <input name="item_name" type="text" id="item_name" value="<?=$item_name?>" /> <input name="item_notes" type="text" id="item_notes" value="<?=$item_notes?>" /> <input name="item_price" type="text" id="item_price" value="<?=$price?>" /> <input type="image" class="submit1" src="images/edit_item.png" border="0" /> <span class="success" style="display:none">Item updated!</span> </form> // END WHILE STATEMENT
Now, the problem is obviously that when this HTML code gets repeated, all the forms have the same input IDs. I tried adding numbers to the form using php, so it would be something like "item_name1", "item_name2", "item_name3", etc depending on the form, but then I realized I don't know how to pass parameters into the jquery function.
Is there any way to do this? So that it's something like... $(function() { $(".submit1").click(function() { // Find parent form (which would have the ID "1", "2", "3", etc.) // var id = parent form ID // Get info from "item_name1" if form "1" was submitted // Get info from "item_name2" if form "2" was submitted // Etc. var item_name = $("#item_name"+id).val(); var item_notes = $("#item_notes"+id).val(); var imgid = $("#imgid"+id).val(); var price = $("#item_price"+id).val(); // declare datastring // ajax return false; }); });
I am using javascript to switch between a series of divs, on clicking a navigation tab the divs display property is set to 'block' and all other divs have their display property set to 'none'. That works fine, the problem I have is when I redirect to another page (e.g. a PHP script) on return to the index the divs have reset and only the default div is shown, rather than the div that was showing when the user left the page. The solution, as I see it, is two stages: Write a function to display the relevant div based on the variable passed to it, then work out how to pass this variable around various pages (post/get). I am very inexperienced with javascript and it drives me mad that the script literally does nothing rather than throwing up an error (as in PHP) but this is what I have so far in terms of a function:
I have a HTML form containing two text box controls in it and a submit button. When a user enters information in those two textboxes and click on submit, the information is sent to a function in Javascript. In the javascript, the information from those textboxes is stored in a javascript variable. The problem is as follows:When I am inputting string text in the html text boxes and in the javascript when I am trying to print those values, it is giving me out an error saying NaN. However when i input integer values in the text boxes it is printing those numbers. Is there a conversion that I have to do for the string to be printed. I am new to Javascript and need your help. This is a basic code of Javascript. Below is the code that I have.
<html> <script type = "text/javascript"> function square(form)
Attached is the code. It does open the email but does not send any information. <!-- Table 2 for the Content --> <form name="orders" onsubmit="return confirmSubmit()" onreset="return window.confirm('Are you sure you want to reset your Orders.'); " action="mailto:lynette@sayorkies.co.za" method="post" enctype="text/plain">
// Function to Confirm certain conditions and confirm to proceed with order function confirmSubmit() { var itemsOrdered = true; if (document.forms[2].totalExcl.value == 0 || document.forms[2]delivery.value == 0) { itemsOrdered = false; } if(itemsOrdered != true) { window.alert("You have not chosen any products to purchase or No Delivery Option selected."); return false; } var submitOrder = window.confirm("Are you sure you want to place the order?"); if(submitOrder == true) return true; return false; }
// Function to calculate order value function calculateValue(orders) { var orderValue = 0; .....
I have a form input field and a link right beside it... The input field is a text based field it will contain a name from a list of current names... the link is a search button which brings up a smaller window if the user does not know a name... this way they can search in the smaller window using a dropdown menu otherwise just type the name into the form... my windows and stuff pop up fine but i can't figure out how to make the value of the input field equal that of the selected information in the pop-up windows form field when it closes...
I have a form, and when a user inserts their username (desired) I want the text they enter into that field to automatically appear inside another field. However, this other field also already has a default value which is a folder structure, I want to leave the folder structure in place /publuc_html/ftp/ and add whatever has been added to the username field to the end of this so the folder will then read /publc_html/ftp/steve and if possible include a trailing slash. I have the form and input fields, just cant figure out how to add the above function to it.
Is it necessary to use cookies when you want to save information in a form textfield and be able to click back to that page and the information is still there before submitting it. Sometimes it seems to stay sometimes not?
I have a form that allows for dynamic field creation. Basically, you click the + button, and an addition row of fields (2 text fields) are created. The area that is dynamically created is wrapped by a <div id>, within which is, and this might be bad practice so please feel free to mock me , another few nested div id's. It looks something like this:
Code:
Each time you hit the +, it creates a new div id beneath the "Adds" id.
What I'd like to do is see the values of the id's "row_fqdn" and "row_ip". Is there a quick way to access the values of nested id's?
I found a workaround but it seems pretty messy and drawn out, something like this:
