> 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
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
79,53 €Disque dur Seagate BarraCuda 4 To à 79,53 €
Valable jusqu'au 01 Août

Cdiscount propose actuellement le disque dur Seagate BarraCuda - 4 To (ST4000DM004) à 79,53 €. Ce disque dur 3.5 pouces SATA III tourne à 5400tr/min et possède 256 Mo de cache. On le trouve ailleurs autour de 95 €. 


> Voir l'offre
353,98 €Ecran PC 27 pouces Dell S2721DGFA (WQHD, IPS, 165 Hz, 1 ms, FreeSync/GSync) à 353,98 €
Valable jusqu'au 01 Août

Amazon fait une promotion sur l'écran PC 27 pouces Dell S2721DGFA qui passe à 349,99 € livré. On le trouve ailleurs à plus de 440 €. L'écran à cadre fin dispose d'une dalle IPS WQHD (2560x1440 pixels) 1 ms à 165 Hz. Il est compatible Freezync et Gsync via Adaptive Sync et dispose de 4 prises USB 3.0 (fait office de hub), un port DP et 2 prises HDMI. 


> 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