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

boite confirmation avec javascript

Pseudo supprimé
Pseudo supprimé 20 juillet 2010 à 03:18:25

Bonjour,

J'en ai marre des boites alert() et confirm(), qui sont certes très simple à faire, mais pas du tout esthétiques et assez violentes (bloque le navigateur, son brutal).

J'ai donc décidé de les faire grâce à un div placé dans la page, et à l'intérieur duquel je place un autre div paramétré en css de manière à former une boite de dialogue, grâce à :

http://wall.deblan.fr/x1336/javascript/1/#form

(donc un div en forme de boite avec un formulaire à 1 bouton dedans pour fermer ladite boite).

Pour imiter les boites alert() pas de problème, mais pour les boites confim(), c'est une fonction javascript qui les affiches quand je clique sur un bouton (la fonction qui lance le code dont j'ai mis le lien plus haut) mais je suis un peu perdu, car si je met un bouton "oui" avec onclick="return true" et un bouton "non" avec onclick="return false" ... il n'attend pas ma réponse pour envoyer le formulaire car il considère la réponse comme "return true" par défaut apparemment ... et si je met "return false" à la fin de la fonction, et bien quoi que je clique (oui ou non) ça renvoie toujours faux en définitive.

Quelqu'un a déjà eu ce problème ? comment imiter une boite confirm ?

merci !

PS : j'ai réussi à faire la fonction de recherche avec les ancrages.
https://www.jeuxvideo.com/forums/1-30-7887731-1-0-1-0-js-rechercher-un-mot-dans-la-page.htm
merci deepblue, mais je voulais pas remonter le topic :ok:

deepblue
deepblue
Niveau 16
20 juillet 2010 à 03:44:39

Je le ferai demain si j'ai le temps mais l'idée :

- créé un pseudo objet javascript (je l'ai fais pour le coup du moteur de recherche)
- dans le init qui prends en paramètre (via l'appel de la fonction) la chaine qui devra être affichée :
* tu fais ton div avec la phrase dedans
* tu met deux boutons qui on un écouteur d'évent click qui sur le premier bouton appel une pseudo méthode (cf mon code pour le moteur avec mes this.qqchose())
* tu peux donc avoir une méthode type : onConfirm, et une autre onCancel
* quelque soit la méthode appelée, tu vires ton div (avec une autre méthode)

deepblue
deepblue
Niveau 16
20 juillet 2010 à 04:10:31

Tiens, cadeau de la maison http://bordel.deblan.fr/html5/boxConfirm.html :ok:

deepblue
deepblue
Niveau 16
20 juillet 2010 à 04:50:32

(pas curiosité, tu peux donner le code de ton moteur stp ?)

Pseudo supprimé
Pseudo supprimé 20 juillet 2010 à 14:01:20

Le moteur recherche un nom et/ou un prénom dans un tableau constitué d'une liste de noms suivi de prénoms :
les noms et prénoms sont dans des colonnes différentes.
la barre de recherche est constituée de 2 champs : nom et prénom.

En php, on génère le tableau ligne par ligne, et on ajoute un nombre que l'on incrémente à chaque ligne collé à l'id de la cellule du nom et de la cellule du prénom :

exemple pour la cellule du nom :

<td id="n<php $nombre ?>" name="n">ici le nom</td>

exemple pour la cellule du prénom :

<td id="p<php $nombre ?>" name="p">ici le prenom</td>

ce qui donne pour le nom :

<td id="n0" name="n">ici le nom</td>
<td id="n1" name="n">ici le nom</td>
<td id="n2" name="n">ici le nom</td>
<td id="n3" name="n">ici le nom</td>
<td id="n4" name="n">ici le nom</td>

...

voilà le code :

http://wall.deblan.fr/x1348/javascript/1/

Pseudo supprimé
Pseudo supprimé 20 juillet 2010 à 14:05:39

le code des champs nom et prénom qui lance le moteur :

http://wall.deblan.fr/x134a/html/1/

le titre de la fonction est bien "recherche", et pas "liste".

deepblue
deepblue
Niveau 16
20 juillet 2010 à 15:11:28

:ok:

(du coup, je découvre la propriété hash de document.location...et dire que je passait bar un bout de code perso pour faire ça ^^)

Le système que je t'ai fais te va ou pas ? Tu comprends le principe ?

Pseudo supprimé
Pseudo supprimé 20 juillet 2010 à 15:42:16

j'essaye de comprendre le code mais vu que je débute en javascript je comprends pas bien le principe.

il faudrait mettre 1 détecteur de clic sur chaque bouton ('ok' et 'annuler'), qui appelle chacun une fonction différente (une pseudo méthode ? :doute: ), du genre OnConfirm et OnCancel, mais si ces dernières fonctions peuvent afficher une boite alert, elles ne peuvent pas retourner true pour la fonction qui a appelé la boite il me semble (de manière à confirmer l'envoi d'un formulaire)...

deepblue
deepblue
Niveau 16
20 juillet 2010 à 16:38:56

http://wall.deblan.fr/x1354/javascript/1/

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