How do I populate a form from database and update database on one page

5 New Member

Without going into great detail (which I can do if it turns out more info is needed), I would like to:

All on one page, using ajax:
1. In a text field, have the user enter a plant name to insert into a database
2. Have a form pop up with attributes for the plant (name, scientific name, related species)
3. Have the user fill this field out and submit it to a mysql database table.

So far I have part 1 and 2 working. However, I cannot figure out how to continue to part 3 without submitting the data and loading to the next page for confirmation of insertion.

Please look and see what I've accomplished so far at this link

I can provide further information and source if it is needed. Thanks

Esscher

Feb 22 '08 #1

Subscribe Reply

1544

esscher

New Member

It might be helpful for you to run the code yourself, so i'll include my sources

demo_add_plant.php

Expand|Select|Wrap|Line Numbers

 <!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">

<head>

<script src="showplantprofileform.js"></script>
 
<script language="javascript">

 var url = "add_plant_profile_record.php?id="; 
 
       function handleHttpResponse() {   

        if (http.readyState == 4) {

              if(http.status==200) {

                  var results=http.responseText;

              document.getElementById('PlantInfoDiv').innerHTML = results;

              }

              }

        }
 
        function showPlantProfileForm() {     

            var sId = document.getElementById("Plant2Check").value;

            http.open("GET", url + escape(sId), true);

            http.onreadystatechange = handleHttpResponse;

            http.send(null);

        }

function getHTTPObject() {

  var xmlhttp;
 
  if(window.XMLHttpRequest){

    xmlhttp = new XMLHttpRequest();
 
  }

  else if (window.ActiveXObject){

    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

    if (!xmlhttp){

        xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");

    }
 
}

  return xmlhttp;
 
}

var http = getHTTPObject();

</script>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Phytobase Home</title>

</head>

<body bgcolor="white">
 
<form>

Add Plant Profile (type anything):<input id="Plant2Check" type="text" name="inputplant" value="">

<p><input type="button" value="Click 4 Plant Profile Form" onClick="showPlantProfileForm()" />
 
</form>

<div id="PlantInfoDiv"><b>Plant info will be listed here.</b></div>
 
</body>

</html>

add_plant_profile_record.php

Expand|Select|Wrap|Line Numbers

 
<?php 
 
include ("privatedbconfig.php");

include ("dbconnection.php");
 
echo "You've requested to add " .$_GET['id'] .".<br>";
 
$result=mysql_query("select * from plants where common_name='$inputplant'");

$numrows=mysql_num_rows($result);

if ($numrows > 0) 

 {

 echo "Plant is already in database.  Cannot Insert";

 ?><a href="http://66.87.141.7/phytobase/p2/home.html">Click to Return Home</a><?php

 }

else

 {

?>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>
 
<body>

<form id="add_plant_profile_record" name="add_plant_profile_record">
 
<table border="1" cellpadding="3" cellspacing="0">

<tr>

<td align="center" bgcolor="#FFCC00"><strong>Property</strong></td>

<td align="center" bgcolor="#FFCC00"><strong>What to Insert</strong></td>

<?php

?>
 
</tr>

<tr>

<td bgcolor="#FFFFCC"><?php echo "Common Name";  ?></td>

<td bgcolor="#FFFFCC"><input name="common_name" type="text" value="<?php echo $_GET['id'] ?>"</td>

</tr>

<tr>

<td bgcolor="#FFFFCC"><?php echo "Additional Names";  ?></td>

<td bgcolor="#ffffcc"><textarea  name="additional_names" value=""></textarea></td>

</tr>

<tr>

<td bgcolor="#FFFFCC"><?php echo "Genus";  ?></td>

<td bgcolor="#ffffcc"><input id="genus" name="genus" type="text" value="" /></td>

</tr>

<tr>

<td bgcolor="#FFFFCC"><?php echo "Species";  ?></td>

<td bgcolor="#ffffcc"><input name="species" type="text" value="" /></td>

</tr>

<tr>

<td bgcolor="#FFFFCC"><?php echo "Part Used";  ?></td>

<td bgcolor="#ffffcc"><input name="part_used" type="text" value=""/></td>

</tr>

<tr>

<td bgcolor="#FFFFCC"><?php echo "Warnings";  ?></td>

<td bgcolor="#ffffcc"><textarea id="main" name="warnings" value=""></textarea></td>

</tr>

<tr>

<td bgcolor="#FFFFCC"><?php echo "Picture";  ?></td>

<td bgcolor="#ffffcc"><textarea name="picture" value=""></textarea></td>

</tr>

<tr>

<td bgcolor="#FFFFCC"><?php echo "Effects";  ?></td>

<td bgcolor="#ffffcc"><textarea id="main" name="fx"></textarea></td>

</tr>

<tr>

<td bgcolor="#FFFFCC"><?php echo "Law";  ?></td>

<td bgcolor="#ffffcc"><input name="law" type="text" value=""/></td>

</tr>

<tr>

<td bgcolor="#FFFFCC"><?php echo "Native Land";  ?></td>

<td bgcolor="#ffffcc"><input name="native_land" type="text" value=""/></td>

</tr>

<tr>

<td bgcolor="#FFFFCC"><?php echo "Social Group";  ?></td>

<td bgcolor="#ffffcc"><input name="social_group" type="text" value=""/></td>

</tr>

<tr>

<td bgcolor="#FFFFCC"><?php echo "Additional Notes";  ?></td>

<td bgcolor="#ffffcc"><textarea name="notes" value=""></textarea></td>

</tr>

<tr>

<td bgcolor="#FFFFCC"><?php echo "References";  ?></td>

<td bgcolor="#ffffcc"><textarea name="ref"  value=""></textarea></td>

</tr>

</table>

<input type="button" name="submit_plant_profile" onClick="submit_plant_profile_data()" value="Add Info to DB" />

</form><p>

<div id="putItHere">This should change when the data has been inserted</div>

<br>
 
</body>

</html>
 
</body>

</html>

<?php

}

?>

plants mysql table

Expand|Select|Wrap|Line Numbers

 
--

-- Table structure for table `plants`

--
 
CREATE TABLE `plants` (

  `id` smallint(6) NOT NULL auto_increment,

  `common_name` varchar(255) NOT NULL default '',

  `additional_names` varchar(2000) default NULL,

  `genus` varchar(255) default NULL,

  `species` varchar(255) default NULL,

  `warnings` varchar(2000) default NULL,

  `picture` varchar(255) default NULL,

  `fx` varchar(2000) default NULL,

  `law` varchar(1000) default NULL,

  `native_land` varchar(255) default NULL,

  `social_group` varchar(2000) default NULL,

  `notes` varchar(10000) default NULL,

  `ref` varchar(1000) default NULL,

  PRIMARY KEY  (`id`,`common_name`)

) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=16 ;
 
--

-- Dumping data for table `plants`

--
 
INSERT INTO `plants` (`id`, `common_name`, `additional_names`, `genus`, `species`, `warnings`, `picture`, `fx`, `law`, `native_land`, `social_group`, `notes`, `ref`) VALUES

(1, 'kava kava', 'none', 'piper', '', '', '', 'sedative', '', '', '', '', '')

Thanks for checking this out and helping

esscher

Feb 23 '08 #2

acoder

16,027

Recognized Expert Moderator MVP

See an AJAX POST example. Post the values entered to a script which inserts the values into the MySQL database.

Feb 25 '08 #3

Similar topics

2358

help me with " sign in display of data in asp form

by: cooldv | last post by:

i know how to replace the sign " when SUBMITTING a form in asp by this code: message = Replace(usermessage, "'", "''"). My problem is DISPLAYING data in an asp FORM, from an an access database,...

ASP / Active Server Pages

2702

using php to populate a <ul

by: Japhy | last post by:

Hello, I'm am pulling data from a mysql db and want to use the data to populate a <ul. Here are relavent parts of my code : $wohdate = mysql_result($wohRS,$wohndx,woh_date); $woh_display...

PHP

3824

Best way to populate a form with a DataList link?

by: Mal P | last post by:

Hi there, I'm a J2EE fellow who (as usual) has been thrown in the deep end and have to learn a fair chunk of the .NET platform (VS, ADO, WebForms, C# etc) in roughly two days. I'm doing ok so...

C# / C Sharp

2412

Update problem while editing text field + populate checkbox value from table

by: Nithin | last post by:

My code as an txt attachment. I have 2 drop down list boxes that on selection populate text boxes from my database table. I am able to display the correct values in these text boxes. I have 2...

ASP.NET

2682

Best way to populate webpages from multiple tables

by: Yul | last post by:

Hi, We are in the process of designing an ASP.NET app, where a user will enter some 'Customer ID' to be queried in the database. If the ID is valid, several stored procedures will be called to...

ASP.NET

6483

How i can populate all fileds dynamically in jsp page based on contents found in xml file?

by: vj | last post by:

How i can populate all fileds dynamically in jsp page based on contents found in xml file? I have written jsp servlets and java class file. i transferred automatic data from jsp to servlet then to...

Javascript

2659

have to "actions" or run two types of queries (select,and update) on the same form?

by: eholz1 | last post by:

Hello PHP programmers. I had a brilliant idea on one of my pages that selects some data from my mysql database. I first set the page up to display some info and an image, just one item, with a...

PHP

1845

Populate Form from SQL Server

by: MIkeC | last post by:

Apologies if this has already been posted. I am coding in VB I am trying to find the best way to populate a form from a sql Database in .net 2005 I have a company table that has > 20...

.NET Framework

3301

OOP: Problem with edit form

by: chromis | last post by:

Hi, I'm having trouble fully implementing the edit section of a contact admin system, so far I have written the following: - Bean (Contact.cfc) - Data Access object (ContactDAO.cfc) - Gateway...

ColdFusion

7221

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

7109

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

7029

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

7481

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

5039

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

4702

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

3190

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

3179

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

411

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

General