Tracer un disque avec javascript

Web Development Knowledge Base

Sections :

CSS (6)
Flash & AS (2)
HTML (16)
Java (5)
JavaScript (45)
Perl (0)
PHP (23)
Protocols (1)
Python (0)
Ruby (0)
SQL (3)
Linux (11)
Misc (7)

RSS Feed

Vous aussi, aidez les autres développeurs, publiez vos bouts de codes utiles et vos liens préférés ...
Publiez un article !

Georges PLOTON - - 25/03/2008 - vue 107 fois

Tracer un disque avec javascript

<html>
    <head>
        <title>Disque</title>
        <!-- fonctionne avec I.E. 6.00 - Firefox 2.0 
             (Firefox ne tient pas compte de la couleur indiquée) -->
        <script type='text/javascript'>
         function TraceDisque()
         {
            var R = 180;            // rayon du disque
            var x0 = 512;           // abscisse du centre (left)
            var y0 = 384;           // ordonnée du centre (top)
            var zzz = "";
            for (y = -R; y < R; y++)
            {
                l = Math.round(Math.sqrt(R*R - y*y));
                zzz += "<hr size='1' width='";
                zzz += l * 2;
                zzz += "' style='position:absolute;top:";
                zzz += y + y0;
                zzz += ";left:";
                zzz += x0 - l;
                zzz += ";color:#ff0000;"; // ignoré par Firefox
                zzz += "' />";
            }
            elem = document.getElementById("Disque");
            elem.innerHTML = zzz;
         }
        </script>
    </head>
    <body>
        <div id="Disque"></div>
        <script type='text/javascript'>TraceDisque()</script>
    </body>
</html>

Olivier Ligny - - 26/03/2008

J'ai trouvé un truc pour rendre ce script compatible avec FireFox au niveau de la couleur.
Je ne sais pas trop pourquoi, mais si on ajoute color=x dans la balise <hr>, la couleur n'est plus ignorée par FF, et cela ne provoque pas de changement sous IE.
Donc remplacer : zzz += "<hr size='1' width='";
Par : zzz += "<hr color=x size='1' width='";