Any Way To Edit Table Data Without Refreshing Page?
Jun 10, 2009
I've been looking for a way to edit table data in a mysql db without having to refresh the page. I found DHTMLX GRID [URL] which is amazing, I just can't afford it right now. I have have lazy users who don't want to have to click submit to make a change.
Given some recent success on a simple form validation (mainly due to the kind folks in this forum), I've tried to tackle something a bit more difficult. I'm pulling data down from a database and populating a simple table. I'd like the table to contain 10 entries per page and have the option for the user to scroll through the pages of data without having to go back to refresh the page (I've already pulled all the info I need from the database). So, I've taken a stab at it and this is probably not the best way to do it (so if you have a better idea I'm open), but I think it will work. Right now I'm encountering an 'Object Expected' error and I don't know how to interpret what it's telling me. Code:
I am trying to set up a web based tool for my wife and I to use to balance our checkbook together. I am using HTML, Javascript (Ajax), PHP and MYSQL. I have read beginner books on all of these subjects, I can get data out of MYSQL, BUT can't do it the way I want to do it. If someone could point me to a book, or even the name of what I need to study it would be very helpful. The top line will always be input. But as you submit the top line it refreshes the "growing list" beneath it. (kind of like on-line banking, where you can look at 50 or so lines and then go back further if necessary) The catch is within the "growing list" I want to show Bank and book balance running totals and have three buttons next to each transaction ... EDIT DELETE SUBMIT. If edit is clicked, I want to be able to change that line and then resubmit it to MYSQL.
[Code]...
This way we can both input our transactions as we spend money and know at all times how much money is in the account. What do I need to study to be able to program this?
I have been using parentNode to delete rows from a table when clicking a button using:this.parentNode.parentNode.rowIndex Now, I have another case where I want to determine the row number to edit the row. This time, however, I've decided to use a link on the first column of the row. Because I wasn't using a button, I assumed that I could simply remove one of the parentNode's in the function call. But when I click the link I am getting a javascript error saying the parentNode.rowIndex is null or not an object. Listed below is the code I'm using.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head>
Does anyone know how to Dynamically add new rows to a table through plain javascript. I tried changing the InnerHTML with getelementbyid() already and that doesn't work.
I want to be able to click in at table row, then it'll make the whole row editable, each cell from that row will have a text field; it will allow me to edit an entire row at once.I installed jEditable and it's working. I can edit ONE cell at a time. I just don't know how to edit an entire row at once.
Below is my Coding done. A dynamic HTML table is generated text boxes in table Rows(Dissable mode) with EDIT & DELETE buttons. When user clicks on Edit button, particular row(Text Box) should be enable to edit the values generated.
But Unfortunately in my coding, always the fist row only gets enabled.
<script type="text/javascript"> function m(id){ document.getElementById('Record_id').disabled=false; document.getElementById('file_number').disabled=false; return false;
Suppose I got two rows like this picture [URL]. I'm trying to change the modified column value to current datetime without refreshing the page when i click the update button. The first row worked,the second doesn't work.
Here is my codes views/order_home <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.js"></script> <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.form.js"></script> <script type="text/javascript"> // wait for the DOM to be loaded $(document).ready(function() { $("#msg").hide(); $('#myform').ajaxForm(function() { var no_id=$('#no_id').val();
I have a page that has a scrolling ticker at the top and streaming video in the middle. I want the scrolling html marquee at the top to refresh every 30 seconds but I can't reload the entire page or the video will restart.
I know that javascript could do this but I have no idea where to start or how to do it.
has anyone done this and can paste me some code to use?
I would like to be able to generate a table from which I can easily edit the contents of a mySQL database (similar to phpMyAdmin.) In that table I would like to have a button that will open a pop-up, allowing me to edit - and maintain formatting such as apostrophes and line breaks - a long description field. That popup will then populate a hidden input field on its parent with the modified description.
I've got the pop-up opening and its fields are populated using php's GET function (see line 11). The special characters, particularly carriage returns, are messing me up; I can remove them using php's str_replace, but I want to retain them for formatting.
A page I'm working on lets users open a new window, which in turn lets them send data back to the parent page to create new table rows, cells, links, etc. One of the links created is "delete", so it should delete the row that the delete link belongs to when clicked on. I can do this no problem in ff using the setAttribute('onclick',onClickEvent), but can't do this in IE. I'll show some code to make this easier to understand....
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.
I have created a table that allows the user to edit specific cells by clicking on them. Their new entered values set the value on the table. They then should be able to submit a form which sets several hidden inputs equal to the values in the table then passing the information to a php page to process. However, the php page doesn't output anything when it is submitted. This is the form layout.
I have a form.On the form I have a drop down box that allows the user to select a data set to work with (A or B). The table loads just fine and all is right with the world. No problems there.What I need is for the user to be able to edit the data set and have those changes written directly back to the mySQL database. They also need the option of deleting a record entirely.I know how to do all the database queries, updates, etc. I just don't know how to write the ajax forms to accomplish this.
I am developing a web application in which I need to integrate a javascript/html editor on some of the web pages and then provide 'Edit' buttons on those web pages so that users can edit the content on that partciular html/jsp page (like editing in wiki pages) and then, when they add some content and click on submit button, the new content should appear on the web page with all the formatting (i.e. bold, italics, color and so on) which was applied by user when he was entering the text.
Now, I need help for the below issues:
1. Suggest me a good javascript/html editor (freely downloadable) which I can use to integrate with my web pages.
2. Once the user has entered some content using the above javascript editor, how to make that content reach the server and update the corresponding web page.
When a user clicks the "Close Panel Manager" link on page2.htm I would like page1.htm to be refreshed without losing the address in browser1/page1.htm. Page2.htm is a child popup from parent window page1.htm.
i just came from the CSS board, where i asked if it was possible to edit a pages css from the main page through a IFrame. I have posted all code there, take a look: [URL] Just wondering if its possible, and if it is possible, how?
My URL is: http://localhost/testproject/product.html#catId=155I want to URL: http://localhost/testproject/product.html without refreshing the page.Is this possible using javascript Or jquery ?
Im not sure if im going about this the right way but what I'm trying to achieve is to have my webpage seperated into two main div's.The first div contains a media player so it cant be refreshed or the media stops.The second div is used to view content.I've used innerHTML to change the content of the second div from links in the first.The problem is the URL displayed doesn't reflect the change in content of the second divI want to be able to load content into the second div using innerHTML while changing the URL so people can link directly to that content
My URL is: http://localhost/testproject/product.html#catId=155I want to URL: http://localhost/testproject/product.html without refreshing the page.Is this possible using javascript/jquery or not ?
here's a few lines of code I've got in a page that has a php database query in it and I want it to arrive at the anchor link I have called "bottom each time"
<script language="javascript">
function loadPage() { location.href = "http://www.mysite.com/help/chat/chat_window.php?theID=<?php echo $id; ?>"; }