Zend FR

Consultez la FAQ sur le ZF avant de poster une question

Vous n'êtes pas identifié.

#1 30-04-2009 12:33:56

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

[résolu][ZF 1.8] Créer une aide de saisie

Voilà mon sujet :
Ma page est séparée en deux parties : à gauche mon formulaire, à droite un tableau dynamique en fonction du champs de saisie sur lequel on se trouve pour proposer des choix (lorsque l'on clique sur la ligne du choix voulu, le champ de saisie se met à jour ).

Je pourrais utiliser une liste déroulante mais l'utilisation devant se faire par la suite sur un terminal tactile je préfére la solution énoncé ci-dessus.

Pour celà et afin d'éviter la chargement intenpestif de page, je suppose qu'il faut que j'utilise Ajax seulement je n'est pas encore utilsé celà avec Zend.

Quelqu'un aurait-il une démarche à m'indiquer (où comment créer mes éléments et les appeler)?
Y aurait-il un bon tutoriel sur Zend et Ajax ???

Dernière modification par matdev (12-05-2009 11:03:57)

Hors ligne

 

#2 30-04-2009 15:29:10

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

Re: [résolu][ZF 1.8] Créer une aide de saisie

Je vais essayer d'etre plus clair sur ce que je veux.

En faite j'ai un formulaire pour enregistrer des entreprises clientes.

Première étape:
lorsque je positionne mon curseur dans le champs 'raison sociale', tableau avec la liste des raisons sociales contenu dans la base de données apparait.

Deuxième étape:
lorsque je clique sur une ligne de ce tableau, son contenu est reporté directement dans le champs actif

Troisième étape:
lorsque je quitte le champ le tableau se referme

-----------------------------------------------------------------------------------------------------------------------------
Quelqu'un aurait-il une idée à me soumettre ?

Hors ligne

 

#3 30-04-2009 15:49:35

gostbuster
Membre
Date d'inscription: 11-03-2009
Messages: 160

Re: [résolu][ZF 1.8] Créer une aide de saisie

Salut,

j'ai effectué le même genre d'effet ajax dans une de mes pages,

Je n'ai pas utilisé Zend_Dojo car je trouve que la documentation est quasi absente.....

Par contre j'ai utilisé JQuery et cela fonctionne très bien.

C'est tres simple d'utilisation et on peu le coupler avec zend/MVC très facilement.

quelques pistes avec ce que tu veux faire :

Code:

<div id="div_info">Cliquez sur un champ pour + d'info</div>

(ca c'etait pour ta page html

maintenant javascript:

Code:

$("#id de mon input").mouseover(function(){

$ajax(//voir la doc
.......url:mon url (controller/action/....)
succes:function(msg){
$("#div_info").html(msg)

}


})

pour la syntaxe exacte voir la doc....
pour sortir du champ l'event c'est "mouseout"

dans ta requete ajax tu peux y mettre l'url tel que tu la verrais dans ton navigateur en ouvrant une page.
exemple si tu as le controlleur infos et l'action afficher qui t'affiche les infos (a l'aide d'une vue),
tu fera alors infos/afficher...et msg correspond au code html que tu récupère...tu peux donc l'insérer ou tu veux....

voila


Gostbuster - Développeur WEB

Hors ligne

 

#4 30-04-2009 16:04:05

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

Re: [résolu][ZF 1.8] Créer une aide de saisie

peux-tu m'indiquer à quelle doc tu fais référence stp?

Hors ligne

 

#5 30-04-2009 16:07:31

gostbuster
Membre
Date d'inscription: 11-03-2009
Messages: 160

Re: [résolu][ZF 1.8] Créer une aide de saisie

Oui bien sur la doc de JQuery trouvable sur www.jquery.com


Gostbuster - Développeur WEB

Hors ligne

 

#6 30-04-2009 16:19:29

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

Re: [résolu][ZF 1.8] Créer une aide de saisie

J'utilise Zend 1.8, JQuery est déjà intégrer ou faut-il que je réalise une installe particulière ? ma question est peut-être stupide mais je débute dsl

Hors ligne

 

#7 30-04-2009 16:23:34

gostbuster
Membre
Date d'inscription: 11-03-2009
Messages: 160

Re: [résolu][ZF 1.8] Créer une aide de saisie

Très bonne question à laquelle je ne saurais répondre.

Personnellement, j'ai téléchargé la librairie jquery sur le site puis l'ai inclus dans mon header.

Maintenant je ne connais pas l'utilisation du Jquery intégré dans Zend.(mais suis quand même interressé par des liens ou de la doc à ce sujet).


Gostbuster - Développeur WEB

Hors ligne

 

#8 30-04-2009 16:44:26

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

Re: [résolu][ZF 1.8] Créer une aide de saisie

ok merci pour les infos.

pour revenir aux petits éléments de code que tu m'as transmis, en fait, lorsque tu clique sur un input, tu va chercher une action que tu execute dans une div particulière c'est bien ça ???

Hors ligne

 

#9 30-04-2009 17:05:21

gostbuster
Membre
Date d'inscription: 11-03-2009
Messages: 160

Re: [résolu][ZF 1.8] Créer une aide de saisie

Alors,

sous jquery tu te sers de tes elements,e t tu leur affecte des actions a un évènement :

$("mondiv").click(function(){....}

mais aussi $("mondiv").mouseon(function(){....}

quelque soit le type d'action tu peux effectuer un truc lorsque l'évènement a lieu... (ca se passe dans {.....}
$(machin).text("montexte"), ca sert juste a remplacer le contenu de machin (qui est un element du dom/page html)

tu vois mieux?


Gostbuster - Développeur WEB

Hors ligne

 

#10 04-05-2009 08:52:28

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

Re: [résolu][ZF 1.8] Créer une aide de saisie

Je te remercie pour toutes ces infos gostbuster, je vais tester tout ça dans ma semaine et me familiariser avec le plus possible afin de poursuivre mon projet.

Je reviendrai vers toi si d'autres questions me viennent au fil de mes tests.

Hors ligne

 

#11 04-05-2009 11:29:59

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

Re: [résolu][ZF 1.8] Créer une aide de saisie

Bon j'ai essayé d'utiliser JQuery mais rien ne se passe, voilà mes sources :

- jquery.js dans public/js
* jQuery JavaScript Library v1.3.2
* http://jquery.com/

- affichageaide.js dans public/js

Code:

$("input#typeclient").mouseover(function(){
    $ajax({
        url:"Fichier/infotypeclient",
        success:function(msg){
            $("#aide").html(msg);
        }
    });
});

- Fichier.php dans application/controllers/

Code:

public function ajouterclientAction(){
    $this->view->title = "Ajouter un nouveau client";
    $form = new ClientsForm();
    $form->submit->setLabel('Valider');
    $this->view->form=$form;
}

public function infotypesclientsAction()
{
        $liste=new Typesclients();
        $liste=$liste->fetchAll('id!=0');
                $page = Zend_Paginator::factory($liste);
                $page->setPageRange(3);
                $page->setCurrentPageNumber($this->_getParam('page', 1));
                $page->setItemCountPerPage($this->_getParam('par', 20));
                $this->view->typesclients = $page;
}

-ajouterclient.phtml

Code:

<div id="saisie">
    <?php echo $this->form ;?>
</div>
<div id="aide">
    Aide à la saisie
</div>

<br/>
<center>
<a href="<?php echo $this->baseUrl();?>/Fichier/listeprofils">- Retour -</a>
</center>

-layout.phtml

Code:

<SCRIPT language="javascript" src="<?php echo $this->baseUrl();?>/public/js/jquery.js"></SCRIPT>
<SCRIPT language="javascript" src="<?php echo $this->baseUrl();?>/public/js/affichageaides.js"></SCRIPT>

Je n'ai peut être pas tout compris mais lorsque je place le curseur sur le <input id="typeclient" ... > je devrai normalement afficher mon tableau de type client (infotypeclient) dans la <div id="aide"> non ???

Hors ligne

 

#12 04-05-2009 11:49:43

gostbuster
Membre
Date d'inscription: 11-03-2009
Messages: 160

Re: [résolu][ZF 1.8] Créer une aide de saisie

Salut, avant de te lancer dans des trucs compliqués, as tu fais des trucs de ce genre :

Code:

<div id="test">test</div>

puis ensuite:

$("#test).click(function(){

alert("click");
})

Bon et sinon il faut toujours englober son script jquery par :

    $(document).ready(function(){  ........mon code }

dis moi si ca le fait....


Gostbuster - Développeur WEB

Hors ligne

 

#13 04-05-2009 12:00:55

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

Re: [résolu][ZF 1.8] Créer une aide de saisie

j'ai mis sur une vue l'élément suivant :

Code:

<div id="testclic">clic</div>

et comme test jquery ceci :

Code:

$(document).ready(function(){
    $("#testclic").click(function(){
        alert("click");
    });
}

mais rien ne se passe ???

Hors ligne

 

#14 04-05-2009 12:43:10

gostbuster
Membre
Date d'inscription: 11-03-2009
Messages: 160

Re: [résolu][ZF 1.8] Créer une aide de saisie

essaye pour commencer ca :

$(document).ready(function(){

        alert("alerte javascript");

}


Gostbuster - Développeur WEB

Hors ligne

 

#15 04-05-2009 13:46:29

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

Re: [résolu][ZF 1.8] Créer une aide de saisie

non j'ai aucun alert qui apparait, j'ai même essayé de placer le script directement dans ma vue et même dans mon layout mais rien ... y a un souci quand même là ... hmm

Hors ligne

 

#16 04-05-2009 13:54:00

gostbuster
Membre
Date d'inscription: 11-03-2009
Messages: 160

Re: [résolu][ZF 1.8] Créer une aide de saisie

fait moi voir le code source complet de ta vu stp, c'est a dire le code source de la page affichée. est-ce que tu as firebug d'installé?


Gostbuster - Développeur WEB

Hors ligne

 

#17 04-05-2009 14:07:51

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

Re: [résolu][ZF 1.8] Créer une aide de saisie

j'ai installé firebug sur mon poste et l'erreur provenée d'une parenthèse manquante dans mon script
je pense qu'avec ce debugger supplémentaire ça devrait m'aider, je vais tester les déclenchements à partir de clics puis l'affichage de nouveaux éléments sur ma page.

merci pour les infos gostbuster

Hors ligne

 

#18 04-05-2009 14:10:38

gostbuster
Membre
Date d'inscription: 11-03-2009
Messages: 160

Re: [résolu][ZF 1.8] Créer une aide de saisie

Avec plaisir.


Tu as bien fait d'installer firebug, car cela va t'être d'une énorme utilité pour débugguer du javascript et notamment Jquery. Si tu as un autre soucis ave Jquery, n'hésite pas à me contacter.


Gostbuster - Développeur WEB

Hors ligne

 

#19 04-05-2009 15:05:13

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

Re: [résolu][ZF 1.8] Créer une aide de saisie

J'arrive à afficher mon tableau à l'endroit voulu une fois le curseur positionné sur un champ.

Cependant j'ai de nouvelle petite question :
- mon 'charset=iso-8859-1' est passé en utf-8 pour ma page uniquement quand le tableau est affiché?
- le temps de réponse (affichage du tableau au focus sur le input ou retrait du tableau au blur sur le input) est assez long. Celà provient-il de JQuery, de wamp, d'autre chose ?

Hors ligne

 

#20 04-05-2009 16:52:34

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

Re: [résolu][ZF 1.8] Créer une aide de saisie

pour le temps de réponse je crois que cela vient de mon systeme auth/acl donc je verrai pour régler ça plus tard

Hors ligne

 

#21 11-05-2009 15:31:39

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

Re: [résolu][ZF 1.8] Créer une aide de saisie

Bon je reviens un peu sur ce post car je rencontre un petit souci.

L'affichage d'une aide pour une  création d'un élément fonctionne parfaitement, j'ai bien mon formulaire à gauche et des tableau qui s'affiche a droite en fonction des champs de saisie parcouru.

Mon problème est que si ça marche pour la création, lorsque je suis sur une page de modification et qu'un tableau est sensé s'affiché dans ma partie d'aide, j'ai en fait mes div qui se mélange et surtout je n'ai pas le tableau d'aide qui s'affiche dans la seconde div mais une page complete ac entete menu un autre formulaire mais vierge????

mes codes pour les vues, les Form utilisés, les scripts js/jquery utilisés entre la création et la modification sont identiques. Seul le traitement des informations au niveau du controleur est légèrement différent...

quelqu'un a-t-il une idée ?

Hors ligne

 

#22 12-05-2009 11:03:40

matdev
Membre
Date d'inscription: 31-03-2009
Messages: 172

Re: [résolu][ZF 1.8] Créer une aide de saisie

C'est bon j'ai résolu le problème qui venait du fai que j'utilisais des chemin relatif dans mes action JQuery mais maintenant c ok

Hors ligne

 

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