Baliser une fonction php ?

**Tr@nkill** · 13/04/2006, 10h07

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 ...

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

**franculo_caoulene** · 13/04/2006, 10h10

C'est quoi la question?

**Tr@nkill** · 13/04/2006, 10h19

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 !

**franculo_caoulene** · 13/04/2006, 10h39

Et on devine ton code comme d'habitude?

**Tr@nkill** · 13/04/2006, 10h42

mais tu le connais par coeur toi ^^

css

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
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 :

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
 
<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>

**franculo_caoulene** · 13/04/2006, 12h24

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.

**Tr@nkill** · 13/04/2006, 13h38

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 :!

**franculo_caoulene** · 13/04/2006, 13h56

Ben ne génère pas de tableau!

**Tr@nkill** · 13/04/2006, 13h57

j'ai trouvé moi meme en fait !

ds le CSS

Code :

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

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 =)

**franculo_caoulene** · 13/04/2006, 13h59

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.

**Tr@nkill** · 13/04/2006, 14h36

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 ...

**Michel_57** · 14/04/2006, 01h57

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

Baliser une fonction php ?

HTML

Discussions similaires

Partager

Partager