Carrés interactifsFermé

Question

Bonjour, 

Je cherche à faire un site avec plusieurs "fenêtres" interactives. quelque chose comme cela ; http://www.blankwindows.com 
Mon but serait qu'en appuyant sur une des fenêtres cela déclenche l'apparition d'un texte. 
j'ai déjà le code du texte mais je n'ai pas les fenêtres. Merci beaucoup pour votre aide, 

Ines 


Configuration: Macintosh / Safari 12.1.2

jordane45 · Answer

Bonjour,

Pour ça, il va falloir faire du javascript.

Au click ( en utilisant l'évent ONCLICK  : https://www.w3schools.com/jsref/event_onclick.asp ) sur un carré, il faut modifier son z-index https://developer.mozilla.org/fr/docs/Web/CSS/z-index  pour le mettre au premier plan.
Si en plus tu veux pouvoir "bouger" les carrés, il faudra coder du drag&drop ( à la limite, pour ça, tu peux utiliser jquery-ui https://jqueryui.com/draggable/ )

Ines · Answer

D'accord merci beaucoup je vais essayer ! 
Avez vous une idée du code pour avoir plusieurs carrés sur tout l'espace du site ? Je dois utiliser une grille ? 
Merci

Carrés interactifs

2 réponses

Discussions similaires

Newsletters