Baliser une fonction php ?

Bonjour voila, j ai un formulaire avec saisie de date ou grace a une fonction en php et javascript j'ouvre en pop up un calendrier pour ajouter une date . mais j'ai un probleme disgracieux ...

http://img137.imageshack.us/img137/5236/pbdate2uz.jpg

j'utilise un css pour mettre tout ca en place ....

C'est quoi la question?

comment faire pour que la fonction (qui affiche les 3 ptites icones) soit placée apres le champ date et non tout mochement au dessous la !

Et on devine ton code comme d'habitude?

mais tu le connais par coeur toi ^^

css

Code:

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
 
 
/*** Mise en forme de la page ***/ 
 
body { 
   margin: 1em; 
   padding: 0; 
   font: .8em arial, hevetica, sans-serif; 
   text-align: center; 
   color: black; 
   background: white; 
 
} 
/*** Mise en forme du formulaire ***/ 
 
#titreForm, #piedForm {   /*** Mise en forme du titre et du pied de formulaire ***/ 
   font: bold 1.1em arial, hevetica, sans-serif; 
   color: white; 
   background: Black; 
   padding: .5em; 
   width:60%; 
} 
#piedForm { 
   text-align: right; /*** Les boutons sont alignés à droite ***/ 
} 
#corpForm {   /*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/ 
   border: 1px solid black; 
   color: black; 
   background: #eeeeee; 
   width:60%; 
   text-align: left; 
 
} 
#corpForm input, #corpForm textarea, #corpForm select { 
      margin-left: 10px; 
}
#corpForm checkbox, #corpForm radio {
	vertical-align: middle;
}
 
#corpForm fieldset {   /*** Mise en forme des cadres ***/ 
 
   font-style: normal; 
   padding: 0 1em 1em; 
} 
 
#corpForm legend {   /*** Mise en forme des titres des cadres ***/ 
   font-weight: bold; 
   color: black; 
   background: transparent; 
} 
 
#corpForm p {   /*** Mise en forme des lignes du formulaire ***/ 
   margin: 0 0 .2em 0; 
   padding: 0 .5em 0 0; 
   line-height: 1.8; 
 
} 
#corpForm label { 
   float: left; 
   width:150px; 
   text-align: right; 
 
} 
 
 
#corpForm .legende {   /*** Mise en forme des aides contextuelles ***/ 
   font-style: italic; 
   color: #666; 
   background: transparent; 
 
} 
 
#corpForm .focus {   /*** Mise en avant des champs en cours d'utilisation ***/ 
   background: beige; 
   color: black; 
} 
#corpForm .normal {   /*** Retour à l'état normal après l'utilisation ***/ 
   background: white; 
   color: black; 
}

et html

Code:

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
 
<HTML>
<BODY>
<head>
<link href="form.css" rel="stylesheet" type="text/css"> 
 
 
 
<script language="JavaScript" type="text/javascript" src="css/dates.js"></script>
<link rel="shortcut icon" href="images/leocadie.ico" />
 
 
 
 
</head>
<body>
<form method='POST' name='enregdonnees' ACTION='enregform.php'><div id="titreForm">Ajout de données dans une table</div><div id="corpForm"><fieldset><legend><h3>Table : rdv</legend></h3><p><label>id_rdv : </label><input type='text' name='id_rdv'cols='20' onfocus="this.className='focus';" onblur="this.className='normal';"></textarea></p><p><label>date : </label><input type=text id="id_date"  name=date size="8" maxlength="10" tabindex="1"/><table border="0">
	<tr>
		<td><a title="Ouvrir Calendrier" href="javascript:openCalendar('enregdonnees','date','date')"><img src="images/cal.png" border="0" width="16" height="16" alt="Cal" title="Calendrier" /></a></td>
		<td><a title="Date d'aujourd'hui" href="javascript:void(0)" onclick="javascript:document.getElementById('id_date').value='2006-04-13'"><img src="images/today.png" border="0" width="16" height="16" alt="Auj" title="Aujourd'hui" /></a></td>
		<td><a title="Effacer cellule" href="javascript:void(0)" onclick="javascript:document.getElementById('id_date').value=''"><button type="button" name="bt_effacer" title="Effacer le contenu de la cellule" class="im"><img src="images/destroy_cart.gif" title="Effacer le contenu de la cellule" align="bottom" alt="X" width="16" height="16" border="0" /></button></a></td>
	</tr>
</table>
</p><p><label>lieu : </label><input type='text' name='lieu' cols='40' onfocus="this.className='focus';" onblur="this.className='normal';"></textarea></p><p><fieldset ><legend>intervenant</legend><p><label>architecte : </label><input type='checkbox' name='intervenant[]' value='architecte'></p><p><label>paysagiste : </label><input type='checkbox' name='intervenant[]' value='paysagiste'></p></fieldset></p><p><label>id_projet : </label><input type='text' name='id_projet'cols='20' onfocus="this.className='focus';" onblur="this.className='normal';"></textarea></p><p><label>service : </label><input type='text' name='service' cols='40' onfocus="this.className='focus';" onblur="this.className='normal';"></textarea></p><p><label>correspondant : </label><input type='text' name='correspondant' cols='40' onfocus="this.className='focus';" onblur="this.className='normal';"></textarea></p><p><label>mail : </label><input type='text' name='mail' cols='40' onfocus="this.className='focus';" onblur="this.className='normal';"></textarea></p><p><label>remote_addr : </label><input type='text' name='remote_addr' cols='40' onfocus="this.className='focus';" onblur="this.className='normal';"></textarea></p><p><fieldset><legend>confirmation</legend><p><label>oui </label><input type=radio name='confirmation' value=oui></p><p><label>non </label><input type=radio name='confirmation' value=non></p></fieldset></p><p><label>commentaires : </label><textarea name='commentaires' cols='30' row='8' onfocus="this.className='focus';" onblur="this.className='normal';"></textarea></p></fieldset></div><div id="piedForm"><INPUT TYPE='submit' NAME='valider' VALUE='VALIDER'><INPUT TYPE='reset' VALUE='ANNULER'></div></form></body>
</BODY>
</HTML>

Je me tue à faire une formulaire sans tableau et toi tu mets un tableau?!
Enlève le et la mise en forme sera plus jolie.

le tableau est généré par une fonction en php, il permet l'affichage des trois icones ! c'est pas moi qui ai ecrit ce code la :!

Ben ne génère pas de tableau!

j'ai trouvé moi meme en fait !

ds le CSS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
#corpForm input, #corpForm textarea, #corpForm select { 
      margin-left: 10px; 
}
#corpForm label { 
   float: left; 
   width:150px; 
   text-align: right; 
} 
#corpForm table {
	margin-left: 160px; 
	/*** Décalé de 150 a savoir la taille d'un label + 10^x de la taille de la marge entre label et input ***/
	/*** de façon à etre aligné avec l'input de date ***/
}

Voila merci a ceux qui avaient repondus =)

C'est bien beau d'utiliser le CSS pour mettre en forme ton formulaire mais si c'est pour finir par utiliser un tableau pour aligner 3 icônes, c'est du non-sens.

moi debutant ! moi etr eune quiche en html, php, css, javascript...
Moi avoir trouvé script pour generer automatiquement un calendrier. donc j'ai l'intention de le garder aussi simplement, donc y aura qu'un pauvre tableau pour aligner 3 pauvres icones ...

Citation:

moi debutant ! moi etr eune quiche en html, php, css, javascript...

n'apprends pas les 4 en même temps, commence par te mettre au point en html, fais une chose après l'autre !

enfin bon c'est un conseil ... car faire des copier-coller sur des sites, et tout rafistoler ensemble c'est vraiment laid, les tutoriels sur le net doivent être adaptés à ton propre code et non être copiés comme un bourrain ! les tutoriels et exemples sur le net t'apportent des techniques à réutiliser et rien de + =)

bon courage pour la suite