Spostare DIV dinamicamente...come fare?

todo

Nuovo Utente
7 Mar 2005
14
0
0
Ciao,vorrei spostare un div dinamicamente incrementando di 10px ogni 2 secondi fino ad arrivare a 300px.Il codice che riporto dovrebbe essere giusto invece mi da errore!Solo commentando il setInterval non mi da errori...come posso fare?

function Sposta(div) {
var str = document.getElementById(div).style.left;
var startx = Number(str.replace("px",""));
if(startx < 300) {
document.getElementById(div).style.left = startx + 10;

setInterval(Sposta(div),2000);

}
}
 

mptech

Utente Attivo
20 Gen 2005
244
0
0
www.mptechnology.it
se usi dreamweaver e i layer (div + javascritp), puoi animarlo con la linea temporale da elabora>linea temporale>registra percorso del livello.

buon lavoro :byebye:
 

todo

Nuovo Utente
7 Mar 2005
14
0
0
Grazie mille per l'aiuto ma in realtà,vedendo il codice generato dalla "linea temporale",non penso che sia la soluzione più giusta....di sicuro la più facile e veloce.In realtà volevo studiare un sistema che non passasse tutte quelle coordinate...grazie ancora
Ciao
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Non era male come idea

per i lettori futuri posta una mia soluzione
HTML:
<div id="muovi"> *** MRWebmaster *** </div>
<script type="text/javascript">
    var startx = 0;
    function Sposta(div) {        
        if(startx < 300) {
            document.getElementById(div).style.marginLeft = "+" + startx + "px";
            startx+=5;
            setTimeout("Sposta('" + div + "')",50);
        }
    } 
    Sposta('muovi');
</script>
Edit
non avevo letto bene 10px ogni 2 secondi
Ecco:
HTML:
<div id="muovi"> *** MRWebmaster *** </div>
<script type="text/javascript">
    var startx = 0;
    function Sposta(div) {        
        if(startx < 300) {
            document.getElementById(div).style.marginLeft = "+" + startx + "px";
            startx+=10;
            setTimeout("Sposta('" + div + "')",2000);
        }
    } 
    Sposta('muovi');
</script>
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
S [HTML] spostare div se quello adiacente è vuoto HTML e CSS 6
I spostare div in base all'altezza dello scroll della pagina Javascript 1
N spostare millimetricamente un pezzo di foto Photoshop 0
S spostare il pulsante menu dropdown HTML e CSS 8
L Come spostare cartella immagini/video PHP 1
Shyson Spostare filtro php di WordPress WordPress 0
L [WordPress] Spostare sito principale in sottodominio WordPress 14
U [WordPress] [CSS] Come faccio a spostare più in basso lo slider WordPress 0
Delemir78 [PHP] Problema per ridurre delle immagini e spostare i files in cartelle PHP 5
Shyson [HTML] Spostare a sinistra codice php PHP 6
F Spostare dati tabella Mysql in un campo solo di un'altra tabella PHP 1
L [WordPress] spostare al terzo livello WordPress 0
V [PHP] Spostare costanti da un file ad un altro PHP 2
E Spostare Wordpress da locale a remoto su hosting Aruba già esistente WordPress 2
L Testare un sito su un nuovo server dedicato senza spostare i DNS Server Dedicati e VPS 1
G Non riesco a spostare un cerchio fatto con tracciati in photoshop Photoshop 1
A Spostare Degli Oggetti in Più PictureBox in VB 6 Presentati al Forum 0
N XAMPP Spostare cartella phpMyAdmin su chiavetta Windows e Software 2
novello88 Spostare cartella Wordpress da /blog/ a root WordPress 1
filippino Spostare sito da blogger a wordpress WordPress 2
M spostare il testo PHP 1
P spostare elemento da basso a mezza pagina HTML e CSS 6
I Spostare record da tabella a altra... help! MySQL 2
M Spostare sito in locale con akeeba backup Joomla 1
B Spostare Focus su una determinata TXTbox Javascript 3
M Spostare sito in Php, come? PHP 3
I Spostare codice js inline in una funzione js con l'aiuto del dom Javascript 1
F spostare record da tabella a tabella PHP 8
F Mi conviene spostare la mia home page da Virgilio (Xoomer) a Altervista gratis? SEO e Posizionamento 0
voldemort Spostare forum da phpbb a Joomla (Fireboard) Joomla 1
S Spostare file hostati con ftp PHP 1
F Spostare un elemento con javascript Javascript 0
moon Impossibile spostare cartella Windows e Software 6
T Spostare banner in cambio di link HTML e CSS 21
N spostare dei file da una directory ad un'altra direttamente sul server PHP 2
P Spostare immagini su un piano. Javascript 2
G Spostare immagini Javascript 2
Interrotto Spostare tabella se compare scrollbar Javascript 0
L non riesco a spostare i fotogrammi helpme come si fa? Flash 14
G Spostare le intestazioni logiche h1 h2 ... HTML e CSS 0
C spostare elementi listbox Javascript 0
J Spostare un immagine con dream.. HTML e CSS 2
T spostare immagine HTML e CSS 3
grottafelix All'attenzione dell'amministratore: Spostare immediatamente 3D Supporto Mr.Webmaster 6
E Creare un testo trasparente dietro un div HTML e CSS 5
F Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni? Javascript 0
M Accordion menu e posizione div HTML e CSS 0
P jquery refresh div non funziona Javascript 0
P refresh div + scrittura/lettura dal db Javascript 1
napuleone div centrato alla pagina posto sopra ai contenuti HTML e CSS 1

Discussioni simili