récupérer texte d'un formulaire pour une fonction javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : récupérer texte d'un formulaire pour une fonction javascript

zcrusher

It's time to unleash the Fury

Bonjour à tous,

j'utilise actuellement un calendrier (FULLCALENDAR) pour un Extranet de ma boîte.
J'ai un petit problème pour récupérer le contenue d'une variable d'un formulaire

voici un tout petit bout de mon code source, mon formulaire html :

Code :

<div class="modal fade" id="editEvent">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Edition</h4>
</div>
<form id="formeditEvent" class="form-edit" role="form">
<div class="modal-body">
<div id="eventInfo"></div>
</div>
</form>
<div class="modal-footer">
<input type="button" class="btn btn-info btn-sm" value="Enregistrer" id="boutonenregistrer" >
<button type="button" class="btn btn-info btn-sm" data-dismiss="modal">Fermer</button>
</div>
</div>
</div>
</div>

Mon code Javascript :

Code :

eventClick: function(event, jsEvent, view) {
var info ="<input type=\"text\" class=\"form-control\" id=\"eventName\" name=\"eventName\" value=\""+event.title+"\"><input type=\"hidden\" id=\"eventid\" value=\""+event.id+"\" name=\"eventid\" />";
$('#editEvent').modal('show'); // OK - Affiche la fenêtre qui édite le nom de l'événement. <div class="modal fade" id="editEvent">
$('#eventInfo').html(info); // OK - variable dans le form html
$('#boutonenregistrer').click(function() { // le bouton enregistrer a été cliqué.
var title = $("#eventName" ).val(); // <-- ????????
$('#editEvent form')[0].reset(); // Remise à zéro du formulaire
$('#editEvent').modal('hide'); // ici le formulaire est effacé.
});
},

Quand je clique sur l'événement, il est bien présent dans mon formulaire via "var info", mais il ne prend pas en compte ma modification "var title = $("#eventName" ).val();" reste vide "" quand je clique sur enregistrer

Note : je suis assez mauvais en javascript !

Message édité par zcrusher le 21-04-2017 à 16:55:17

---------------
Si on te demande, tu diras que nous étions ensemble en train d'écraser des boîtes aux lettres !!

Publicité

torwood3

Salut,

~~Problème classique, lorsque ton JavaScript est interprété, l'élément n’existe pas encore.~~
Edit : l'idée de gatsu35 semble plus cohérente

Message édité par torwood3 le 22-04-2017 à 13:27:17

---------------
"La valeur d'un homme tient dans sa capacité à donner et non dans sa capacité à recevoir." Albert Einstein / "Dans la nature, tout a toujours une raison. Si tu comprends cette raison, tu n'as plus besoin de l'expérience." Léonard De Vinci

gatsu35

Blablaté par Harko

moi je dirai que "var title" reste local à ta fonction et que je vois vraiment pas ce que tu cherches à faire.

MaybeEijOrNot

but someone at least

Je penche comme Gatsu, comment vois-tu que ta variable reste vide?

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

zcrusher

It's time to unleash the Fury

Bonjour à tous,

Pour le moment il n'y a pas la partie qui sauvegarde dans ma base de donnée le title de mon événement.

Je regarde la valeur de mon eventName grâce a la console de Chrome et aussi avec des alert() et des console_log.

L'utilisateur clique sur le nom de l'événement et il doit pouvoir changer le title de son événement.

---------------
Si on te demande, tu diras que nous étions ensemble en train d'écraser des boîtes aux lettres !!

zcrusher

It's time to unleash the Fury

ce matin, je me suis penché sur mon petit problème..
Solution :

Code :

eventClick: function(event, jsEvent, view, element)
{
var info ="<input type=\"text\" class=\"form-control\" id=\"eventName\" name=\"eventName\" value=\""+event.title+"\"><input type=\"hidden\" id=\"eventid\" value=\""+event.id+"\" name=\"eventid\" />";
$('#editEvent').modal('show'); // Affiche la fenêtre qui édite le nom de l'événement. <div class="modal fade" id="editEvent">
$('#eventInfo').html(info); // variable dans le form html
var id = event.id;
$('#boutonenregistrer').click(function(event, jsEvent, view, element) {
title = $('#editEvent #eventName')[0].value;
if(title != null && title != '') {
$.ajax({
url: 'ajax/ajax-calendar.php?action=save',
type: "GET",
data: {
'title' : title,
'id' : id
},
});
}
});
$('#supprimer').click(function(event, jsEvent, view, element) {
title = $('#editEvent #eventName')[0].value;
if(title != null && title != '') {
$.ajax({
url: 'ajax/ajax-calendar.php?action=sup',
type: "GET",
data: {
'id' : id
},
});
}
});
$('#editEvent form')[0].reset(); // Remise à zéro du formulaire
$('#editEvent').modal('hide'); // ici le formulaire est effacé.
$('#calendar').fullCalendar('refetchEvents');
},

Code :

title = $('#editEvent #eventName')[0].value;

J'avais oublié le " #editEvent " dans mon code source.. décidément je n'aime pas le javascript

---------------
Si on te demande, tu diras que nous étions ensemble en train d'écraser des boîtes aux lettres !!

MaybeEijOrNot

but someone at least

Moi c'est plus jquery dont je ne suis pas fan mais je ne comprends absolument pas ta ligne, pour moi ça n'a aucun sens :

Code :

title = $('#editEvent #eventName')[0].value;

Le "#" indique que tu veux sélectionner un élément avec un certain id. Or en HTML un élément ne peut avoir qu'un seul id et un id ne peut correspondre qu'à un seul élément. À partir de là, à quoi ça peut servir d'indiquer l'élément parent? Et à quoi ça sert d'indiquer que c'est le premier objet ("[0]" ) de la liste des objets ayant l'id recherché puisque de toute façon il n'en existe qu'un seul.

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

zcrusher

It's time to unleash the Fury

bonsoir,

Je me suis poser la même question. Je débute un peu en Javascript. Je dois encore faire des efforts sur le bout de code, car il ne me plaît pas encore. C'est assez brouillon.

---------------
Si on te demande, tu diras que nous étions ensemble en train d'écraser des boîtes aux lettres !!

zcrusher

It's time to unleash the Fury

Je vais tester et faire mieux
Je code pour moi, mais ce n'est pas très Pro

---------------
Si on te demande, tu diras que nous étions ensemble en train d'écraser des boîtes aux lettres !!

FORUM HardWare.fr

Programmation

Javascript/Node.js

récupérer texte d'un formulaire pour une fonction javascript

Sujets relatifs
Edition fichier ini	Edition Hexadécimal
Edition d'un post sous Phpbb 3	edition de lien.
gnatmake with make : erreur lors de l'édition de lien.	mixer java avec javascript pour gerer les evenement sur un iframe
[RESOLU] Creer des actions sur évènement en boucle	[oracle]Oracle Express Edition en français?
[XML] Envoyer en argument de script des valeurs du journal d'evenement	Macro Word pour edition d'une nouvelle.
Plus de sujets relatifs à : récupérer texte d'un formulaire pour une fonction javascript

Page générée en 0.098 secondes