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

2 réponses

  1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832
     
    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
  2. 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
    1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832
       
      Il il te suffit de créer en HTML plein de div et de les dimensionner grâce à un peu de CSS.
      0
      1. Ines > jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention  
         
        Oui ok je vois merci !!
        0