I am trying to build a webpage quotation form that collects the relevant data then outputs the calculated quote details to a table for an assignment. I know how to build the form and the table so they can be filled filled but i am stuck big time trying to work out best way to output the data on to the table and hide the original form in the process.
View 17 Repliesi am trying to make a form that out puts the inputs to a table and makes the form disappear in the process. I am encountering too problems though
a) at the submitt bit it says object expected for "document.getElementById('tablename').value=
document.getElementById('name').value"
why what did i forget to do??
b) am i missing a section of code needed to not only output the data to table but make form disappear?this is the full code
Code:
<!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" xml:lang="en" lang="en">[code]......
FYI, I am using jQuery 1.2.3, and the latest version of the jQuery Form plugin from URL...I am able to run the ColdFusion page on the server side to get the data, and Firebug is showing that I'm getting a response...but I'm unable to populate the JSON data into selected form fields on the page.I have two HTML forms; one for the user to input his/her ID number if available, and a longer form to collect more demographic info.Why is it not working? My forehead is getting bloody from banging it against this wall.
View 1 Replies View RelatedCreate a webpage with a search bar, which leads to a page with two drop boxes. This search bar searches in the database (SQL) and shows a limit range of 10 results matching the input in the above dropbox, it can than be dragged down to the other box, as to select it. This I've been able to do, with a javascript I found on the internet and slightly modified in order to make the dropboxes. Now however I cannot workout the final step, I need to get the data (meaning the entry ID's of the selected database items) in a string or so in orde to process them to a new SQL query.
[Code]....
After some research I have found that I need some javescript help to process a users click from a html drop down select list.I am trying to create an admin area for a website in php and using mysql database.In my admin home page, I have an option to choose a title on a page, from a dropdown select list. Which when clicked/ chosen, should redirect to the edit_page.php.When the admin have clicked a value from the select box, how do I redirect to the edit_page.php,To prepopulate the edit_page.php form fields, do i need to include more than the: ID and LINKLABEL in the select box.
View 3 Replies View RelatedI've been having great difficulty with this simple script. From every thing I've read this should work.
$(document).ready(function(){
$(".add_to_profile").css("background-color", "yellow");
$('a.bookmark').click(function (){
var addedbookmark = function (data) {
[Code]....
I'm taking a class in web technologies, and we're working with some basic Java.
The assignment is to have numbers 1-10 and their squares fill into a table... Then to have them sum at the end.
My problems are:
How do I change the orientation on the table output to go up and down instead of left to right?
Do I have to write another for or while loop to get the sum's for these numbers, or can I do it from within what I've already written?
view source:
I have a table which contains multiple rows. The table has an unknown number of columns.
One of the TD's in the row has an 'A' tag containing the HREF property " /_layouts/DocIdRedir.aspx? somenumber" Let's call this TDSource and ASource
A sibling TD in the same row which has a class of ms-vb-title contains2 links- the'A' tagI want to update the HREF property of is in a DIV with a class of ms-vb itx . Lets call this TDTarget and ATarget.
The highlighted components are unique per row. I need to get the HREF value from ASource in each row and update the HREF value for ATarget in the same row.
It's my first day on jQuery - I understand that I can use children() to getthe TR containing the relevant TD's, and I can see how to use :contains() to identify the specific source HREF property, but I can't understand how to link these bits of information together to do what I want.
I have a lot of tables and to get it to post some of the data into a form.
So say i have a location and a start date and end date, and when i select a radio and click submit the location and dates get put into the corresponding field in the form.
However i have a lot of tables and a lot of different options but want it to go to only one form. this form can be on a seperate page, but was wondering if its possible to get the form to appear on the same page, underneath the table.
Currently I have this web database app that I wrote in which I have a page with 3 tables. When I want to enter data into the table I currently select the table name from a drop down list and then have a javascript window open containing a form. The form is processed using php and oracle. The parent window which is the page containing the 3 tables then gets reloaded and, behold you can see a row contaiing the data underneath the choosen table. Have a picture in your mind of my setup?
Ok, what I would like is to try and eliminate the popup window. On each of the table headers I would like to have a button that when clicked, adds a row of input cells, say 6 for example . They should be able to have as many rows as they want. I would also like to add a submit button and a remove row button. And that is it.
From there I can handle the input of the multiple rows with php arrays and array splice to get the indexing I want. That is no problem. I have just never done anything dynamic and have very little javascript experience.
I have a big form which I'm tidying up by only showing elements when they become relevant, based on the currently selected input (eg to only show an option for 'waist size' when garment type 'jeans' has been selected). I've done this many times, and probably used a different approach each time, so I just wanted to see what other people do. It's currently along these lines: "If a particular option is selected, then show this element, otherwise hide it".
Code:
//the onclick handler
function checkViewType() {
//go through radio inputs in the cell and check what's clicked
document.getElementById('supplierOptions').style.display=radioCollection.supp.checked?"":"none";
document.getElementById('subCatOptions').style.display=radioCollection.subcat.checked?"":"none";
document.getElementById('subCatTimeOptions').style.display=radioCollection.subcat_sumtype_time.checked?"":"none";
document.getElementById('subCatSumOptions').style.display=radioCollection.subcat_sumtype_sum.checked?"":"none";
document.getElementById('subcat_weekmonth_span').innerHTML=radioCollection.subcat_time_week.checked?"week":"month";
}
But it's a big form, with lots of nested options, and some elements can be triggered visible by several different options. So I'm looking for an elegant way to handle this without a million if..elses. Perhaps an array of element ids and which elements are allowed visible when that's selected.
I have a form which goes to my insert page which inserts the data into the table. Except I didn't want to do a redirect to another page so I thought I would do an Ajax call. Both pages work until I change it to an ajax call.
I am pretty certain that it is because I took out the <form action="insert.php"> because otherwise the page would redirect but if that is the case I don't know my way around it and if it isn't the problem I'm not sure what is.
But here is my code:
Form:
Im working on a backend panel where i populate a simple table with a few text boxes in there so they can update some values. I also have at the end of every row in the table an Edit, Delete & Save button. When i hit the save button i would like to update that entry in the database.
My Problem is that i need a value from the table before hitting a submit button, and the element names are dynamically created meaning ill likely need a variable sent from php to javascript and once i have the value in javascript ill need to send it back over to the php to manipulate and send to the server.
From wat i can gather using 'document.form.element.value' is the best way to go, hence why i posted this in javascript when most of my code is php.
I am using the following code to create a form validation process. Code:
View 3 Replies View RelatedI was wanting to know what you all thought the best technique is to process email addresses entered in my form. Should I do it in JavaScript, or should I have my web server do it -- however that works. It's just a simple 1-field collection.
View 4 Replies View RelatedI have a successful php-based login screen for users. There are two radio buttons the user can select.
1) Login into Account Page (on my server).
2) Login into Affiliated Page (not on my server -- another website).
Now by default the radio button for the Account Page is selected. My question is, if the user selects the second radio button, how do I tell the form to now process the username/password for the affiliated site?
Currently, the action attribute in the form tag is set to "process.php" when the first radio button, Account Page, is selected. No big deal there.
But when they click the second radio button, I need the action attribute to process on the affiliated website by sending the username and password to this page: "http://www.affiliatepage.com/process.aspx"
So the issue is how does the login page know which form action to take?
Do I need to create two forms? If so, should the form for the Affiliate Page login be hidden? Code:
I need to automate a repeated process that fills out a form and submits it automatically.
View 3 Replies View RelatedNot sure if this is the correct forum as it covers data retrieved from mysql in a .js file...
I need to grab the last 5 rows from my database (2 fields per row) and list all 5 in a table but from within a .js file that I can externally link to.
I can manage the php / mysql and the output to a .php page but how can this be contained within a .js file?
I believe it is possible but after 2 days of searching on google I'm appealing for assistance.
I realise this could be done with a php include or iframe but that isn't an option and the only way available to import this data is via an external javascript script.
I'm new using JQuery UI and for some reason everything seems zoomed. The calendar appear big, the accordian widget appears big, everything is big. But the original form control don't appear with zoom and the browser has no zoom either.[code]
View 7 Replies View RelatedI am trying to achieve something that I have seen on many forms throughout the web; I am currently learning JavaScript so please bare with my beginner status. So I have a form and on every input button, I want the value to disappear when clicking on it; and if no text is entered, the original value is returned..
So far I have this inside every input button and i'm beginning to struggle with 'the next step': onfocus="if(this.value=='Email')this.value=''"
Is there a simpler way to achieve this with multiple buttons rather than copying this into every button?
I found this post: [URL] It explains exactly what I want to do. The person who had the problem seemed to have sorted it out but as my knowledge is not to great I am not to sure what he is getting at. I tried various things but to no avail. All I want to do is return data to a calling javascript using type get and datatype jsonp. If I simply Response.Write "[(""id"": ""123""}]" then nothing happens. So whatever the thread I revered to above is doing it seems to be going in the right direction.
View 6 Replies View RelatedI'm currently using some code that takes the latitude and longitude from a Google map and outputs it in a table when the user drags a marker on the map. I previously had it working that the outputted latitude and longitude appeared in an input box but I can no longer get this to work again.
I have posted the Javascript code below.
<script type="text/javascript">
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
var center = new GLatLng(55.54555, -3.39634 );
map.setCenter(center, 15);
geocoder = new GClientGeocoder(); .....
This is the table I output the latitude and longitude to
<table class="latlontable" style="float:left">
<tr><td width="100"><b>Latitude</b></td>
<td id="lat" name="lat"></td></tr>
<tr><td width="100"><b>Longitude</b></td>
<td id="lng" name="lng"></td>
</tr></table>
I'm using jQuery form plugin, but i want when when user clicks on a button to submit the form using the traditional submit, how can i reset the form to traditional one ?
View 1 Replies View RelatedI have a JSON structure in API.When I call the API in my code it returns as the same JSON .I have to print this JSON result as table with pagination in Javascript. The table should be dynamic with previous and next buttons and the table should populate the results according to the JSON and each page should have 20 entries and then the remaining entries should go on the next page and I should be able to go back and forth in the table using previous and next respectively.tell me the exact code of how to start with getting JSON from the API and then write the JSON data in the form of dynamic table with pagination.
View 1 Replies View RelatedI have encoded same javascript file with "Microsoft script encode" and accidentally deleted the original file.There is a way to convert the encoded file into the original version.. The form of the encoded file is : <script type="text/jscript.encode">#@~^.....
View 5 Replies View RelatedI'm currently creating a simple shoutbox system. The whole shoutbox is in one DIV (shout_box). The DIV shows the 8 latest posts and below that you can enter a new shout / post. I used some script to submit the new post to a PHP page which fetches the data using Post. Then the script displays the message that the post has been added. This works great! However after 5 seconds I want the original DIV contents to reload (the 8 latest posts and the form to add posts. is that possible to do? I think it is, but don't really now where to begin.
I currently got the code below:
var dataString = 'message='+message;
//alert (dataString);return false;
$.ajax({
[Code].....