PHP - Moved: Autofill A Textbox Without Refreshing The Page

i have a form with two buttons, one is for submitting the form while button is for generating a random a code and placing it in a textfield. this works fine but the problem is anytime i click on the generate button, it refreshes the page thereby validating the form , which i don't want. How do i make it perform the function without refreshing the page....

Here is my code

if(isset($_POST['pass_btn']))
{
    $numchars = 8;
    $chars = explode(',','2,3,4,5,6,7,8,9,a,b,c,d,e,f,g,h,i,j,k,m,n,p,q,r,s,t,u,v,w,x,y,z,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H,J,K,L,M,N,P,Q,R,S,T,U,V,W,X,Y,Z,2,3,4,5,6,7,8,9');
    $password='';
        for($i=0; $i<$numchars;$i++)
        {
            $password.=$chars[rand(0,count($chars)-1)];
        }
}

This is set up so when a person pressing the pass_btn, a password is provided.  This works just fine.  However, it refreshes the page and clears all other data that user may have entered.

Suggestions?

Hi, I have a "user profile" page and it has a profile image upload form. I have it so that the old profile  image is deleted, and the new image is uploaded and the new image is echoed out using the name of the new file from the database. The problem is, when I click submit to add the new image, the old image still stays there and the new image does not show up. Only when I manually click refresh on my browser does the new image show up.

That is going to be bad for my users. Please if anyone can help, I'd greatly appreciate it.  Below is the code I am using to delete the old image, and code to upload the image as well, when the photo upload form is used.

Code: [Select]
if(isset($_POST['photoUpload']))

{

if(file_exists("images/".$currentUser.".jpg")){
    unlink("images/".$currentUser.".jpg");
    clearstatcache();

}
//reads the name of the file the user submitted for uploading
$image=$_FILES['image']['name'];
//if it is not empty
if ($image)
{
//get the original name of the file from the clients machine
$filename = stripslashes($_FILES['image']['name']);
//get the extension of the file in a lower case format
$extension = getExtension($filename);
$extension = strtolower($extension);
//if it is not a known extension, we will suppose it is an error and will not upload the file,
//otherwise we will do more tests
if (($extension != "jpg") && ($extension != "jpeg") && ($extension != "png") && ($extension != "gif"))
{
//print error message
echo '<h1>Unknown extension!</h1>';
$errors=1;
}
}
//end if here
//was else here

//get the size of the image in bytes
//$_FILES['image']['tmp_name'] is the temporary filename of the file
//in which the uploaded file was stored on the server
$size=filesize($_FILES['image']['tmp_name']);

//compare the size with the maxim size we defined and print error if bigger
if ($size > MAX_SIZE*1024)
{
echo '<h1>You have exceeded the size limit!</h1>';
$errors=1;
}

//we will give an unique name, for example the time in unix time format
$image_name= $currentUser .'.'.$extension;
//$image_name=time().'.'.$extension;
//the new name will be containing the full path where will be stored (images folder)
$newname=$image_name;
//"images/".
// Connects to your Database
mysql_connect("host", "user", "pass") or die(mysql_error());
mysql_select_db("database") or die(mysql_error()) ;



//we verify if the image has been uploaded, and print error instead
$copied = copy($_FILES['image']['tmp_name'], "images/".$newname);
// update the photo name in the database
$result = mysql_query("UPDATE users SET profilePhoto='$newname'  WHERE                                                username='$currentUser'")
or die(mysql_error()); 

if (!$copied)
{
echo '<h1>Copy unsuccessful!</h1>';
$errors=1;
}
else{
$dir="images/";

echo "<p>Profile Picture Change Successful!</p>";

echo "<img src='{$dir}{$newname}' alt='{$newname}' height='200' width='200' />";
echo "<p></p>";

}

}

I'm using paypal PDT, so when the user has made payment he gets directed back to my site, on that page it executes a special sql query. I noticed I can refresh the page to make duplicate sql queries. How can I avoid this??

Here is my add driver button

<!DOCTYPE html>
<html>
<head>

<script>

$(document).ready(function() {
   
   
   if($("#getPIN").click(function(){
      
      <?php
            $char = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW XYZ1234567890';
            $generated_password = substr(str_shuffle($char), 0, 10);
      ?>
      
      
      var genNumber;
      
      $("#txtpin").val() = genNumber;
      
      
      return false;
      
   }));
   
   
   
});

</script>
</head>


<body>

<input type = "text" name = "txtpin" id = "txtpin" value = "">
<input type = "button" name = "getPIN" id = "getPIN" value = "getPIN">

</body>

</html>


Hey you guys need your help... Basically what im trying to do is when the user clicks the getPIN button, the value generated using php is assigned to the txtpin textfield without refreshing the page.... thanks alot guys....

This topic has been moved to JavaScript Help.

http://www.phpfreaks.com/forums/index.php?topic=329374.0

This topic has been moved to JavaScript Help.

http://www.phpfreaks.com/forums/index.php?topic=343375.0

This topic has been moved to JavaScript Help.

http://www.phpfreaks.com/forums/index.php?topic=350859.0

This topic has been moved to JavaScript Help.

http://www.phpfreaks.com/forums/index.php?topic=348942.0

This topic has been moved to JavaScript Help.

http://www.phpfreaks.com/forums/index.php?topic=321339.0

Hello playERZ'

So, I have a dinky contact form that validates and uses:
Code: [Select]
<form name="infoget" action="<?=$_SERVER['PHP_SELF']?>" method="post">
to validate the form via an external validate.php, then generate the email.

Finally:

// Send the mail using PHPs mail() function
mail($to, $subject, $body);
header("Location:customize_search.php");


So, this takes the user to a more advanced form after they 'send' the first form.

1 - Is it possible to have the second form autofill with the POSTed data and NOT use MySQL or database whatever?
2 - If so, how??

Hi
Hope someone can help me, I have a database that contain records like name , age etc. This data displays in a premade profile page. The profile page is linked to from a page that displays a short description with a image that is also populated from the database.
I only want to have one profile page, and that page needs to be populated when the image link is clicked on the description page. Example, you click on short description (displaying some of row 3 info, from database for example)page link, profile page opens, and populates fields with row 3s data.
I have the code to display the data on the description page and the profile page. I dont have allot of know how with coding, my code at the moment was done trough Dreamweaver Cs3.
That code is working fine and displaying the data in the fields created for them.


I would realy appreciate some guidance.

Ok, this is stumping my mind.  I have a PHP/AJAX script which works almost perfectly.  But its lacking one detail I absolutely need.  Every AJAX demo I have seen is missing it or doesn't work right.

Here is where the problem is.

I have a list of countries, I want the user to spell it right when using my search, so you put in say "Virgin Islands"

It should pull up the following in the list:

Virgin Islands (British)
St. Thomas (U.S. Virgin Islands)

However all I get is:

Virgin Islands (British)


It has to do with the MySQL Query...

Here is what came with the demo:

$query = sprintf("SELECT ctry_name  
FROM international 
WHERE ctry_name '%s%%'  
GROUP BY ctry_name",
$ctry_name);

That's what pulls up only Virgin Islands

I tried to mod the query to be

"SELECT ctry_name FROM interntaional WHERE ctry_name LIKE '%" . $ctry_name . "%'"

But it breaks the script, in other AJAX Examples, it doesn't even look it up and returns all entries in the database.

Like I said the above example works fine, it just returns just the one value, I want ti to return all variables.

When I click on the letter of the alphabet on my form page, it will bring up the results of my query.  I got this part working.  The next part is to be able to click on any of the populated results and have it autofill my form with organization, first name, last name, email address and phone number.   I know that I need to use Ajax and jQuery to accomplish this.    Here is my html

<!-- Letter Search -->
<div class="searchBox span12">

	<h3>Choose the First Letter of the Person's Last Name</h3>
	<ul>
        <li class="alphabets" id="A"><a href="?by=A">A</a></li>
        <li class="alphabets" id="B"><a href="?by=B">B</a></li>
        <li class="alphabets" id="C"><a href="?by=C">C</a></li>
        <li class="alphabets" id="D"><a href="?by=D">D</a></li>
        <li class="alphabets" id="E"><a href="?by=E">E</a></li>
        <li class="alphabets" id="F"><a href="?by=F">F</a></li>
        <li class="alphabets" id="G"><a href="?by=G">G</a></li>
        <li class="alphabets" id="H"><a href="?by=H">H</a></li>
        <li class="alphabets" id="I"><a href="?by=I">I</a></li>
        <li class="alphabets" id="J"><a href="?by=J">J</a></li>
        <li class="alphabets" id="K"><a href="?by=K">K</a></li>
        <li class="alphabets" id="L"><a href="?by=L">L</a></li>
        <li class="alphabets" id="M"><a href="?by=M">M</a></li>
        <li class="alphabets" id="N"><a href="?by=N">N</a></li>
        <li class="alphabets" id="O"><a href="?by=O">O</a></li>
        <li class="alphabets" id="P"><a href="?by=P">P</a></li>
        <li class="alphabets" id="Q"><a href="?by=Q">Q</a></li>
        <li class="alphabets" id="R"><a href="?by=R">R</a></li>
        <li class="alphabets" id="S"><a href="?by=S">S</a></li>
        <li class="alphabets" id="T"><a href="?by=T">T</a></li>
        <li class="alphabets" id="U"><a href="?by=U">U</a></li>
        <li class="alphabets" id="V"><a href="?by=V">V</a></li>
        <li class="alphabets" id="W"><a href="?by=W">W</a></li>
        <li class="alphabets" id="X"><a href="?by=X">X</a></li>
        <li class="alphabets" id="Y"><a href="?by=Y">Y</a></li>
        <li class="alphabets" id="Z"><a href="?by=Z">Z</a></li>
     </ul>
     	<? include('search.php'); ?>
    
</div>
     
<hr style="color:#ccc; margin-bottom:20px;" />

<!-- Main Form -->

<div id="mainForm">
	<form method="post" id="icsForm" class="searchBox span12">
    	     <div id="col1" class"span6">
    	           <h3>Contact Information</h3>
                        <label>Church / Organization:</label><input type="text" name="organization" id="organization" class="span6 upright" /><br />
		        <label>First Name:</label><input type="text" name="firstName" id="firstName" class="span6 upright" />
                        <label>Last Name:</label><input type="text" name="lastName" id="lastName" class="span6 left upright" />
                        <label>Email Address:</label><input type="text" name="email" id="email" class="span6 left upright" />
                        <label>Phone Number:</label><input type="text" name="phone" id="phone" class="span6 left upright" />
        </div>
</div>

Here is my php

if(preg_match("/^[A-Z | a-z]+/", $_POST['name'])){
$name=$_POST['name'];
}

if(isset($_GET['by'])){
$letter=$_GET['by'];

//query to sort by last name

$sql="SELECT contact_id, first_name, last_name, church_org, email_address, phone_number FROM ics_data WHERE last_name LIKE '$letter%' ORDER BY last_name ASC";

//run the query against the mysql query function
$result=mysql_query($sql); 

//count results
$numrows=mysql_num_rows($result);

echo "<p>" .$numrows . " results found for " . $letter . "</p>"; 

//Create while loop and loop through result set
while($row=mysql_fetch_array($result)){

        $first_name=$row['first_name'];
	$last_name=$row['last_name'];
	$church_org=$row['church_org'];
	$email_address=$row['email_address'];
	$phone_number=$row['phone_number'];
	$contact_id=$row['contact_id'];
	
//display the result of the array

echo "<div id=\"search-results\">";
echo "<ul class=\"letter-results\">\n"; 
echo "<li class=\"result-row\">" . "<a href=\"#\" class=\"testclass\">"  .$first_name . " " .$last_name . "". ", &nbsp;" ."" .$church_org ."</a></li>\n";
echo "</ul>";
echo "</div>";
}
}

Here is my Javascript file (Ajax)

$(document).ready( function() {
	function formfill() {
		var organization = $('#organization').val();
		var firstname = $('#firstname').val();
		var lastname = $('#lastname').val();
		var email = $('#email').val();
		var phone = $('#phone').val();
		$.ajax ({
			method: "GET",
			url: "search.php",
			dataType: 'json',
			data: {
				organization:organization, firstname:firstname, lastname:lastname, email:email, phone:phone
			},
			type: "POST",
			success: function(data) {
				$organization
				$firstname
				$lastname
				$email
				$phone
			},
			
	 	failu  function() {
                alert('fail!');
            }
        });
	}
  

I know that I do not have a reference yet to JSON in my php file and that it is needed.  I'm not solid on the Ajax part.  That is the part that is tripping me up.  I know that I need to make the form autofill when clicking on a specific result returned from my query... but i'm not sure how to do that.   Thank you in advance for any help or advice you can give!!   I am relatively new to programming.  Hopefully I posted this in the right forum as a lot of these technologies overlap.
Edited by kjetterman, 26 September 2014 - 10:23 AM.