Dynamic Forms And Updating On Reload, Inserting Functions, Jumping Text?
Jan 12, 2010
I'm trying to create a dynamic form, and for the most part it's working out fine.I'm using javascript with onclick and onchange on checkboxes and select boxes to change the form as the user makes selections.However, there's a few issues I'm running into that are giving me problems.
One is that when the user reloads the page, all of the javascript inserted or removed form elements are reset, but the choices on the checkboxes and select boxes aren't, which looks very strange to the user. How can I avoid this? I'm currently including scripts tags in the body of the html, but this is pretty messy and hard to manage. Is there a better way? Second is that I'd like to be able to insert javascript function declarations into text that is dynamically inserted by javascript.However, when I do so, the browser does not recognize the functions. The reason I'd like to do so is that I am using Ruby on Rails, and would like to be able to keep the scripts in the partials to which they relate. I have to use inline javascript, because the scripts are having element ids inserted based on Ruby variables. Is this a lost cause, or is there a technique that enables dynamically inserted javascript to be loaded?
Lastly, my dynamic form's javascript shows or hides portions based on what it encounters while loading. The main reason is that I want to show the whole form for users without javascript, and then hide advanced or obscure details unless they are activated with a checkbox on the form for users with javascript. However, this is creating a jarring pop-in effect, where on first load, the pre-javascript formatted page is shown for a split second, and then the javascript kicks in and fixes everything and the page visibly jumps and changes. Is there a way to avoid this to create a more polished effect?
In the following program, you can create an HTML template then add/modify common elements and display the results. I can place tags around highlighted areas and insert/append functions where the cursor is positioned.Works OK so far. Some of the JS could be put into external files, but I put inline for ease of viewing.The problem is when the text exceeds the <textarea> boundaries and I try to tag or insert at cursor,the display reverts to the first line of the <textarea> display. I would like to keep the displayed area within the boundaries and just push down the inserted text. Is there a simple way to accomplish this task or do I just have to put-up with the bouncy display whenever I insert code into the textarea longer than display?
I'm using JavaScript (through a ColdFusion component) to submit data to a database for either INSERT or UPDATE.How can I tell JavaScript that a particular value going into the database needs to be NULL?
Where the inputs sum1 and sum2 are text fields you put whatever numbers you want in. That works fine. Great. Now what I'm having trouble with is modifying the code so that it will add one form with an input number with a form that spits out a randomly generated number.
This is what I'm using for my random number generator. So basically I want to be able to put, say, 5, into the input text field above this. And then click on the d20 button to get a random number, say, 15, and then have the first code add the inputted 5 with the randomly generated 15.
I am loading a page dynamically using .load with jquery and then i have another button on that page that allows you to go back to the previous page using livequery click function. However, when I go back to the original page, none of the page functions defined previously are working anymore! Is there a way to force the browser to reinitialize the script? How does one get around this problem with jquery?
I've created a selection box (drop down box) with several options for the user to click. What I want is if the user clicks a certain box, then a specific javascript function will run. BTW, I am using Google Maps API here. Code:
how to do ajax pagination.The problem is that my situation is different that his and I cant get MYSQL code to work with this script.URL..On the second page he explains how to pull your data to paginate from a database.well I cant get mine to work.[code]Any ideas on where to put that code into that pagination script correctly?
I have been having trouble with forms and functions. On my wife's site I have some forms and some of them have radio buttons. My current radio button checker is cumbersome and it is time for something more elegant (some of you will say if it isn't broke don't fix it )
The new code is below:
Code:
Basically I want to pass into the function radio button values 1 & 2 denoted by firstChoice and secondChoice (eventually I want to also pass in the form name but 1 step at a time).
The buttons can have the value (names?) of pattern, chalkboard or kit. It is for a shopping cart (Mal's E-commerce) and this is part of the JS validation. I am using onsubmit to call the function viz.
HTML Code:
Seems ok (to me at least) but when I try to get it to work it throws up an error of
Code:
It stops at that point but undoubtably chalkboard would throw up the same error if it continued.
How would I define the variables in my function? Are they strings, integers, who cares? Where would I define them? Global or local?
Is the problem a matter of syntax e.g. if I put ' ' or " " around them would that suffice?
i'm trying to insert a dynamic js file which contains multiple functions in it (for the example : function x, function y)and it seems that my google chrome doesn't really like it so muchis there anyway you know i can bypass it and make it work and both web browserscode examples:
// this is where the js file supposed to go <script id="ScriptFile"> </script>
I'm trying to insert a dynamic js file which contains multiple functions in it (for the example : function x, function y) and it seems that my google chrome doesn't really like it so much. Is there anyway you know I can bypass it and make it work and both web browsers.
Code examples: // this is where the js file supposed to go <script id="ScriptFile"> </script> //1.js contains function x and function y document.getElementById('ScriptFile').src = "/Mysite/js/1.js"
Later on I need to preform some actions with function x & y. Couple more issues I need to explain first there are number of js files (1,2,3 .... n ). Which all contain the same functions but with same data so i cant register them hard-coded. If I type the function x into the "ScriptFile" block, it does work.. its not the function problem. Same goes if i include it as source in the "ScriptFile" block (<script id="ScriptFile" src="/Mysite/js/1.js") this only gives me an error while using chrome, works perfectly fine under explorer the error says it cant find function x.
I posted a thread a few days ago concerning a bit of javascript code to make checking one checkbox clear another one. I got some great, prompt help. However, I just got back to working on that web page, and realized that the functions only work on the first form on my web page. I have many forms and they are actively named using php.
Here's are the functions (these works for just the first form on the page):
<script type="text/javascript"> function undo_Changes() { if (document.getElementById("Complete").checked==true) { document.getElementById("Needs_Change").checked=false;
i'm using URL... to load and preview music on my page.It all works really well, when you write pure static html code with just [code]And it will automaticly transform that url into a working custom-player. Done with the soundcloud api.But when i use $.getJSON and dynamicly get down a list of urls that i try to insert with:[code]*side-note(it's the same result with $('#addbtn').click, just wanted to try live as i hoped it would update the elements upon being added. But did not work out.)The url gets inserted into sc-player class div, but the rest never gets transformed into the custom-player with the sc-player.js script.It just remains an ordinary a href. It is as if the sc-player.js never is being "loaded" which i can understand why it won't. Question is how do i get it to successfully transform my urls that are being dynamicly added with javascript into the custom-player instead of just the url to the song?
I have a database that shows about 5 to 10 recorrds on a page that contain forms for the user to fill out. The number of rows is unknown and depends on the user query.On the page there can be 2 or 10 records displayed ..each containing a form that needs to be validated.How can i use that. The IDs of the elements would have to be generated dynamicly i suppose. Anyone of you got an idea how to do that ?
I'm trying to pass multiple dynamic values between a slaveform and a masterform. The problem I'm having is on the slaveform I loop through multiple records and want two values depending on the row they select....
I am trying to figure out how to dynamically show/hide certain form elements based on the selection from the drop down list.My form is defined like so[code]...
I have a textarea, where people will be posting multiple images links. I need to be able to add [img] & [/img] to the start and end of each line respectively.I also need to stop each textarea from posting information if it is empty, which I can't seem to do either.
PHP Code:
<script language="javascript" type="text/javascript"> function addtext() { var newtext = "[b][u]" + document.gen.title.value + "[/u][/b]" + "
I am trying to insert numbers from a form into two different URLs, and then launch both with a single click.My problem is getting the numbers to insert correctly.Below is what I have attempted.
I have a table with a two cell. One cell has a text field, the other is empty. I want to place an image in the second field depending on the value in the text field. Not sure how to do this. Do I assign the image to the fields id?
how do i create a link or button such that when i click on it, it inserts a certain string in the text area on the page currently active at the current cursor point??
I'm using NicEdit WYSIWYG editor, perhaps if i can insert an extra button in the NicEdit tools itself.
I'm not very familiar with Javascript, only PHP and ASP. I want to be able to have a user click an image and have text be inserted into the textbox where the cursor is at.
I'm having a problem. What I'm basically trying to accomplish is a quote function on a forum. When I click the quote button, I want the text for that specific forum post to end up in the textarea field.
<textarea cols='1' rows='1' title='Reply to this post' id='entryField' name='entryField' style="width: 100%;" class='expand20-200'>
I am very green in Javascript but I am working on it, I was wondering if this is even possible:
I have a bit of information as just text on a page, what I would like to do is to have the text change according to which form button they select. The trick is that the text information is not in a form, its just in a table.
example:
Here would be blah blah blah
()<-bad impression of a button
once I select that button, the information above it would change to something different.
