Aiuto javascript

Victor Tufino

Nuovo Utente
15 Nov 2013
2
0
0
Ciao , avrei bisogno di una mano , in pratica ho creato lo spazio dove deve essere eseguito il gioco , con i vari bottoni ecc , ora devo creare la navicella ( non voglio fare la aprte grafica mi basta soltato la navicella sotto forma di carattere es: [A|A] ) VOGLIO POSIZIONARE LA navicella in basso alla finestra e vorrei poterla spostare a destra e sinistra all' interno di essa
questo è il codice creato fin ora:
HTML:
 <html>
 <head>
 <SCRIPT LANGUAGE="JavaScript">
 function tuttosinistra(){
 }
 function Asinistra(){
 }
 function spara(){
 }
 function Adestra(){
 }
 function tuttodestra(){
 }

 </SCRIPT>
 </head>
 <BODY onload="onloadmes()"><BR><BR>
 <FORM NAME="schemagioco">
 <center>
 <textarea NAME="win" rows=20 cols=60>
 SPACE INVADERS 
 </textarea>
 </center>
 </textarea>
 </center>
 <center>
 <BR>
 <INPUT TYPE="button" VALUE=" <--- " ONCLICK="tuttosinistra()">
 <INPUT TYPE="button" VALUE=" SINISTRA " ONCLICK="Asinistra()">
 <INPUT TYPE="button" VALUE=" SPARA " ONCLICK="spara()">
 <INPUT TYPE="button" VALUE=" DESTRA " ONCLICK="destra()">
 <INPUT TYPE="button" VALUE=" ---> " ONCLICK="tuttodestra()">
 </BR>
 </center>
 <br><p>
 <center>
 <pre><INPUT TYPE="button" VALUE=" RINIZIA " ONCLICK="rinizio()"></pre>
 </center>
 </FORM>
 <hr></hr>
 <pre> <CENTER> VICTOR TUFINO </CENTER> </PRE>
 </BODY>
 </html>
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, usi una sintassi HTML vecchissima
ti ho aggiornato un po il codice sfruttando ache i css
HTML:
<html>
    <head>
        <style type="text/css">
            html body {
                text-align: center;
            }
            h3 {
                margin:0;
                padding:2px;
            }
            input {
                font-family: Courier;
                cursor: pointer;
                font-weight: bold;                
            }
            div#header {

            }
            div#screen {
                background-color: black;
                border:2px solid red;
                width: 600px;
                height:400px;
                margin: auto;
            }
            div#panel {
                width: 800px;
                margin: auto;
                height: 60px;
                line-height: 60px;
            }
            div#panel input {
                padding:5px 10px;
                font-size: 1.3em;
            }
            div#space {
                height:380px;
            }
            div#spaceship {
                color:#FFF;    
                font-weight: bold;
                width: 40px;
            }
            div#command{
                height: 40px;
                line-height: 40px;
            }
            div#footer{
                border-top:2px solid black;
                height: 40px;
                line-height: 40px;
            }
        </style>
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $(document).keydown(function(e) {
                    if(e.keyCode == 39) {
                        $("#spaceship").css({marginLeft:"+=10px"})
                    }
                    if(e.keyCode == 37) {
                        $("#spaceship").css({marginLeft:"-=10px"})
                    }
                });
            });            
        </script>
    </head>
    <body>
        <div id="header">
            <h3>SPACE INVADERS</h3>
        </div>
        <div id="screen">
            <div id="space"></div>
            <div id="spaceship">[A|A]</div>
        </div>
        <div id="panel">
            <input type="button" id="sin" value=" SINISTRA "/>
            <input type="button" value=" SPARA "/>
            <input type="button" id="des" value=" DESTRA "/>
        </div>
        <div id="command">
            <input type="button" value=" RINIZIA "/>
        </div>
        <div id="footer">
            VICTOR TUFINO 
        </div>
    </body>
</html>
Perchè vuoi usare i button quando puoi sfruttare le frecce della tastiera?
Vedi se riesci a cambiare il titolo della discussione con qualcosa che faccia capire di cosa stiamo parlando tioo "Gioco in javascript"
 
Discussioni simili
Autore Titolo Forum Risposte Data
D aiuto funzioni javascript Javascript 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
R [Javascript] Aiuto su questo script Javascript 2
H [Javascript] aiuto favore Javascript 1
L [Javascript] aiuto non riesco a inviare in get dal server web locale su altervista con httpRequest Javascript 0
K [javascript] Aiuto per programma subnetting Javascript 0
P [Javascript] Aiuto per recupero variabili da script Javascript 10
ecosito Aiuto con la traduzione in italiano per capire come installare questo JavaScript jQuery 0
V aiuto javascript? Javascript 0
J Aiuto per capire javascript Javascript 0
I Aiuto uso Nivo Slider con javascript jQuery 2
S un aiuto per javascript e joomla Javascript 2
B AIUTO: come passare una variabile php ad una funzione javascript Javascript 2
Dexter_90 [AIUTO] Modificare proprieta Css tramite hover con Javascript Javascript 4
M Select dinamica in javascript, aiuto... Javascript 1
mkrapfen aiuto! funzione javascript Javascript 0
F aiuto markup validator wrc e caratteri javascript Javascript 2
K Aiuto per programmino Javascript Javascript 2
F Aiuto programmino javascript URGENTE please Javascript 0
F Aiuto! Codice Javascript non funzionante correttamente Javascript 0
S Aiuto per calcolatrice in javascript Javascript 1
D aiuto per modifica menu javascript Javascript 0
B Aiuto immagini javascript Javascript 0
M JavaScript aiuto??? Javascript 1
S codice C su JavaScript......vi prego aiuto, rischio licenziamento Javascript 0
N Aiuto javascript per greasemonkey Javascript 1
L Aiuto Codice Javascript Javascript 0
R php + javascript... AIUTO!!! Ajax 5
0 javascript aiuto Javascript 1
S Aiuto urgente array Javascript Javascript 8
M aiuto!problemi elementari con javascript Javascript 8
H aiuto per database javascript Javascript 9
M Aiuto per Modifica javascript prer menu ad albero Javascript 1
S javascript e titolo pagina [era:aiuto!!] Javascript 5
etrusko aiuto javascript Javascript 5
G aiuto menù espandibile javascript Javascript 3
M AIUTO javascript>vbscript Javascript 0
E Aiuto per query PHP 8
R Aiuto ripristino sito web Presentati al Forum 0
L Aiuto con DataGridView Visual Basic 1
F Aiuto! cambio immagine di sfondo al cambio pagina HTML e CSS 2
I aiuto urgente per thunderbird Posta Elettronica 0
I aiuto per outlook Posta Elettronica 0
T aiuto per trasformare un quiz fatto in JS in un quiz in JQUERY jQuery 0
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
M Fullcalendar in Codeigniter, un aiuto per la chiamata $ajax ? jQuery 0
K Aiuto con file audio in html HTML e CSS 1
G Script notifiche dekstop aiuto Javascript 0
P Aiuto per rendere un Bot Telegram Privato PHP 1
M Un aiuto da chi ha apple Mac e Software 0

Discussioni simili