realizzare login numerico

luigi777 · 9 Mag 2013

Salve vorrei sapere se è possibile realizzare una tastiera numerica per far entrare la persona per non fare scrivere user e password.

Tanto è solo per il mio sito e devo proteggere l'area riservata che ci entro solo io in caso se devo modificare qualcosa quando non voglio entrare con l'ftp.

percaso ci vuole anche javascript?

grazie mille e buona giornata.

luigi777 · 9 Mag 2013

esempio su quello che vorrei realizzare:

idee?

luigi777 · 9 Mag 2013

ansi con questa.. e posso fare area map nell'html giusto?.
http://res2.windows.microsoft.com/resbox/it/windows%20vista/main/46715554-8bbc-4204-8cdc-eae76dac56e6_0.png

lo presa da qui:
http://windows.microsoft.com/it-it/windows-vista/using-your-keyboard

mi potete aiutarmi?

luigi777 · 9 Mag 2013

ho fatto cosi: ma non so come applicare la immagine alla pagina e fare clic ogni numero e simboli che da soli scrivono nel textbox mascherato da password o invisibile
codice:

PHP:

<?php 
session_start();
require_once("../setup/password.php");

	if(isset($_POST["submit"]))
	{
		if(empty($_POST["password"]))
		{
			echo "Non hai inserito la password";
		}
		else
		{
			if($USERS["pass"]==$_POST["password"])
			{
			echo "login effetuato";
			}else
			{
			echo "login erato";
			}
		}
		
	}
	
	
	?>
	<form name="login" src="login.php"  method="post">
	<input name="password" value="<?php if(isset($_POST['password'])){echo $_POST['password'];}?>">
	<input type="submit" name="submit" value="Login">
	</form>
<?php
?>

idee?

luigi777 · 9 Mag 2013

ecco cosi:

come posso fare?

codice:

PHP:

<body>
	<html>
	<div align="center">
	<img src="bg_login.png">
	<form name="login" src="login.php"  method="post">
	<input name="password" value="<?php if(isset($_POST['password'])){echo $_POST['password'];}?>">
	<input type="submit" name="submit" value="Login">
	</form>
	</div>
	</html>
	</body>

grazie mille e scusate di post continui.

buona serata.

criric · 9 Mag 2013

prova questa

HTML:

<script>
    function inserisci(numero) {
                                                                                
        var valore = document.getElementById('display').value;
                                                                                
        document.getElementById('display').value = valore + numero;
    }

    function cancella() {
        var len = document.getElementById('display').value.length;
        var str = document.getElementById('display').value.substr(0,len-1);
        document.getElementById('display').value=str;
    }
</script>
<form action="login.php" method="post">
    <table>
        <tr>
            <td colspan="3">
                <input type="text" size="13" id="display" name="display" onload="focus()"/>
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" id="1" value="1" onclick="inserisci(this.value)"/>    
            </td>
            <td>
                <input type="button" id="2" value="2" onclick="inserisci(this.value)"/>    
            </td>
            <td>
                <input type="button" id="3" value="3" onclick="inserisci(this.value)"/>    
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" id="4" value="4" onclick="inserisci(this.value)"/>    
            </td>
            <td>
                <input type="button" id="5" value="5" onclick="inserisci(this.value)"/>    
            </td>
            <td>
                <input type="button" id="6" value="6" onclick="inserisci(this.value)"/>    
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" id="7" value="7" onclick="inserisci(this.value)"/>    
            </td>
            <td>
                <input type="button" id="8" value="8" onclick="inserisci(this.value)"/>    
            </td>
            <td>
                <input type="button" id="9" value="9" onclick="inserisci(this.value)"/>    
            </td>
        </tr>        
        <tr>
            <td>
                <input type="button" id="C" value="C" onclick="cancella()"/> 
            </td>
            <td>
                <input type="button" id="0" value="0" onclick="inserisci(this.value)"/>
            </td>
            <td>
                <input type="submit" id="login" value="Login"/> 
            </td>
        </tr>
    </table>
</form>

è piu semplice che mappare un immagine

luigi777 · 9 Mag 2013

ok, hai ragione .. cosi è + semplice.

ora io dovrei far evitare di vedere la textbox a video si può nascondere?

ecco il codice:

PHP:

<?php 
session_start();
require_once("../setup/password.php");

	if(isset($_POST["login"]))
	{
		if(empty($_POST["display"]))
		{
			echo "Non hai inserito la password";
		}
		else
		{
			if($USERS["pass"]==$_POST["display"])
			{
			echo "login effetuato";
			}else
			{
			echo "login erato";
			}
		}
		
	}
	
	
?><script>
    function inserisci(numero) {
                                                                                
        var valore = document.getElementById('display').value;
                                                                                
        document.getElementById('display').value = valore + numero;
    }

    function cancella() {
        var len = document.getElementById('display').value.length;
        var str = document.getElementById('display').value.substr(0,len-1);
        document.getElementById('display').value=str;
    }
</script>
<form action="login2.php" method="post">
    <table>
        <tr>
            <td colspan="3">
                <input type="text" size="13" id="display" name="display" onload="focus()"/>
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" id="1" value="1" onclick="inserisci(this.value)"/>    
            </td>
            <td>
                <input type="button" id="2" value="2" onclick="inserisci(this.value)"/>    
            </td>
            <td>
                <input type="button" id="3" value="3" onclick="inserisci(this.value)"/>    
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" id="4" value="4" onclick="inserisci(this.value)"/>    
            </td>
            <td>
                <input type="button" id="5" value="5" onclick="inserisci(this.value)"/>    
            </td>
            <td>
                <input type="button" id="6" value="6" onclick="inserisci(this.value)"/>    
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" id="7" value="7" onclick="inserisci(this.value)"/>    
            </td>
            <td>
                <input type="button" id="8" value="8" onclick="inserisci(this.value)"/>    
            </td>
            <td>
                <input type="button" id="9" value="9" onclick="inserisci(this.value)"/>    
            </td>
        </tr>        
        <tr>
            <td>
                <input type="button" id="C" value="C" onclick="cancella()"/> 
            </td>
            <td>
                <input type="button" id="0" value="0" onclick="inserisci(this.value)"/>
            </td>
            <td>
                <input type="submit" id="login" name="login" value="Login"/> 
            </td>
        </tr>
    </table>
</form>

ti ringrazio molto.

criric · 9 Mag 2013

certo con l'attributo hidden

HTML:

<input type="hidden"  id="display" name="display"/>

luigi777 · 9 Mag 2013

ok, grazie mille ho fatto e funziona benissimo.

ciao e buona serata.

Cerca

Cerca

realizzare login numerico

luigi777

Utente Attivo

luigi777

Utente Attivo

luigi777

Utente Attivo

luigi777

Utente Attivo

luigi777

Utente Attivo

criric

Super Moderatore

luigi777

Utente Attivo

criric

Super Moderatore

luigi777

Utente Attivo

Discussioni simili