Affichage linéaire

supersnail · (Modification du message : 08-12-2012, 17h13 par supersnail.)

merci beaucoup supersnail!
j'ai presque réussi à faire ce que je voulait, mais j'ignore pourquoi il y a un décalage :/
Voilà le code

Code HTML :
<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>Cv (Curriculum vitae)</title>

<style type="text/css">

#centre

{

    position: absolute;

    background-color: red;

    height: 10px;

    width: 10px;

}

.satellite

{

    position: absolute;

    background-color: green;

    height: 10px;

    width: 10px;

}

</style>

    </head>

    <body>

        <div id="centre">

            <div class="satellite"></div>

            <div class="satellite"></div>

            <div class="satellite"></div>

            <div class="satellite"></div>

            <div class="satellite"></div>

        </div>

<script type="text/javascript" >

function degres_radian(angle)

{

    return Math.PI * angle / 180;

}

function radian_degres(angle)

{

    return 180 * angle/ Math.PI 

}

var position_x_centre=parseInt(prompt("Position x du centre ?"));

var position_y_centre=parseInt(prompt("Position y du centre ?"));

var satellites=document.querySelectorAll("#centre .satellite");

var nombre_point= satellites.length;

var distance_planete_satellite=parseInt(prompt("Distance planète-satellite ?"));

document.getElementById("centre").style.left=position_x_centre+"px";

document.getElementById("centre").style.top=position_y_centre+"px";

var angle=360/nombre_point;

for(var abc=0;abc<nombre_point;abc++)

{

    a=abc*angle;

    position_x=position_x_centre+(Math.cos(degres_radian(a))*distance_planete_satellite);

    position_y=position_y_centre+(Math.sin(degres_radian(a))*distance_planete_satellite);

    alert("Position x : "+position_x+"\n"+"Position y : "+position_y);

    satellites[abc].style.left=position_x+"px";

    satellites[abc].style.top=position_y+"px";

}

</script>       

    </body>

</html>

Sujets apparemment similaires…
Sujet		Auteur	Réponses	Affichages	Dernier message
	Apprendre JavaScript en s'amusant !	Booster2ooo	6	344	25-11-2013, 23h08 Dernier message: saywoot
	[JavaScript] Fonction Array	Shirobi	18	804	29-10-2012, 22h36 Dernier message: InstinctHack
	[Html/Javascript] Comment cachées les informations que contienne une variable ?	WizOut	22	1,007	21-10-2012, 14h15 Dernier message: sakiir
	[JavaScript] parcours du DOM	InstinctHack	1	137	07-08-2012, 11h27 Dernier message: Booster2ooo
	[JavaScript] faire de l'Ajax facilement	InstinctHack	0	109	02-03-2012, 01h39 Dernier message: InstinctHack
	[Javascript] .toString()	mercurial17	5	289	30-12-2011, 00h21 Dernier message: Ark

Identifiant Mot de passe
S’enregistrer \| Mot de passe oublié ? Se rappeler