CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Modales non-modales (bootstrap?)

tintin-michel
tintin-michel
Niveau 7
24 janvier 2016 à 13:03:42

Bonjour :)
Je voudrais mon de l'UI design des petites modales (de préférence en gardant le style bootstrap) que je pourrais déplacer sur l'écran avec jquery UI :)

Je crée mes fenêtres à la volée avec l'outil bootbox qui permet en une ligne de js de créer des modales, cependant j'ai un problème :(

Les modales de bases de bootstrap ne permettent aucun interraction avec l'arrière de la modale, je voudrais que même si la modale est ouverte, les membres puissent continuer d'utiliser les champs de formulaire, les liens, etc...

J'ai essayé de mettre un pointer-events: none; sur le conteneur de la modale mais biensure ça empêche toute interaction avec le contenu de le modale :hap:

Connaissez vous une petite bibliothèque qui permet de faire ceci? Ou un hack css/js?
Merci :)

Pseudo supprimé
Pseudo supprimé 24 janvier 2016 à 13:30:06

ta lus la doc ?
http://getbootstrap.com/javascript/#modals-events

$('#myModal').on('shown.bs.modal', function (e) {
   // do something...
  //tu vire le fond
  //permet le drag and drop
})

Si tu arrive a faire les reste avec juste une div la modal sera easy :)

tintin-michel
tintin-michel
Niveau 7
24 janvier 2016 à 14:42:13

Ca répond pas vraiment à ma question :( J'ai enlevé la backdrop mais ça change rien :(

Pseudo supprimé
Pseudo supprimé 24 janvier 2016 à 15:56:45

tu arrive a utiliser le drag and drop sans bootstrap ?

skyboys
skyboys
Niveau 10
24 janvier 2016 à 16:05:22

Hello,

Je me pose surtout la question du pourquoi tu veux faire ça ? Ça me parait inutile et anti-ergonomique ?

tintin-michel
tintin-michel
Niveau 7
24 janvier 2016 à 16:57:47

Le drag and drop n'a rien à voir avec bootstrap, c'est jquery UI :)

Et pour mon VDD, c'est pour un interface, des boutons ouvrent des petites modales qui contiennent des graphs, vidéos, formulaires, etc, qu'on peut placer ou on veut sur l'écran et qui se refresh automatiquement, donc pouvoir les placer et utiliser le site sont mes priorités :oui:
J'arrive à le déplacer, mais ou je bloque c'est que le site soit utilisable derrière la modale, je pense qu'il existe des frameworks ou tools qui permettent ça :(

Pseudo supprimé
Pseudo supprimé 24 janvier 2016 à 17:17:14

Le 24 janvier 2016 à 16:05:22 skyboys a écrit :
Hello,

Je me pose surtout la question du pourquoi tu veux faire ça ? Ça me parait inutile et anti-ergonomique ?

de même et surtout complexe :ok:

tintin-michel
tintin-michel
Niveau 7
24 janvier 2016 à 17:22:48

Le site en question, venez vous verrez :oui:
http://goo.gl/9xXgc8

Ti-samu
Ti-samu
Niveau 10
25 janvier 2016 à 07:46:40

Mais si tu veux que la modale persiste, qu'elle soit draggable et que le background soit en clair, tu veux juste une div draggable nan ? :(

Dans ce cas t'as juste besoin de Jquery UI pour faire le draggable. :oui:

Sous forums
  • Aide à l'achat Mac
  • Steam Deck
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Macintosh
  • Hardware
La vidéo du moment