• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 215
  • Last Modified:

HOw do i click on image to submit form that pass value to next page using php

Not sure if anyone is out there this Sunday, but just  in case.  I have set up a search form that returns the number of matches from a db.  From that results page, I want to click an edit button(that is an image) that carries the value to the next page.  I can't seem to get this to work.  Any help would be appreciated..  Code  attached and example located here:
http://mywebgenius.net/one.htm
<html>
<?php
//searches using ID/username from db
   $dbname="northwind";
   $host="localhost";
   $port="1433";
   $user="root";
   $password="";
 
$_POST['txt_searchName'];
$viewDetail = $_POST['txt_viewDetail'];
echo "<br><br>view detail has:  ".$viewDetail."<br><br>";
 
/*if (!$txt_searchName)
{
echo "<p align=center><font color=#800000 size=5 face=Arial Black>You did not enter a search criteria.<br><br>Please Try Again.</font></p>";
exit;	
}*/
//echo $_POST['txt_searchName'];
$searchName  = addslashes(trim($_POST['txt_searchName']));
echo "<br><br>search name is:  ".$searchName."<br><br>";
 
$connection=mysql_connect($host,$user,$password) or Die("Unable to connect to " . $host);
  
   mysql_select_db($dbname);
    $qry = "select CustomerID, CompanyName, City from tblcustomers where CustomerID LIKE  '%".$searchName."%'";
    echo $qry;
    $result = mysql_query($qry);
	$num_results = mysql_num_rows($result);
	echo "<br><br><font face=Arial size=4 color=#000080><b>Total # of Users Found: " .$num_results."</b></font><br><br>";
 
echo "<table border=1 id=table1 width=50% style='border-collapse: collapse'>";
echo "<tr>";
echo "<td bgcolor=#BEBEBE><font color=#000080><p align=center><b>Customer ID</td>
	  <td bgcolor=#BEBEBE><font color=#000080><p align=center><b>Customer Name</td>
	  <td bgcolor=#BEBEBE><font color=#000080><p align=center><b>City</td>
	  <td bgcolor=#BEBEBE><font color=#000080><p align=center><b>Edit</td>";
	  
echo "</tr>";	
	
while ($row = mysql_fetch_array($result))
{
	echo "<tr><td>".$row['CustomerID']."</td><td>".$row['CompanyName']."</td><td>".$row['City']."</td><td>"."<input type=image src=Edit.jpg onClick=document.frmUserResults.txt_viewDetail.value=".$row["CustomerID"];document.frmUserResults.submit();">"." </td></tr>";
}
echo "</table>";
	
echo "<FORM method='post' action='userDetail_proc.php' NAME='frmUserResults'>";
	echo "<input type=hidden name=txt_viewDetail size=20>";
echo "</form>";
 
?>
</body>
</html>

Open in new window

0
justmelat
Asked:
justmelat
1 Solution
 
dansotoCommented:

<input type="image" src="images/submit.jpg" value="Submit" alt="Submit">

Open in new window

0
 
justmelatAuthor Commented:
HI Dan
If you will notice on line 43 of my code I am using this:
echo "<tr><td>".$row['CustomerID']."</td><td>".$row['CompanyName']."</td><td>".$row['City']."</td><td>"."<input type=image src=Edit.jpg onClick=document.frmUserResults.txt_viewDetail.value=".$row["CustomerID"];document.frmUserResults.submit();">"." </td></tr>";
}
which I think is what you have.  It is just not submitting the form.  I get this error: Fatal error: Call to undefined function: submit() in
0
 
LinuxClusterCommented:
You could pass the values in the href link part of the link and place the img into the href part and not use forms and javascript for it.

How about a link like this

<a href="userDetail_proc.php?txt_viewDetail=$row[CustomerID]"><img src="Edit.jpg" border=0></a>

Regards,
linuxcluster
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
justmelatAuthor Commented:
Linux

this works, but i know my boss is not going to like that the url w/the info is viewable.
0
 
LinuxClusterCommented:
Ok, you could hide the info by encrypting it etc.-  if it is not too sensible data a simple ROT13 should do and is easily implementable.

Or you create a single form for every "edit" link you place. That way you can pass the edit value in a hidden form field along with the submit button the way dansoto had written.

Regards,
linuxcluster

0
 
LinuxClusterCommented:
Or you use the JS code below in your page and set via JS the value of the clicked image into the hidden form field.

(the code is not brushed to be echoed by php...)

Regards,
linuxcluster
<script language="javascript">
function imgSubmit(v)
{
document.FormName.txt_viewDetail=v
document.FormName.submit()
}
</script>
 
<form name="FormName">
<input type="hidden" name="txt_viewDetail" value="">
...
<img src="Edit.jpg" onclick="imgSubmit('$row[CustomerID]')" value="Submit" alt="Submit">
...
</form>

Open in new window

0
 
nizsmoDeveloperCommented:
This should work. i think your image needs to be in between the <form> tags, you don't even need the onclick event to submit the form, it will do it by itself.

hope this helps.
<html>
<?php
//searches using ID/username from db
   $dbname="northwind";
   $host="localhost";
   $port="1433";
   $user="root";
   $password="";
 
$_POST['txt_searchName'];
$viewDetail = $_POST['txt_viewDetail'];
echo "<br><br>view detail has:  ".$viewDetail."<br><br>";
 
/*if (!$txt_searchName)
{
echo "<p align=center><font color=#800000 size=5 face=Arial Black>You did not enter a search criteria.<br><br>Please Try Again.</font></p>";
exit;   
}*/
//echo $_POST['txt_searchName'];
$searchName  = addslashes(trim($_POST['txt_searchName']));
echo "<br><br>search name is:  ".$searchName."<br><br>";
 
$connection=mysql_connect($host,$user,$password) or Die("Unable to connect to " . $host);
  
   mysql_select_db($dbname);
    $qry = "select CustomerID, CompanyName, City from tblcustomers where CustomerID LIKE  '%".$searchName."%'";
    echo $qry;
    $result = mysql_query($qry);
        $num_results = mysql_num_rows($result);
        echo "<br><br><font face=Arial size=4 color=#000080><b>Total # of Users Found: " .$num_results."</b></font><br><br>";
 
echo "<table border=1 id=table1 width=50% style='border-collapse: collapse'>";
echo "<tr>";
echo "<td bgcolor=#BEBEBE><font color=#000080><p align=center><b>Customer ID</td>
          <td bgcolor=#BEBEBE><font color=#000080><p align=center><b>Customer Name</td>
          <td bgcolor=#BEBEBE><font color=#000080><p align=center><b>City</td>
          <td bgcolor=#BEBEBE><font color=#000080><p align=center><b>Edit</td>";
          
echo "</tr>";   
echo "<FORM method='post' action='userDetail_proc.php' name='frmUserResults'>";
while ($row = mysql_fetch_array($result))
{
        echo "<tr><td>".$row['CustomerID']."</td><td>".$row['CompanyName']."</td><td>".$row['City']."</td><td>"."<input type='image' src='Edit.jpg' onClick=document.frmUserResults.txt_viewDetail.value=".$row["CustomerID"];">"." </td></tr>";
}
echo "</table>";
        
 
        echo "<input type=hidden name=txt_viewDetail size=20>";
echo "</form>";
 
?>
</body>
</html>

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now