Tastierino numerico aperto come popup (mobile)

[LuigiDH]

Salve, premettendo la mia pochissima esperienza nel campo, sto cercando di far aprire un tastierino numerico nella versione web del mio programma. Deve aprirsi al click di un'immagine, non come nuova finestra (ho provato con una function che mi apre il file php che contiene il codice del tastierino ma non è quello che sto cercando), ma vorrei che si aprisse come un oggetto, come un'immagine, insomma, con il layout della mia pagina si, ma senza bordi, senza barra indirizzi, senza scroll, niente. Allego l'immagine del tastierino aperto in una nuova finestra, e quella del logout come esempio del risultato che vorrei... vi ringrazio in anticipo e mi scuso già se ho sbagliato sezione o se l'argomento è stato già trattato ma non sono riuscito a trovare nulla!Immagine2.jpgImmagine.jpg

[carlomarangoni]

È sufficiente mettere un'immagine mappata in un div che nascondi o visualizzi anche via css o JS al click su un pulsante o un collegamento ipertestuale

[LuigiDH]

È sufficiente mettere un'immagine mappata in un div che nascondi o visualizzi anche via css o JS al click su un pulsante o un collegamento ipertestuale

ho provato a fare quello che dici inserendo i codici nella mia home ma me lo fa visualizzare nella pagina.. ti allego il file php completo che ho usato per il tastierino magari è da correggere oppure mi riesci a dire la stringa precisa da utilizzare per il click sul pulsante?

<script type="text/javascript">
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>


<style type="text/css">
    table#tastiera {
        border-collapse: collapse;
        width:145px;
    }
    div#contenitore {
        border:1px solid #707070;        
        padding:12px;
        width:145px;
        border-radius:4px;
    }
    table#tastiera input[type="text"] {
        border:1px solid #707070; 
        width: 141px;
        border-radius:4px;
    }
    table#tastiera input {        
        font-size: 1.3em;
        font-family: Courier;
    }
    table#tastiera input[type="button"],table#tastiera input[type="submit"] {
        width: 45px;
        height: 45px;
        cursor:pointer;
    }
</style>


<?php
if (isset($_POST['display'])) {
    echo "Codice " . $_POST['display'] . " inviato";
}
?>


<div id="contenitore">
    <form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post">
        <table id="tastiera">
            <tr>
                <td colspan="3">
                    <input type="password" 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="go" name="login" value="GO"/> 
                </td>
            </tr>
        </table>
    </form>
</div>

nella home ho questa funzione

<script>  var w = 200;
  var h = 350;
  var l = Math.floor((screen.width-w)/2);
  var t = Math.floor((screen.height-h)/2);

function Popup(apri) 
{
   window.open("Tastierino.php","", "width=" + w + ",height=" + h + ",top=" + t + ",left=" + l );
}
</script>

che richiamo così

<div align="center">TEMPERATURE</div>

<div id="Quadrato" onclick="Popup()">

</div>

[Vincent.Zeno]

ciao luigi, fai ancora in tempo a correggere il post:
per favore sostituisci il tag QUOTE con il tag CODE per le parti che riguardano il codice.

la prossima volta, se ti serve, passa a modalità avanzata: trovi il tasto # che ti inserisce il tag corretto. grazie per la pazienza e buon lavoro


edit:
ok, è scaduto il tempo (hai un'ora per modificare i messaggi). ho corretto io

[LuigiDH]

si scusatemi ma non sono riuscito a collegarmi prima di questo momento.. c'è nessuno allora che può aiutarmi con il codice che ho usato? ho pensato che magari è errato come lo utilizzo e dovrebbe essere scomposto..

[LuigiDH]

si scusatemi ma non sono riuscito a collegarmi prima di questo momento.. c'è nessuno allora che può aiutarmi con il codice che ho usato? ho pensato che magari è errato come lo utilizzo e dovrebbe essere scomposto..

??
sono in un punto morto

[Vincent.Zeno]

se dovessi fare una cose del genere frutterei l'overlay (le finestre modali).
il più funzionale è forse fancybox, oppure (probabilmente ti è più che sufficiente) puoi usare questo esempio minimale dove ne abbiamo parlato qui:
http://forum.html.it/forum/showthrea...1#post25355787

[LuigiDH]

sinceramente non riesco a collegarlo a quello che mi serve.. provo a cercare una guida per il fancybox

[Vincent.Zeno]

l'overlay è solo un div contenitore, dentro ci metti quel che ti serve.

[LuigiDH]

scusami, ma come dicevo all'inizio del thread, non sono esperto..
se non devo creare un file php con il codice che ho copiato, nel richiamo all' "onclick=" cosa faccio seguire?
nel link che hai messo non capisco quasi nemmeno un codice xD