STIC Discussion:STIC I - exercice 3 (Volt)

De EduTech Wiki
Aller à la navigation Aller à la recherche

Design ? -- Joyce Maurin (discussion) 3 novembre 2015 à 09:53 (CET)

Bonjour,

Dans le rapport, vous nous demandez de discuter le "design". S'agit-il du design pédagogique - le dessein, le but - ou du design graphique - l'aspect de notre design pédagogique ?

Bien à vous,

Joyce

Re: Design ? -- Daniel K. Schneider (discussion) 3 novembre 2015 à 10:31 (CET)

Bonjour,

les deux, et donc aussi montrer comment le design graphique implémente le design pédagogique :)

Re: Re: Design ? -- Joyce Maurin (discussion) 3 novembre 2015 à 11:22 (CET)

D'accord ! Merci beaucoup pour votre réponse :)

Coordonée d'un input -- Stephanie Perrier (discussion) 1 décembre 2015 à 22:47 (CET)

Bonjour,

J'ai une question concernant une méthode ou une fonction Javascript. Dans mon code, j'ai une image que j'aimerais animer. Lorsque l'utilisateur entre une suite de nombre à calculer et clique sur le bouton "calcul", l'image (portrait de Fibonacci) se déplace du haut vers le bas de la page où se trouve la suite de nombre affichée.

J'ai créé une fonction (versBas) qui déplace cette image jusqu'a un point fixe écrit en dure dans le code. Je souhaiterais que cette image s'arrète en fonction de la coordonnée y du textebox "Chiffre de départ" et non d'un chiffre fixe. J'ai cherché sur Internet comment récupérer cette coordonnée mais je n'ai rien trouvé de satisfaisant.

Dans les tutoriels du Wiki, il y a quelque chose(créé par Mattia) mais en fonction d'un rond vert SVG. Mon image n'est pas en svg.

Pouvez-vous m'aider pour créer quelque chose d'élégant ?

Mes fichiers se trouvent ici :

http://tecfaetu.unige.ch/etu-maltt/volt/perrisd0/stic-1/ex3/fibonacci.html

Merci de votre aide, Stéphanie

Re: Coordonée d'un input -- Mattia A. Fritz (discussion) 2 décembre 2015 à 00:03 (CET)

Bonsoir Stéphanie,

si j'ai bien compris ce que vous voulez obtenir comme résultat, je vous suggère de considérer la méthode getBoundingClientRect() associé à un élément du DOM. Cette fonction returne les coordonnées top, left, right, et bottom de l'élément par rapport à la fenêtre du navigateur (donc ces coordonées absolues en termes de CSS). J'ai créé un codepen que j'espère pourra vous être utile.

Si ce n'est pas le cas, n'hésitez pas à relancer.

Mattia