[RESOLVED] using javascript and php

mfayaz

I need help! have been following threads all over the Internet but still no success. hope someone will help me here.

I have a form with a textbox. when user click on it (to enter values) it should prompt(i guess using javascipt) for users signature. then the user enters his password in the field and the form will run a mysql query to see if there is any user with that signature. if signature match with the record in database. print user name in the textbox on the form.

here is what i have got so far..

<script type="text/javascript"> 
function show_prompt() { 
var signature = prompt("Enter Your Signature");
}
</script>
<input type="text" name="user" value="<?php echo $_GET['my_string']; ?>" onclick="show_prompt()"/>

mfayaz

there is a silly mistake on the above code.. heres the correct one

<input type="text" name="user" value="<?php echo $_GET['signature']; ?>" onclick="show_prompt()"/>

big_nerd

mfayaz,

Your script/code will ask for the signature but not do anything with it.

If you want this to be one ONE page, I would do a google search on Ajax and PHP, and have TWO text fields, one for signature, one for username.

If you use the prompt with the onclick, if someone were to 'tab' into that field, it won't bring up the prompt which is not what you want.

if you have the two text boxes, you can set the signature item to onblur (when they LEAVE the textbox) so that no matter if they tab or click they will get it.

also, what will you do if they just type in a username? You will want your script to do some form of verification for that, of course, this depends on what you are doing with this information.

I would use Ajax to ask for the signature, and populate / ADD a new hidden text field for the POST/GET data, then just change the contents of a DIV/SPAN to display the username from the signature.

This will help from allowing anyone to just type in whatever they want in the user field, as well as if they don't click on the user box.

Of course, Ajax can also be used to prompt onclick as you have it, and check the data and return the username you want.

Here are some Ajax/PHP articles:

http://www.ajaxf1.com/tutorial/ajax-php.html
http://www.w3schools.com/PHP/php_ajax_database.asp

I would recommend giving it a try and if you have problems, come back and we would be glad to help.

mfayaz

thnxs for the links big.nerd. I already went through the w3school stuffs before starting on this project.. .i want to keep it as simple as possible. and also I need only the password field only, no username field since I want to ask for the signature(user password) to confirm his identity each time he submits the form.

here is the idea... http://i38.tinypic.com/2e3tnj5.jpg

big_nerd

mfayaz,

You will need AJAX to process the password/signature unless you want to allow the page to refresh.

Unless all you want is to populate the signature field with whatever they enter on the prompt.

in which case:

<script type="text/javascript">
function show_prompt(what) {
var signature = prompt("Enter Your Signature");
what.value = signature;
what.focus();
}
</script> 
<input type="text" name="user" value="<?php echo $_GET['my_string']; ?>" onclick="show_prompt(this)"/>

If you want to do any database calls, you will have to either use AJAX, or have the prompt fill in some form of a FORM field, and automatically POST to the server.

Does that make sense?

mfayaz

thats it. thnxs for help. I have managed to workout the problem with the help of your code.

mfayaz

big.nerd, theres somthing else... since we have a signature (input field), data entered through the javascript prompt must not be visible.. so how can this be done?

function show_prompt(what) {
var signature = prompt("Enter Your Signature", "default");
what.value = signature;
what.focus();
}

<strong>Signature: </strong><input type="password" name="user" value="<?php echo $_GET['signature']; ?>" onclick="show_prompt(this)"/>

big_nerd

You can't protect a prompt box.

You must either use a jquery prompt or something like that (fake/simulated to look like a prompt) with a password box.