Affichage dynamique avec javascript

**bouda95** · 19/01/2016, 17h53

Bonjour à tous,

Je pense être sur le bon forum si ce n'est pas le cas merci de m'en informer je suis nouveau ici.

Tout d'abord je me présente avant d'évoquer mon problème, je m'appelle Vincent je suis apprenti chef de projet web au sein de la Société Générale. J'ai des connaissances en HTML/PHP/CSS donc vous pouvez me parler normalement, cependant je n'ai pas beaucoup d'expérience en Javascript, JQuery, etc.. c'est pourquoi je suis ici.

Voila ma question, après plusieurs recherches dcevantes sur Google, je voudrai savoir quelle est la marche à suivre pour pouvoir réaliser une page de ce type : http://www.societegenerale.com/sites...015/index.html (à ouvrir avec un navigateur autre que IE)

J'aime beaucoup le fait que le contenu s'affiche au fur et à mesure que l'on scroll vers le bas. J'aime beaucoup aussi la façon dont les box s'affichent et les compteurs également.

Si vous reconnaissez ces types de fonctionnalités merci de me faire part du code si vous l'avez sous la main sinon le nom ou le lien traitant ce sujet me suffira amplement je me débrouillerai moi-même.
J'espère que ma question n'est pas trop confuse n'hésitez pas à m'écrire pour plus de detail.

Merci d'avance de vos réponses ;)
Bonne soirée à tous.

**Amnael** · 19/01/2016, 18h10

Salut, pour ma part, je suis pas super fan, trop de dynamisme tue le dynamisme j'ai envie de dire =)

Mais bon c'est qu'un avis perso =)

Sinon, sans y avoir trop réfléchi, j'imagine que sur la page de base les éléments sont avec un attribut hidden.

Ensuite je pense qu'il doit être possible de connaitre la position de l'écran de l'utilisateur (je sais pas comment mais il doit bien y avoir une propriété css ou une fonction javascript qui fait ça).
Et à partir de cette position, calculer si oui ou non tu as la place d'afficher un élément, tout en faisant en sorte d'enlever l'attribut hidden.

Du moins c'est l'idée que je m'en fais en voyant la page, c'est peut être pas du tout ça.

**bouda95** · 20/01/2016, 10h58

D'accord merci quand même de ta réponse Amnael je vais regarder ca de plus près. Si jamais tu entends parler de ces fonctions javascript autour de toi n'hésite pas à m'en faire part

**Amnael** · 20/01/2016, 13h23

A partir de event, tu peux connaître la position de la souris et arriver à faire un peu le même résultat je pense

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
function onclick_page(event){
  var x = event.clientX;
  var y = event.clientY;
  alert('Vous avez cliqué au point de coordonnés: ' + x + ', ' + y );
}

Avec ça tu gères déjà le scroll avec la souris.

Reste à trouver comment tu peux faire avec un scroll au clavier si la souris n'est pas dans l'écran. Là je sèche =)