[JAVASCRIPT]Agire sulle immagini

09-12-2006, 19.37.45

Avrei bisogno di fal balzare l'immagine da un cella a l'altra di una tabella.
Mi potreste dare una mano.....
Grazie

10-12-2006, 00.56.17

ti consiglio di usare i tag div....

10-12-2006, 13.43.41

Vabbè ma come faccio a far balzare questa immagine da un div all'altro.?

10-12-2006, 15.14.47

cosa intendi esattamente per 'balzare'? farla spostare? hai un esempio da farci vedere?

10-12-2006, 15.58.47

Hai presente quei giochi vecchi con la grafica 2d vista dall'alto come ad esempio grand theft auto.
Ecco vorrei simulare un personaggio che cammina nella pagina però visto dall'alto quindi basta far camminare un puntino.
Ho pensato che dividendo la pagina in una griglia il puntino può essere in grado di spostarsi da una cella all'altra senza fluttuare arbitrariamente nella pagina.
Credo che javascript mi possa aiutare,ma non sò come..

Se potreste aiutarmi ve nè sarei grato.

10-12-2006, 17.12.03

dovresti assegnare un id ad ogni cella e modificare l'attributo innerHTML delle celle su cui agire, ad esempio:
- Il puntino so trova nella cella a1 (la prima in alto a sinistra)
- Viene catturato un evento che ordina ad uan funzione di fargli fare un passo verso il basso
- la funzione cancella il contenuto HTML di a1 e mette il tag img all'interno della cella subito sotto a quella attuale (che quindi può essere a2 o b1 dipende da come deciderai di assegnare gli id)

10-12-2006, 17.13.38

Ma questo si può realizzare col javascript oppure devo usare il php?

10-12-2006, 17.32.53

si può fare tranquillamente col javascript ecco un esempio:

Codice HTML:

</html><head><script type="text/javascript">
function sposta()
{
	document.getElementById('a1').innerHTML='';
	document.getElementById('a2').innerHTML='<img src="http://www.google.com/images/logo_sm.gif"/>';
}
</script></head>
<body>
<div id="a1" style="background:black; height:100px; width:200px;"><img src="http://www.google.com/images/logo_sm.gif"/></div>
<div id="a2" style="background:red;  height:100px; width:200px;"></div><br />
<input type="button" value="sposta" onclick="sposta()"/>
</body>
</html>

10-12-2006, 17.47.12

Ok grazie mille.
Lascio le keywords per chi avrà il mio stesso prob.

EDIT:Se aggiungo un'altro div,e clicco su sposta si aggiunge e basta solo

Come potrei svuotare l'inner precedente?

Codice HTML:

</html><head><script type="text/javascript">
function sposta()
{
 document.getElementById('a1').innerHTML='';
 document.getElementById('a2').innerHTML='*';
 document.getElementById('a3').innerHTML='*';
}
</script></head>
<body>
<div id="a1">*</div>

<div id="a2"></div>
<div id="a3"></div>
<br />

<input type="button" value="sposta" onclick="sposta()"/>
</body>
</html>

-------------------------------------------------

Far balzare immagini da una cella all'altra,spostare le immagini con javascript.

Discussione: [JAVASCRIPT]Agire sulle immagini

LinkBack

Strumenti discussione

Display

[JAVASCRIPT]Agire sulle immagini

Regole di scrittura