Carrés interactifs

Ines -  
 Ines -
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
A voir également:

2 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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
Ines
 
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 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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 38486 Date d'inscription   Statut Modérateur Dernière intervention  
 
Oui ok je vois merci !!
0