Zend FR

Consultez la FAQ sur le ZF avant de poster une question

Vous n'êtes pas identifié.

Pages: 1

 

#1 15-11-2011 10:21:46

Vanille1987
Nouveau membre
Date d'inscription: 15-11-2011
Messages: 4

[Zend_Form][1.11] Zend_Form_Decorator - Formulaire de connexion

Bonjour,

Je suis une débutante, j'aimerai créer un formulaire de connexion  comme facebook avec Zend_Form et Zend_Form_Decorator et qu'il ressemble à ca :

http://img11.hostingpics.net/pics/521393test.png

J'essaie de le faire en transformant les dt et dd par une table et des tr, td mais je n'obtiens pas ce que je veux.
Voila ce que j'obtiens :

http://img11.hostingpics.net/pics/576677test3.png

Je veux pouvoir faire en sorte que les labels soit au dessus des champs textes et que le bouton de connexion soit au même niveau que les champs textes.

Quelqu'un peut m'aider?

Hors ligne

 

#2 15-11-2011 12:04:06

Vanille1987
Nouveau membre
Date d'inscription: 15-11-2011
Messages: 4

Re: [Zend_Form][1.11] Zend_Form_Decorator - Formulaire de connexion

S'il vous plait je suis vraiment coincé ... sad

Hors ligne

 

#3 15-11-2011 12:15:33

f.garoby
Membre
Date d'inscription: 02-03-2011
Messages: 105

Re: [Zend_Form][1.11] Zend_Form_Decorator - Formulaire de connexion

Bonjour,
As-tu tout d'abord regardé le code HTML/CSS qui a servi à générer le formulaire qui te sert d'exemple ? Peut-être trouveras-tu l'inspiration voire la solution à ta question.

Hors ligne

 

#4 15-11-2011 14:12:04

Vanille1987
Nouveau membre
Date d'inscription: 15-11-2011
Messages: 4

Re: [Zend_Form][1.11] Zend_Form_Decorator - Formulaire de connexion

Voila le code html que j'aimerai obtenir :

Code:

<form id="formConnexion" enctype="application/x-www-form-urlencoded" action="/xxx/xxxx/xxxx" method="post">
<table>
<tbody>
<tr>
<td class="label_connexion"><label for="email">Identifiant Professionnel</label></td>
<td class="label_connexion"><label for="email">Adresse &eacute;lectronique</label></td>
<td class="label_connexion"><label for="password">Mot de passe</label></td>
</tr>
<tr>
<td><input type="text" id="input_text" name="identifiant" tabindex="1" /></td>
<td><input type="text" id="input_text" name="email" tabindex="1" /></td>
<td><input type="password" id="input_text" name="password" tabindex="3" /></td>
<td><label for="connexion"><input value="Connexion" id="connexion_button" tabindex="4" type="submit" /></label></td>
</tr>
</tbody>
</table>
</form>

Je n'arrive pas a obtenir ça même avec le Zend_Form_Decorator sad

Hors ligne

 

#5 17-11-2011 11:39:11

123pierre
Membre
Date d'inscription: 27-03-2011
Messages: 10

Re: [Zend_Form][1.11] Zend_Form_Decorator - Formulaire de connexion

Quel est le code que tu obtiens?

Hors ligne

 

#6 21-11-2011 14:48:15

Vanille1987
Nouveau membre
Date d'inscription: 15-11-2011
Messages: 4

Re: [Zend_Form][1.11] Zend_Form_Decorator - Formulaire de connexion

voici le code php que j'ai pour créer mon formulaire :

Code:

self::$form_instance->setName($aFormDatas['nom_form']);
        self::$form_instance->setAction('xxxx')->setMethod('post');
        self::$form_instance->setDecorators(array('FormElements',array('HtmlTag', array('tag' => 'table')),'Form'));
        //Decorateurs
           $aDecorators = array('ViewHelper', 'Errors',
            array('Description', array('tag' => 'p', 'class' => 'description')),
            array('HtmlTag', array('tag' => 'td')),
            array('Label', array('tag' => 'td')),
        );

        // Elements
        $oIdConnexion = new Zend_Form_Element_Text($aFormDatas['id_connexion']);
        $oIdConnexion->setName('identifiant')->setLabel($aFormDatas['id_connexion'])
        ->setRequired(true)->addFilter('StripTags')->addFilter('StringTrim')->addValidator('NotEmpty')
        ->addDecorators($aDecorators);

        $oEmail = new Zend_Form_Element_Text($aFormDatas['email']);
        $oEmail->setName($aFormDatas['email'])->setLabel($aFormDatas['email'])->setRequired(true)->addFilter('StripTags')
        ->addFilter('StringTrim')->addValidator('NotEmpty')->addValidator('EmailAddress')->addValidator('Db_NoRecordExists')
        ->addDecorators($aDecorators);

        $oPassword = new Zend_Form_Element_Password('password');
        $oPassword->setName('password')->setLabel($aFormDatas['password'])->setRequired(true)->addFilter('StripTags')->addFilter('StringTrim')
        ->addValidator('NotEmpty')->addDecorators($aDecorators);

        $oSubmit = new Zend_Form_Element_Submit('submit');
        $oSubmit->setName($aFormDatas['connexion'])->setLabel($aFormDatas['connexion'])->setAttrib('id', 'connexion_button')
        ->addDecorators(array(
            'ViewHelper',
            array(array('data' => 'HtmlTag'), array('tag' => 'td', 'class' => 'element')),
            array(array('label' => 'HtmlTag'), array('tag' => 'td', 'placement' => 'prepend')),
            array(array('row' => 'HtmlTag'), array('tag' => 'td')),
        ));

        self::$form_instance->addElements(array($oIdConnexion,$oEmail, $oPassword, $oSubmit));
...

Voici ce que j'obtiens en html :

Code:

<form id="formConnexion" enctype="application/x-www-form-urlencoded" action="/xxx/xxxx/xxxx" method="post">
<table>
<tbody>
<tr>
<td id="identifiant-label"><label for="identifiant" class="required">Identifiant de connexion</label></td>
<td><input type="text" name="identifiant" id="identifiant" value="" /></td>
<td id="Email-label"><label for="Email" class="required">Email</label></td>
<td><input type="text" name="Email" id="Email" value="" /></td>
<td id="password-label"><label for="password" class="required">Mot de passe</label></td>
<td><input type="password" name="password" id="password" value="" /></td>
<td><td></td>
<td class="element">
<dt id="Connexion-label">&nbsp;</dt>
<dd id="Connexion-element"><input type="submit" name="Connexion" id="connexion_button" value="Connexion" /></dd>
</td>
</tr>
</tbody>
</table>
</form>

Hors ligne

 

 

Pages: 1

Pied de page des forums

Propulsé par PunBB
© Copyright 2002–2005 Rickard Andersson
Traduction par punbb.fr

Graphisme réalisé par l'agence Rodolphe Eveilleau
Développement par Kitpages