Discussion :

[benoitB]

Bonjour,

j'affiche une liste de noms cliquables à l'aide du code ci-dessous :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<form style='margin: 0px;padding: 0px' name='_H420_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' /><a href='#' class='R4' onClick='_H420_.submit()'>AUBOYNEAU Philippe</a></form>
<form style='margin: 0px;padding: 0px' name='_H15599_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' />&nbsp;&nbsp;&nbsp;<a href='#' class='R4' onClick='_H15599_.submit()'>AUPHAN Gabriel</a></form>
<br />
<form style='margin: 0px;padding: 0px' name='_H158_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' /><a href='#' class='R4' onClick='_H158_.submit()'>BRESSOLLES René</a></form>
<br />
<form style='margin: 0px;padding: 0px' name='_H13351_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' /><a href='#' class='R4' onClick='_H13351_.submit()'>CONTIN Henri</a></form>
<br />
<form style='margin: 0px;padding: 0px' name='_H1461_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' /><a href='#' class='R4' onClick='_H1461_.submit()'>DELISSEN Émile</a></form>
<form style='margin: 0px;padding: 0px' name='_H15524_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' />&nbsp;&nbsp;&nbsp;<a href='#' class='R4' onClick='_H15524_.submit()'>DE TRÉMAUDAN Hervé</a></form>
<form style='margin: 0px;padding: 0px' name='_H15499_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' />&nbsp;&nbsp;&nbsp;<a href='#' class='R4' onClick='_H15499_.submit()'>DU GARDIN Joseph</a></form>
<br />
<form style='margin: 0px;padding: 0px' name='_H155_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' /><a href='#' class='R4' onClick='_H155_.submit()'>FALHUN François</a></form>
...

Ce qui donne :


Les sauts de ligne sont toujours présents malgré les :

Code :

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

 style='margin: 0px;padding: 0px'

insérés comme conseillés dans les divers forums.

Cependant je souhaite ce type de résultat :


Merci de votre aide,

[thelvin]

<form> est de type block. Par défaut les blocks s'empilent les uns sur les autres, pas à côté.

'Faudrait leur mettre display: inline ou display: inline-block et ça devrait résoudre le problème.

Et pour info, plutôt que de les séparer avec des <br> tu devrais encadrer tes groupes avec des <div>. Ce sera plus facile à styler.

Et pour finir, mettre un formulaire par personne juste parce que tu veux envoyer le lien en POST, c'est super moche. Avoir un seul formulaire qui les contient tous, et un petit coup de JavaScript qui s'occupe de soumettre le formulaire quand on clique sur un lien, ce serait plus pratique.

[Vil'Coyote]

Et pour finir, mettre un formulaire par personne juste parce que tu veux envoyer le lien en POST, c'est super moche. Avoir un seul formulaire qui les contient tous, et un petit coup de JavaScript qui s'occupe de soumettre le formulaire quand on clique sur un lien, ce serait plus pratique.

ou utiliser des liens hypertexte avec une variable dans l'url ...

[benoitB]

(Re)bonjour,
et merci pour les réponses rapides (comme d'habitude).

En ayant suivi tous les conseils ça correspond tout à fait à mon attente.

Je poste le code correspondant au cas où...

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
<script type='text/javascript'>
        function submitMainForm(value_page, value_variable)
        {
                document.mainForm.page.value = value_page;
                document.mainForm.variable.value = value_variable;
                document.mainForm.submit();
        }
</script>
<form name='mainForm' method='post' action='./__test.php'>
<input type='hidden' name='page' value='' />
<input type='hidden' name='variable' value='' />
<div>
<a href='#' class='R4' onClick='javascript: submitMainForm(31, 420)'>AUBOYNEAU Philippe</a>
&nbsp;&nbsp;&nbsp;<a href='#' class='R4' onClick='javascript: submitMainForm(31, 15599)'>AUPHAN Gabriel</a>
</div>
<div>
<a href='#' class='R4' onClick='javascript: submitMainForm(31, 158)'>BRESSOLLES René</a>
</div>
<div>
<a href='#' class='R4' onClick='javascript: submitMainForm(31, 13351)'>CONTIN Henri</a>
</div>
<div>
<a href='#' class='R4' onClick='javascript: submitMainForm(31, 1461)'>DELISSEN Émile</a>
&nbsp;&nbsp;&nbsp;<a href='#' class='R4' onClick='javascript: submitMainForm(31, 15524)'>DE TRÉMAUDAN Hervé</a>
&nbsp;&nbsp;&nbsp;<a href='#' class='R4' onClick='javascript: submitMainForm(31, 15499)'>DU GARDIN Joseph</a>
</div>
....
</form>