Insert jquery in the php code

Question

How to put this code in my registration code in my program that if the registration is successful this will pop-up?? I'm new with jquery so i dont know how to do this stuff...help me guys please.

<script>
$(document).ready(function() {
 // show a dialog box when clicking on a link
 $("#success").on('click', function(e) {
 e.preventDefault();
 $.Zebra_Dialog('<strong>Congratulations </strong>' + 
 'You are now successfully registered!');
 });
 });
</script>

here is my php code:

<?php
 if(isset($_POST['save'])) {
 $fname = $_POST['fname'];
 $lname = $_POST['lname'];
 $position = $_POST['position'];
 $username = $_POST['username'];
 $password = $_POST['password'];
 $dateregistered = date("Y-m-d H:i:s");
 if (!$_POST['fname'] || !$_POST['lname'] || !$_POST['position'] || !$_POST['username'] || !$_POST['password'] ) {
 echo "You did not complete all of the required fields!";
 } else {
 $query="INSERT INTO users (position, fname, lname, username,password,dateregistered) VALUES ('$position','$fname','$lname','$username','$password',CURRENT_TIMESTAMP) ";
 mysql_query($query);
 if($query)
 echo "You Successfully Created an Account!";
 }
 }
?>

i want to replace the echo thing into jquery code...anyone know how???

• Realitätsverlust: Well, the easiest solution would be to echo out the jQuery code.
• Ryan: @YUNOWORK As well as being pretty much the only solution...
• Realitätsverlust: Well, adding code to the DOM with PHP doesnt offer much possibilites.^^ I guess you could work with DOMDocument, but thats too much effort only for a little textbox.
• GuyT: In my opinion it's the best solution to use an AJAX call and after succesfull callback show the popup(api.jquery.com/jquery.ajax).. You also could use a $_SESSION

Answer 1

append jquery function is your php code

<?php 
if(isset($_POST['save']))
{
 $fname = $_POST['fname'];
 $lname = $_POST['lname'];
 $position = $_POST['position'];
 $username = $_POST['username'];
 $password = $_POST['password'];
 $dateregistered = date("Y-m-d H:i:s");
 if (!$_POST['fname'] || !$_POST['lname'] || !$_POST['position'] || !$_POST['username'] || !$_POST['password'] ) 
 {
 echo "You did not complete all of the required fields!";
 }
 else
 {
 $query="INSERT INTO users (position, fname, lname, username,password,dateregistered) VALUES ('$position','$fname','$lname','$username','$password',CURRENT_TIMESTAMP) ";
 mysql_query($query);
 if($query){
 echo "You Successfully Created an Account!";
 // append here your jquery code
 ?>
 <script>
 $(document).ready(function() {
 // show a dialog box when clicking on a link
 $.Zebra_Dialog('<strong>Congratulations </strong>' + 
 'You are now successfully registered!');
 });
 </script>
 <?php
 }
 }
}
//corrected indentation
?>

• pythonian29033: no problem man, just check it next time, I was going to give this answer but you were first

Answer 2

 **Try this code.......**
 <?php 
 if(isset($_POST['save']))
 {
 $fname = $_POST['fname'];
 $lname = $_POST['lname'];
 $position = $_POST['position'];
 $username = $_POST['username'];
 $password = $_POST['password'];
 $dateregistered = date("Y-m-d H:i:s");
 if (!$_POST['fname'] || !$_POST['lname'] || !$_POST['position'] || !$_POST['username'] || !$_POST['password'] ) 
 {
echo "<script>
 $(document).ready(function() {
 $('#success').on('click', function(e) {
 e.preventDefault();
 $.Zebra_Dialog('<strong>Congratulations </strong>' + 
 'You did not complete all of the required fields!');
 });
 });
 </script>";
 }
 else
 {
 $query="INSERT INTO users (position, fname, lname, username,password,dateregistered) VALUES ('$position','$fname','$lname','$username','$password',CURRENT_TIMESTAMP) ";
 if(mysql_query($query)){
 echo "<script>
 $(document).ready(function() {
 $('#success').on('click', function(e) {
 e.preventDefault();
 $.Zebra_Dialog('<strong>Congratulations </strong>' + 
 'You Successfully Created an Account!');
 });
 });
 </script>";
 }
 }
 }
 ?>

Answer 3

You can simply use

echo "<script>alert('You Successfully Created an Account!')</script>";

Answer 4

Try to do like this:

if($query)
{
 ?>
 <script>
 $(document).ready(function() {
 $.Zebra_Dialog('<strong>Congratulations </strong>' + 
 'You are now successfully registered!');
 });
 </script>
 <?php
}