Visualizzazione dei risultati da 1 a 4 su 4

Discussione: coordinate div, aiuto

  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2006
    Messaggi
    5

    coordinate div, aiuto

    ciao a tutti. come al solito oggi il prof ci ha dato un nuovo esercizio: una div, ogni secondo deve cambiare posizione all'interno della pagina nelle coordinate comprese tra 0 0 e 600 600. in fine se clicco sulla div in movimento si deve bloccare. mi date una mano? io ho provato a farlo in questo modo ma nn esce nulla:
    <html>
    <head>
    <title>esercizio macrì fabio</title>
    <script language="javascript">
    <!--
    function muovi_div()
    {
    div1.style.top= Math.round(Math.random()*600)
    div1.style.left= Math.round(Math.random()*600)
    }
    x=setInterval("muovi_div()",1000)
    function blocca_div()
    {
    clearInterval(x)
    }
    -->
    </script>
    </head>
    <body onLoad="muovi_div()">
    <div id="div1" onClick="blocca_div()">
    [img]logos.png[/img]
    </div>
    </body>
    </html>

  2. #2
    Utente di HTML.it L'avatar di floyd
    Registrato dal
    Apr 2001
    Messaggi
    3,837
    ci sono degli errori
    nella funzione muovi_div non puoi accedere a div1 senza averla istanziata
    var div1 = document.getElementById('div1');
    quando assegni left e top devi appendere in fondo 'px'
    x devi dichiararla globale, altrimenti blocca_div non può accederci
    devi mettere il position:absolute a div1

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2006
    Messaggi
    5
    in questo modo dici?

    <html>
    <head>
    <title>esercizio macrì fabio</title>
    <script language="javascript">
    <!--
    var div1 = document.getElementById('div1')
    function muovi_div()
    {
    div1.style.top= Math.round(Math.random()*600px)
    div1.style.left= "Math.round("Math.random()*600px)
    }
    x=setInterval("muovi_div()",1000)
    function blocca_div()
    {
    clearInterval(x)
    }
    -->
    </script>
    </head>
    <body onLoad="muovi_div">
    <div id="div1" onClick="blocca_div()" style="position:absolute">
    [img]logos.png[/img]
    </div>
    </body>
    </html>

  4. #4
    Utente di HTML.it L'avatar di floyd
    Registrato dal
    Apr 2001
    Messaggi
    3,837
    quasi
    devi dichiarare x fuori dalle funzioni
    var x;

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.