> Tous les forums > Forum des Webmasters
 Pré-remplissage formulaire après clic sur boutonSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
mitai
  Posté le 17/06/2021 @ 17:33 
Aller en bas de la page 
Astucien

Bonjour

Je cherche à réaliser 2 actions à la suite après un clic sur un bouton :

1 : Ouvrir une page spécifique contenant un formulaire (lien vers page contact)

2 : préremplir un champs du formulaire présent (en l'occurrence sélectionner automatiquement l'un des choix présents dans ma liste déroulante).

J'ai "réussi" à réaliser les deux actions séparément mais je ne parviens pas à les exécuter ensemble via ce code (la page se charge bien mais la présélection ne fonctionne pas) :

jQuery(document).ready(function( $ ){

$('.ma_class').click(function() {

window.open("/contact");

document.getElementById("mon_id").value = "Choix_à_sélectionner_automatiquement";

});

});

Comment procéder pour ouvrir ma page contact PUIS avoir automatiquement le choix voulu, sélectionné dans ma liste ?

Merci de votre aide !! :)



Modifié par mitai le 18/06/2021 08:57
Publicité
midnightblue
 Posté le 18/06/2021 à 15:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Hello,

Pour pré-sélectionner une valeur dans une liste déroulante utiliser l'attribut "selected" :

<select name="truc">

<option value="1" selected>UN</option>

<option value="2">DEUX</option>

</select>

UN sera automatiquement présélectionné à l''appel du formulaire.

A+

*µ*

mitai
 Posté le 18/06/2021 à 19:19 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Merci Midnightblue, malheureusement le problème reste avec cette technique que j'avais essayée...

Finalement j'ai trouvé la solution en passant le choix à sélectionner en paramètre de l'URL ... et en récupérant cette donnée lorsque j'affiche la page :

jQuery(document).ready(function( $ ){

$('.essai').click(function() {

var x = $(this).attr("id");

var t = '/contact/?tprd=' + x;

window.open(t);

});

var params = new URLSearchParams(window.location.search);

let parametre = params.get('tprd');

if(params.has('tprd') == true){

if(parametre == 't01'){

document.getElementById("ABC").value = 'Choix_1';

} else if(parametre == 't02'){

document.getElementById("DEF").value = 'Choix_2';

} else{

}

} else{

}

});

Bonne continuation !

zoulouman
 Posté le 19/06/2021 à 19:46 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Ben oui, comment une seconde page pourrait connaitre les intentions de la première si aucune information n'est passée ?
Tu as trouvé la seule solution possible à ton problème, Mitai. (presque la seule, en tout cas la plus simple)

Désolé de ne pas être passé plus tôt.

Le souci est réglé, c'est le principal.

Jean-Pierre
 Posté le 19/06/2021 à 20:06 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Je ramène ma fraise les filles

Tonton Zouzou, oui presque la seule lution...

Sauf que si le "client coupe" le robinet JS" = ceinture/rideau !

PHP serait-il plus idoine en ce cas ?

Licette et JP

zoulouman
 Posté le 19/06/2021 à 20:21 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Quand on coupe JS, on sait à quoi s'attendre. Faut pas déconner non plus, JS est une saleté mais il est bien pratique quand même, surtout pour notre ami qui utilise le framework jQuery.

Sinon, PHP n'est même pas nécessaire, il suffit de prévoir les choses dans un champ de type formulaire sur la page 1 et de transmettre à la page 2 dans un paramètre GET/POST et c'est fini.
Faut pas non plus se prendre la tête sur des simplicités.

Par contre, il faut quand même faire gaffe aux données qui sont passées, c'est une porte ouverte aux enfoirés du net !
Mais vu la façon dont Mitai traite ces informations, il n'a pas de souci à se faire.

Jean-Pierre
 Posté le 19/06/2021 à 20:35 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Zouzou, j'aime bien ton qualificatif JS

Oui mais malgré cela, JS devient un langage de pointe et en ce moment, les talents très recherchés sur le marché !

JP

zoulouman
 Posté le 19/06/2021 à 21:15 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Très recherché ? Oui, certainement mais faut pas exagérer non plus.
JS est un langage populaire, c'est la star du "front-end", mais c'est à utiliser avec parcimonie.

Trop de JS tue le JS... Demande à Google et sa pub assaisonnée de requêtes AJAX.

Jean-Pierre
 Posté le 19/06/2021 à 21:19 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Exact !

Et que serait la Class si affectionnée de tonton Zozo = son Bootstrap sans JS pur ou sous dérivation jQuery

JP

Publicité
zoulouman
 Posté le 19/06/2021 à 21:24 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Ben quoi ?
Bootstrap utilise JS, et après ?

C'est ce que j'appelle utiliser JS avec parcimonie. Ce qui veut dire uniquement quand c'est nécessaire.

Jean-Pierre
 Posté le 19/06/2021 à 21:32 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Avec parcimonie, avec parcimonie... tu dois affectionner les effects en tout genre pour en ficher plein la vue

Tellement avec parcimonie que l'autre fois tonton Zozo n'a jamais pu réussir à adapter les évènements d'un Textarea !

Et pourtant, il "tâte" en Boot de Strap le Zozo

Oui je sais, le Textarea est très très spécial en compo...

JP

zoulouman
 Posté le 19/06/2021 à 21:52 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Avec Bootstrap, on charge le JS Bootstrap et jQuery (ou alors le JS spécifique à une fonction comme un carousel ou des tooltips et jQuery).
Ensuite, c'est utilisé pour fonctionner avec Bootstrap, il n'y a pas d'abus !

JS est utilisé uniquement pour faire ce qu'on lui demande, c'est à dire un truc agréable à l'oeil, sympa à regarder.
Bootstrap n'est pas un produit Google, son JS est utilisé avec parcimonie, j'insiste.

C'est Twitter qui a créé Bootstrap.

Jean-Pierre
 Posté le 19/06/2021 à 22:03 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Ah oui j'ai confondu Twitter et Bootstrap !

M'en fout = dans le même panier

T'en sais des choses Zouzou !

Ma fifille Licette est toujours en admiration devant ton savoir

Mais stop à la brosse à reluire

JP

Dreamer
 Posté le 19/06/2021 à 23:15 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Jean-Pierre a écrit :

Ah oui j'ai confondu Twitter et Bootstrap !

M'en fout = dans le même panier

T'en sais des choses Zouzou !

Ma fifille Licette est toujours en admiration devant ton savoir

Mais stop à la brosse à reluire

JP

Dis-moi l'héliciculteur, tu veux des ennuis ??

Jean-Pierre
 Posté le 19/06/2021 à 23:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Tiens, tonton Zozo qui rapplique les filles

Tonton Zozo, tu veux zouer au gros vilain nounours, comme avec Ambre ?

Bin oui moi aussi ze veux bien jouer avec elle, mais en attendant ze vais zouer avec mon petit sat, car papounet est en corps sé la voizine

Petit licette toute saze

zoulouman
 Posté le 20/06/2021 à 18:50 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Vas-y Dreamer, pète lui la gueule !

Jean-Pierre
 Posté le 20/06/2021 à 20:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Bin non ze l'appelle "Mon Gros Nounours" et on s'amuze bien avec Ambre sa petite sate

Petite Licette

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
11,99 €Support de Moniteur avec 3 hauteurs réglables et rangement intégré à 11,99 € (via coupon)
Valable jusqu'au 02 Août

Amazon fait une promotion sur le support de Moniteur avec 3 hauteurs réglables et rangement intégré qui passe à 11,99 € via un coupon de réduction de 40% à activer sur la page du produit. Ce réhausseur d'écran peut supporter jusqu'à 20 kg.


> Voir l'offre
31,17 €XIAOMI Mi TV Stick à 31,17 €
Valable jusqu'au 01 Août

Cdiscount propose en exclusivité la nouvelle version de la clé HDMI XIAOMI Mi TV Stick à 31,17 €. Cette clé HDMI à brancher sur votre TV possède un processeur quadricoeur, 1 Go de RAM et 8 Go d'espace de stockage, le WiFi et le bluetooth. Elle intègre un Chromecast, est compatible Dolby et DTS et est fournie avec une télécommande qui peut être pilotée à la voix. Elle tourne sous Android TV 9.0 et vous allez pouvoir voir facilement Prime Video, Netflix, Disney+, YouTube, Spotify, Moltov, ... sur votre TV Full HD.


> Voir l'offre
114,94 €Carte mère MSI B550 Gaming Plus à 114,94 € livrée
Valable jusqu'au 01 Août

Amazon Allemagne fait une promotion sur la carte mère MSI B550 Gaming Plus à 107,62 €. Comptez 7,32 € pour la livraison en France soit un total de 114,94 € livrée. On la trouve ailleurs à partir de 130 €. Embarquant le chipset AMD B550, la carte mère MSI MPG B550 GAMING PLUS avec son socket AM4 est conçue pour accueillir les processeurs AMD Ryzen de 3ème génération. Elle permettra de composer une configuration Gaming disposant des dernières avancées technologiques : PCI-Express 4.0 pour les cartes graphiques et les SSD M.2, gestion de 128 Go de RAM DDR4. Tout est là pour une expérience gaming enivrante, à vous de jouer !


> Voir l'offre

Sujets relatifs
Formulaire non affiche sur mail apres envoi
faire un lien sur bouton envoyer sur formulaire
un logo s'affiche si je clic sur l'image
Chronomètre se déclenchant sur un clic de souris
gestion db - j'ai oublié une question sur un formulaire...
Formulaire d'abonnement avec formmail sur OVH
Suppression pub du premier clic sur une page de mon site
Installation Capcha Cryptographp sur formulaire
comment supprimer site sur FTP FREE après résiliat
Envoi de formulaire sur Email: comment faire SVP?
Plus de sujets relatifs à Pré-remplissage formulaire après clic sur bouton
 > Tous les forums > Forum Forum des Webmasters