[resolu] [Javascript] Afficher un DIV onclick

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [resolu] [Javascript] Afficher un DIV onclick

houam3012

Au pays des chauve souris

Voila je souhaite construire une page php permettant l'enregistrement d'un itineraire dans une base.
Par defaut la page offre un DIV qui permet a l'utilisateur d'ecrire le numero de la journee dans un input, puis une description dans un autre input.
Je souhaiterai qu'un cliquant sur un lien ou un bouton je sais pas, un autre DIV identique apparraisse, avec des identifiants differents pour les input, afin de permettre a l'utilisateur de rentrer des infos pour un autre jour. Et ce autant de fois qu'il le desire. Je me suis dit que javascript pourrait me faire ca mais je suis absolute beginneret je ne sais pas par ou commencer.
Comment puis-je faire?
Merci

Message édité par houam3012 le 14-07-2004 à 11:18:57

---------------
"Étudiez comme si vous deviez vivre toujours; vivez comme si vous deviez mourir demain"

Publicité

gm_superstar

Appelez-moi Super

Faut utiliser les méthodes DOM pour ajouter des éléments, des attributs... voir appendChild() document.createElement() setAttribute()

Sinon tu peux y aller plus direct en utilisant innerHTML pour ajouter d'un coup l'ensemble DIV + formulaire

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

houam3012

Au pays des chauve souris

Effectivement gm_superstar la solution se trouve bien dans l'utilisation des methodes DOM
Merci! :jap:

Voici mon code pour le moment:

Code :

var numDay=2;
function addDay()
{
var theDay=document.getElementById('days');
var theName='day'+numDay;
var theNameDesc='dayDesc'+numDay;
var theDiv = document.createElement('DIV') ;
theDay.appendChild(theDiv) ;
theDiv.className = 'main';
var theDivSpac = document.createElement('DIV') ;
theDiv.appendChild(theDivSpac) ;
theDivSpac.className = 'spacer';
var theDivRow = document.createElement('DIV') ;
theDiv.appendChild(theDivRow) ;
theDivRow.className = 'row';
var theSpanLabel = document.createElement('span') ;
theDivRow.appendChild(theSpanLabel) ;
theSpanLabel.appendChild(document.createTextNode('Number of the day :'));
theSpanLabel.className = 'label';
var theSpanFormw = document.createElement('span') ;
theDivRow.appendChild(theSpanFormw) ;
theSpanFormw.className = 'formw';
var InpNumDay = document.createElement('INPUT') ;
theSpanFormw.appendChild(InpNumDay) ;
InpNumDay.setAttribute('type','text') ;
InpNumDay.setAttribute('size','2') ;
InpNumDay.setAttribute('value',numDay);
InpNumDay.setAttribute('name',theName);
InpNumDay.setAttribute('id',theName);
var theDivRow2 = document.createElement('DIV') ;
theDiv.appendChild(theDivRow2) ;
theDivRow2.className = 'row';
var theSpanLabel2 = document.createElement('span') ;
theDivRow2.appendChild(theSpanLabel2) ;
theSpanLabel2.appendChild(document.createTextNode('Description of the day :'));
theSpanLabel2.className = 'label';
var theSpanFormw2 = document.createElement('span') ;
theDivRow2.appendChild(theSpanFormw2) ;
theSpanFormw2.className = 'formw';
var AreaDayDesc = document.createElement('TEXTAREA') ;
theSpanFormw2.appendChild(AreaDayDesc) ;
AreaDayDesc.setAttribute('cols','50') ;
AreaDayDesc.setAttribute('rows','8') ;
AreaDayDesc.setAttribute('name',theNameDesc);
AreaDayDesc.setAttribute('id',theNameDesc);
var theDivSpac2 = document.createElement('DIV') ;
theDiv.appendChild(theDivSpac2) ;
theDivSpac2.className = 'spacer';
var Separator = document.createElement('HR') ;
theDiv.appendChild(Separator) ;
Separator.className = 'separator';
numDay+=1;
}

Bon ca m'a pas l'air trop crado, si?

Maintenant que j'ai tous mes input et textarea j'aurai souhaite recuperer leur valeur respective, afin de les enregistrer dans ma base de donnees. J'ai vu qu'en utilisant:

Code :

tabInput=document.getElementById('theBody').getElementByTagName('INPUT');
tabArea=document.getElementById('theBody').getElementByTagName('TEXTAREA');

j'obtenais deux tableaux contenant les differentes valeurs de mes input et textarea de mon body. Mais comment puis-je faire le lien avec PHP pour lui dire de recuperer ses valeurs dans un tableau javascript?

voila, merci.

---------------
"Étudiez comme si vous deviez vivre toujours; vivez comme si vous deviez mourir demain"

fxoxo

Je ne crois pas que tu peux faire le liens entre un tableau javascript et PHP ( mais je me trompe peu être ??? ) car javascript est executé coté client et php coté serveur.

Pour récupérer tes valeurs essai plutot :
Tu incrémente une variable $i
dans ton formulaire tu nomme les champs "machin_$i"
ex: <input name="nom_$i" ..>

Dans la page ou est posté ton formulaire tu récupére tes variables dans une boucle (de 0 à $i) à l'aide de la fonction php eval()

gm_superstar

Appelez-moi Super

houam3012 a écrit :

Bon ca m'a pas l'air trop crado, si?

Ca m'a l'air pas mal. Mais j'ajouterais le DIV conteneur à la fin. Ca devrait être plus rapide.

houam3012 a écrit :

Maintenant que j'ai tous mes input et textarea j'aurai souhaite recuperer leur valeur respective, afin de les enregistrer dans ma base de donnees. J'ai vu qu'en utilisant:

Code :

tabInput=document.getElementById('theBody').getElementByTagName('INPUT');
tabArea=document.getElementById('theBody').getElementByTagName('TEXTAREA');

Ben tu te compliques la vie pour rien... Soumets ton formulaire à un script PHP et c'est bon.

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

houam3012

Au pays des chauve souris

Merci a tous les deux!!

Dis-moi gm_superstar, qu'entends-tu par mettre mon div conteneur a la fin?

Pour les tableaux, effectivement je me fais chier pour rien, d'autant qu'une fois que l'utilisateur a remplit les champs il n'a d'autre solution que de soumettre le formulaire. Reste a trouver le moyen de savoir combien d'input ont ete crees mais je pense qu'une variable php incrementee par le javascript devrait faire l'affaire!

---------------
"Étudiez comme si vous deviez vivre toujours; vivez comme si vous deviez mourir demain"

gm_superstar

Appelez-moi Super

houam3012 a écrit :

Dis-moi gm_superstar, qu'entends-tu par mettre mon div conteneur a la fin?

Ben mettre

theDay.appendChild(theDiv);

à la fin, une fois theDiv bien rempli

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

houam3012

Au pays des chauve souris

Ah yep!

Merci, une petite balise resolu pour mon sujet

---------------
"Étudiez comme si vous deviez vivre toujours; vivez comme si vous deviez mourir demain"

FORUM HardWare.fr

Programmation

HTML/CSS

[resolu] [Javascript] Afficher un DIV onclick

Sujets relatifs
recuperer variable d'URL en JavaScript	récuperer dans du php une valeur envoyé par du javascript
perl + regex [resolu]	[Python] TypeError sur une concaténation de chaines [Résolu]
Interdire des requêtes dans un input...[RESOLU]	Page d'attente pour moteur de recherche [résolu]
[Résolu] [Regex] reconnaitre une chaîne non complète - java	[javascript]remplacer antislash par slash
[RESOLU] [javascript] superposition d'images
Plus de sujets relatifs à : [resolu] [Javascript] Afficher un DIV onclick

Page générée en 0.037 secondes