Carrés interactifs

Fermé
Ines - 10 nov. 2020 à 21:47
 Ines - 10 nov. 2020 à 23:02
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

2 réponses

jordane45 Messages postés 38263 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 octobre 2024 4 693
10 nov. 2020 à 21:52
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/ )
1
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
0
jordane45 Messages postés 38263 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 octobre 2024 4 693
10 nov. 2020 à 22:58
Il il te suffit de créer en HTML plein de div et de les dimensionner grâce à un peu de CSS.
0
Ines > jordane45 Messages postés 38263 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 octobre 2024
10 nov. 2020 à 23:02
Oui ok je vois merci !!
0