Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2018
    Messaggi
    131

    Uso della proprietà transform:rotate

    Con il codice riportato vorrrei far ruotare successivamente una scrittura di un grado, indicato dalla variabile i, usando la proprietà transform="rotate(i+deg)", ma non funziona. E non funziona neanche usando gli apici, come transform="rotate('i'+deg)", oppure transform="rotate(i+'deg')", oppure transform="rotate('i'+'deg')".
    Da notare che scrivendo un valore numerico, come transform="rotate(7deg)", la rotazioneviene eseguita correttamente, ma una sola volta.
    Desidererei conoscere come usare correttamente la varaiabile numerica i con deg. Grazie

    lanvoel

    codice:
    <!doctype html>
    <html lang="it">
    <head>
    <style>
    #ruota
    { 
      width:200px; 
      font-size:32px; 
      background-color:red; 
      position: absolute;
      top: 200px;
      left: 300px;
    } 
    </style>
    <script>
    var i=0;
    function avvia()
    {
     setInterval("ruota1()",1000);
    }
    function ruota1()
    {
    i=i+1;
    document.getElementById("ruota").style.color="blue";
    casella.value=i;
    document.getElementById("ruota").style.transform="rotate(i+deg)";
    }
    </script>
    </head>
    <body>
    <div id="ruota">Testo prova</div>
    <input type="button" value="ruota" onclick="avvia()"><br><br>
    angolo di rotazione:<input type="text" id="casella" id="casella" size =10 >
    </body>
    </html>

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    28,497
    codice:
    
    document.getElementById("ruota").style.transform=‘rotate(‘+i+‘deg)’;
    prova così


    ATTENZIONE il form mette degli apici/virgolette sbagliate correggile nel tuo editor
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2018
    Messaggi
    131
    Grazie cavicchiandrea. Ho capito come usare gli apici/virgolette, cioè di non metterle alla variabile numerica i.

    lanvoel

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 © 2019 vBulletin Solutions, Inc. All rights reserved.