> 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
10,10 €Hub 4 ports USB 3.0 Sabrent avec commutateurs à 10,10 €
Valable jusqu'au 19 Septembre

Amazon fait une promotion sur le Hub 4 ports USB 3.0 Sabrent à 10,10 €. On le trouve ailleurs autour de 14 €. 4 commutateurs lumineux vous permettront d'activer ou non chaque port USB 3.0.


> Voir l'offre
1118,67 €Ecran PC incurvé 49 pouces Samsung Odyssey G9 C49G95TSSU (DWQHD, QLED 240 Hz, 1 ms) à 1118,67 €
Valable jusqu'au 18 Septembre

Cdiscount fait une promotion sur l'écran PC incurvé 49 pouces Samsung Odyssey G9 C49G95TSSU qui passe 1105,98 € au lieu de 1599 € avec le code promo AFFAIRE20. Cet écran possède une dalle incurvée 1000R avec une fréquence de 240 Hz (FreeSync et Gsync compatible), offre une résolution DWQHD (5120x1440) et un temps de réponse de 1 ms.


> Voir l'offre
Gratuit3 mois d'abonnement à Amazon Music Unlimited gratuits
Valable jusqu'au 23 Septembre

Amazon vous permet d'essayer son service de streaming musical pendant 3 mois gratuitement. Avec Amazon Music Unlimited, accédez à plus de 50 millions de titres, sans publicité et en illimité sur tous vos appareils : smartphone, tablette, PC/Mac, Fire, Alexa. Vous avez même la possibilité de télécharger vos playlists pour des écoutes hors connexion. A la fin de ces 3 mois, vous pourrez basculer vers l'offre payante à 9,99 € / mois ou bien arrêter sans frais le service. A noter l'existence d'une offre famille à 14,99 € / mois qui permet jusqu'à 6 utilisateurs d'écouter leur musique à tout moment et sur leurs appareils préférés. Vous pouvez annuler l'abonnement à tout moment.


> 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