Discussion :

[Minority]

Bonsoir,

j'ai un petit souçis d'affichage pour un bouton au sein d'un formulaire.

Je vous explique un peu ce que je voudrais faire :

Un calendrier (un tableau de <a>, avec les jours en colonnes) permettant de voir / ajouter des évenements à des dates. Je voudrais que cela fonctionne avec AJAX, et donc lors d'un simple clique sur une date, afficher les evenement prevues à la dîtes date dans un div; pour le double clique, faire apparaitre un formulaire avec plusieurs champs input (le titre de l'evenement et son descriptif) et un bouton pour envoyer la requête.

Seulement je recontre un problème, lors du double clique sur une date, mon formulaire s'affiche : deux input (titre/contenu) et un bouton. Le problème est le suivant : mon bouton est un bouton sans texte (un pauvre carré en fait :/).

J'ai beau chercher l'attribut du bouton qui lui ferait avoir un texte, mais je trouve pas.

Voilà une partie de mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
function ajout(obj, day, month, year){
 
			var xhr=getXHR();
 
			var container=document.createElement("form");//creation du formulaire
			container.name="form";
 
			var inputTitle=document.createElement("input");//creation de l'input title
			inputTitle.name="title";
 
 
			var inputContent = document.createElement("input");//input pour le descriptif de l'evenement
			inputContent.name="content";
			inputContent.style.width = "480px";
			inputContent.style.height="200px";
 
			var button = document.createElement("button");// le bouton
			button.value="Valider";//ça marche pas
			button.name="Valider";//ça marche pas non plus
 
			//ajout des element au formulaire
			container.appendChild(inputTitle);
			container.appendChild(inputContent); 
			container.appendChild(button);
                        //je remplace le contenu de mon div ou il est ecrit "Double cliquez sur une date pour ajouter un evenement"
                       obj.replaceChild(container, obj.firstChild);
                        //saisie sur le titre de l'evenement
			inputTitle.focus();
}

Voilà, désolé si cette question a déjà été posé, mais après quelques recherche, je n'ai rien trouver.

Merci d'avance a ceux qui vont tenter de me dépanner .

[Grummfy]

en fait la valeur (value) d'un objet button est la valeur soumise au formulaire, mais pas le texte afficher contrairement a un input de type submit.

Soit tu fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
//var button = document.createElement("button");
var button = document.createElement("input");
var button_submit = document.createAttribute("type");
button_submit.nodeValue = "submit";
button.setAttributeNode(button_submit);

Soit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var button = document.createElement("button");
button.nodeValue = 'Valider';

[Minority]

Merci beaucoup, c'était l'attribut "nodeValue" que je ne trouvais pas .

Edit : La première solution marche nickel, mais la seconde n'affiche toujours rien.

[Minority]

Pour ceux que ça intéresse, j'ai trouver une solution pour créer un élément "button" avec le texte que l'on veut :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var button = document.createElement("button");
var texte = document.createTextNode("Le texte du bouton");
button.appendChild(texte);

Je sais pas si cette solution est bonne, mais en tout cas elle fonctionne