10-08-2009, 03:01 PM
(Modification du message : 11-08-2009, 11:10 AM par Sephi-Chan.)
Bonjour à tous,
J'ai depuis un bon moment une idée qui me trotte dans la tête. Sa m'obsède presque...
Je voudrais faire "tourné" une div, dans le sens ou cette fameuse div décrirais un cercle sur l'écran.
J'ai donc été trouver un ami matheux pour qu'il lâche les formules magique. Ensuite, je me suis lancer dans les codes. Sauf que bien sur se coince.
J'ai écrit ce code ci:
Ensuite j'ai fais:
Et il me sort l'erreur:
J'ai du mal a comprend, j'ai du oublier quelques chose, mais je ne vois pas quoi
Merci d'avance de votre aide.
J'ai depuis un bon moment une idée qui me trotte dans la tête. Sa m'obsède presque...
Je voudrais faire "tourné" une div, dans le sens ou cette fameuse div décrirais un cercle sur l'écran.
J'ai donc été trouver un ami matheux pour qu'il lâche les formules magique. Ensuite, je me suis lancer dans les codes. Sauf que bien sur se coince.
J'ai écrit ce code ci:
(function($) {
$.turnDiv = {
//Variable de base:
//Centre de l'écran
centreTop: screen.height/2,
centreLeft: screen.width/2,
//Variable U
u: 3,
//Calcule de la nouvelle position
newPos: function(Rayon) {
var newTop = centreTop + (Rayon*Math.cos(u));
var newLeft = centreLeft + (Rayon*Math.sin(u));
$(this).css({top: (newTop)+"px", left: (newLeft)+"px"});
},
//Rotation toute les Xmiliseconde
rotate: function (Rayon, speed) {
setInterval("$.turnDiv.newPos("+Rayon+");", speed);
}
}
//Accès rapide
rotateDiv = function(Rayon, speed) {
$.turnDiv.rotate(Rayon, speed);
}
});
Ensuite j'ai fais:
<script type="text/javascript">
$(document).ready(
function ()
{
$("div.rot").rotateDiv(30,500);
}
);
</script>
<style>
.rot
{
position: absolute;
left: 670px;
top: 440px;
}
</style>
</head>
<body>
<div class="rot">*</div>
</body>
Et il me sort l'erreur:
Erreur : $("div.rot").rotateDiv is not a function
Fichier Source : http://localhost/www/phenix_factory/turnDiv/
Ligne : 15
J'ai du mal a comprend, j'ai du oublier quelques chose, mais je ne vois pas quoi
Merci d'avance de votre aide.