Dynamically Add Textbox For User Entry And Saving Data Entered?
May 5, 2009
I have an ASP page that displays, along with other data, a list of items that refer to a specific element in a database. Instead of adding an Add button, I would like to display a text box below the last item in the list to have the user input any new data. Once they enter the data and hit Enter, the data they enter should then be added to the list and another text box added beneath this item (just as forms and tables in Access do). However, I'm not sure how to implement this functionality.
I have a website where people can create posts similar to FB(I hate that example but it's widely known) -- how do I strip HTML tagging out of the post before I put it in my db? (I'm using AJAX atm).The obvious crossed my mind with replacing "<" and/or ">" but I want those chars to be available when posting -- is there a way to do this or a way to print the data to my page as text even if it has those tags?
Im modifying some open source code and in this instance I would like to write some data to a file (possibly for the user to download). In this code the user can toggle the hidden exportData to be shown on the webpage. However, I would like to give the option of downloading/saving the data as a file (only the exportData which I believe is the document.getElementById("path")). I have tried various tricks found online, but have yet to produce the hoped for result.
I am trying to create a web page in which the contents of one selection list depends upon which element in another selection list is chosen, but where the information to populate the first selection list comves from an SQL database on the web server.
There are a couple of these situations in my application but, for example, the first list might be a list of counties, and the second list a list of states/provinces. Obviously the names of counties depend upon which state/province is chosen, but there are too many possibilities to be able to embed them within the web page itself. So when the user selects a state/province I need to go to the server to ask for the list of counties.
I have seen a number of posts that sort of address this issue. For example it is suggested to use <script src="a URL"/> to ask the server side code to send up data of type "text/javascript". However the examples do not seem to address how the server side code would know which state/province the user had selected.
If there is a web site that addresses this sort of thing, I would appreciate any pointers.
I want to create a recipe site with similar functionality to a feature on coolspotters. I've only dabbled in jQuery so I'm not sure how complicated it would be to do this. Basically what I want to do is allow a user to add recipes to dynamically created lists. For example if a user searches for Italian food they should be able to create a list called "Italian" and add italian recipes to the list. Or if they do a search for Japanese dishes they will be able to create a list called "Japanese" and add Japanese recipes to it, etc. I know their would be some back-end code involved but I was wondering if jQuery could handle the front-end. I've only dabbled in jQuery so this sounds like a complex thing to do.
I am writing a small data entry screen that will post the form data to a page and return a message. But i cannot get the Success or Error functions working properly.
Here's the code where strData is the posted querystring of:
I'm not sure whether it should be in a form and using the onsubmit or click of a button.
Does anyone know of a place to get a code that looks at what is typed in a textbox and displays a green checkmark or a red x next to the textbox if the value entered is invalid. Eg. if no @ is entered in the email field, a red x would be shown next to the email field. Eg. if a zip code contains letters, a red x would be shown next to the zip code field. Eg. if the email field contains a @ and a period, a green check would be shown next to the email field. Etc. The green check or red x would have to be shown either as the user is typing or after they go to the next field (Blur).
- the third text input in the form is requesting for the user's favorite color. I need it to validate the data to either be a defined color or a hexadecimal value and then turn the background into that color upon submission. However, it's not validating correctly... When a correct value is entered it works fine, it's the error message for an invalid entry that's not appearing.
- I need to save all of the user's input into a cookie which will automatically load their preferences the next time they visit the site(time of day message, first & last name and bg color).
I am trying to write a small javascript program where I can call the following two functions and store information which a user enters. The problem is if I call the function a second time to add more information the array gets overwritten.[code]...
I'm trying to create a form where the user enters data in a field and is redirected to a URL based on that entry - example: user enters 1234 and he is directed to mypage.com/1234/index.htm - if that folder does not exist it would give a 'try again' error.
I am facing a certain problem when I try to add a content to a page dynamically and then save the page. I add a content dynamically to the page on a mouse click and then after the content appears in the screen, I try to save the HTML file from the browser. When I open the saved HTML file, I am not able to see the dynamically added text. This happens only in IE.
This is the code that I use.
"document.body.insertAdjacentHTML("beforeEnd", "<div id='idCanvas'> Sample Text </div>");"
This code successfully adds the new text to the page. But, when I try to save the page from "File -> Save As" and then open the saved file, I am not able to view that text. I need to get that text in the saved document as well.
Question: I need a few good idea on the best way to save a webpage (even better a node of a webpage) in which a user has created new elements. (via javascript?)
Concept: User creates elements on a canvas (via Javascript) then has the option to save the layout of those elements. upon pushing save the Javascript packages the created and/or changed elements and sends then to the server to be processed by PHP and saved.
Hurdles: saved data must include style attibutes, text, child nodes and so on. The when other users view the page PHP will build the elements from the original user saved file.
What I have Done:I have managed to use Xmlserializer to output the "canvas" element in firefox and safri I have used .outputHTML in IE to complish the same thing.Of course there are a few differences when comparing the two strings, mainly having to do with commas.IE does not surround id's in commas and FF does. This has me thinking there has to be a better way more consistant way. on other ways to save dynamic elements using Javascript, and PHP.
I'm trying to populate a form with information from a database based on a textbox entry. However, when I begin to key in the textbox I receive "undefined" in each textbox throughout the form.
Take a look at my code for any errors? It also appears that my $_GET['jobid'] is not working properly.
I use the following to verify that a user has entered a number between 0 and 99 in a form:
It seems to work fine in all browser / machine combos except Firefox on a Mac, when entering 0 returns false (I don't know if entering other numbers also returns false.)
I'm about to embark on developing a class which, given a field name and server-side script, will "auto-complete" or "suggest" entries already entered in the database.
I have a JavaScript application that needs to preserve double quote marks and apostrophes (" and ') that are entered into form fields by the user. The form data is passed through several screens using hidden fields.
Right now, apostrophes work because I have the input fields coded as value="". I have not found a way for JavaScript to retrieve the field's value if double quotes are entered by the user. If I change the parameter to value='' (single quotes) then the apostrophes probably won't work.
Is there a straightforward way for JavaScript to retrieve the field value containing quotes, so that I can manipulate it into a different string that can be easily passed between HTML pages?
In a registration form middleName field is optional. When the users enters his/her middleName, then it should validate that field. I have used the following code to achieve the above scenario, but it is not working.
$("#middleName").rules("add", {checkName: true, required: false, messages: {checkName: "Please enter a valid middle name"} }); jQuery.validator.addMethod("checkName", function(value, element) { var regExp = new RegExp(/^[a-zA-Z0-9s|,|.|-|']+$/); return regExp.test(value); }, "Please enter a valid name." ); How to achieve the above scenario.
I need to make sure the zip code the user enters matches up with 1 of 50 acceptable zip codes - so if they enter nothing at all or enter a zip code that does not match up with one of the 50 acceptable zip codes they get an error. I know I need some kind of conditional statement like: if (#zipcode != "12345 || 23456 || 45678 || 12365") .. do something...