Zend FR

Je sais que ma question ne date que d'hier, mais je ne parviens pas à modifier la façon dont le ZF génère son code de formulaire pour que ça passe sous IE... pfff
Est-ce bien une anomalie reconnue ?

En fait, c'est bien ça le drame (bon j'exagère un peu, mais quand même)
Il n'y a aucune erreur générée...
La zone de texte ne permet simplement pas de saisir quoi que ce soit dedans....
Alors que dans FireFox, pas de problème...

Donc dans IE, pas d'erreur, la saisie est impossible, c'est tout..
Le code dans la form :

$sportifscarriere = new Zend_Dojo_Form_Element_Editor('sportids_carriere');
      $sportifscarriere->setLabel('CV sportif')

Et le code généré, je le trouve assez étrange, non ?  :

<p>
<label for="textarea" class="optional">CV sportif</label>
<input id="textarea" name="sportids_carriere" value="Année" type="hidden" />
<textarea height="150" id="textarea-Editor" cols="40" rows="3" name="sportids_carriere[Editor]" type="text">
Année 
</textarea>
</p>

Alors que si je fais une page simple, sans utiliser Zend_Dojo_Form, comme ceci :

<script type="text/javascript">
    dojo.require("dijit.Editor");
    dojo.require("dojo.parser");
</script>
<div style="border: 1px solid #ccc">
  <textarea dojoType="dijit.Editor"
    styleSheets="/dojotoolkit/dojo/resources/dojo.css">
    <p>
     Quelque chose
    </p>
  </textarea>
</div>

ça fonctionne parfaitement sous IE et FF...
J'en déduis que c'est le code généré qui pose problème à IE (sans pour autant avoir un message d'erreur...)

Voilà, j'en suis là.

Merci beaucoup pour ton aide.
Je l'accepte volontiers.
J'ai avancé depuis, et je pense avoir trouvé l'origine du problème, mais je ne vois pas comment le résoudre.

J'ai mis une coquille vide du projet sur un serveur avec simplement ce qui pose problème.
Donc le dialogue dans une version qui fonctionne correctement avec IE et FF :
http://ns351791.ovh.net/dum/public/gene … ndex/index
Et la version qui ne fonction pas sous IE mais uniquement avec FF :
http://ns351791.ovh.net/dum/public/gene … ndex/style
La seule différence entre ces deux version est que dans le deuxième cas le formulaire est encadré par <div> :

<div id="unformulaire">
<?php echo $this->maforme; ?>
</div>

avec le style suivant qui permet d'aligner les zones à droite :

#unformulaire
{
    display: block;
    width: auto;
    float: left;
    padding-right: 10%;
    text-align: right;
}

J'imagine qu'il y a de ma part une connaissance insuffisante de CSS.
Ceci étant dit, le problème n'apparait que sur IE et uniquement avec Zend_Dojo_Form_Element_Editor.

Donc, un coup de pouce à la recherche d'un CSS qui ne ruine pas les zones Dojo avec IE, je ne suis pas contre !

Bonjour,

j'ai zippé l'ensemble du projet en vidant le répertoire dojo de son contenu (dijit,dojo,dojox,util) pour limiter la taille.
Tu peux le récupérer à cette adresse : http://ns351791.ovh.net/down/

Le CSS casse uniquement la zoe Zend_Dojo_Element_Editor, c'est curieux.
En tout cas merci de ton aide.

Oui, si on retire la balise <div id="unformulaire">, alors la zone d'édition fonctionne correctement.

En fait le but était d'avoir mes zones alignées à droite, vu que dans le formulaire complet il y a une dizaine de champs à saisir...
Bon, pour ne rien te cacher, pour moi, l'idéal serait d'avoir mes labels alignés à gauche et mes champs de saisie aligné à droite et en face de leurs labels.
Comme dans un tableau quoi, mais sans le tableau.

De plus je tiens à utiliser les possibilités de Zend_Form qui évitent pas mal de code pour la validation de la saisie.
Bon en contrepartie, quand on est comme moi assez limite sur le CSS, ça complique pas mal le challenge...

Je vais regarder ça de plus près pour les CSS, de toute façon je n'ai pas le choix vu le problème actuel.
Je reste tout de même étonné par le HTML généré par l'utilisation de l'éditeur Dojo :

<input id="textarea" name="sportids_carriere" value="Année" type="hidden" /><textarea height="150" id="textarea-Editor" cols="40" rows="3" name="sportids_carriere[Editor]" type="text">Année</textarea>

Ce qui règlerait mon problème, et tant pis si ce n'est pas conforme, c'est d'avoir mon formulaire dans un tableau.
Mais j'ai beau récupérer des exemples de Decorator pour Zend_Form censés me mettre tout le formulaire dans un tableau, ça ne fonctionne pas bien (si tu as un exemple complet qui fonctionne vraiment, je suis preneur).

Il y a toujours la possibilité d'utiliser une méthode présentée ici (getFormModeWrite) qui permet de gérer les zones du formulaire de façon individuelle, mais on perd une partie des fonctionnalités de Zend_Form.

Ceci dit je préfèrerais en rester à CSS avec des trucs propres, mais faut avouer que perdre autant de temps pour aligner un malheureux formulaire, je trouve ça fou. Merci IE...

En tout cas merci pour ton aide et peut être que ça va éclairer d'autres personnes dans la même situation.

Dernière modification par Jean-Marc Rigade (23-01-2009 12:52:17)

Je viens de virer le 'float' et plus de problème. Tout est aligné à droite, comme avant. Bon, visuellement ce n'est pas exactement l'idéal, mais au moins ça passe sous IE : ICI, et ça me laisse le temps de réfléchir à la mise en page "fine" plus tard. Le problème est que je n'ai jamais le temps de me pencher la mise en forme et que Zend_Form oblige à jongler avec les CSS. Et comme dit Norky, si tu veux utiliser le ZF, tu dois être champion partout. Dans une autre vie, peut-être...

bonjour,
j'ai un souci avec l'editor de dojo généré par zend:

Sur certain IE7 on ne peut pas cliquer sur l'editeur comme s'il etait protégé..
Déjà j'ai un message dans la console de firebug ("RichText should not be used with the TEXTAREA tag. See dijit._editor.RichText docs.")


je pense faire la déclaration de l'élément de dijit.editor en htm ou javascript (dans la vue du controleur .phtml). avez vous une meilleure solution?

Dernière modification par lenny.dadu (26-01-2009 19:34:08)

Mon problemme n'est plus celui http://framework.zend.com/issues/browse/ZF-4399 (Zend_Dojo_Form_Element_Editor always post invalid data on IE).
j'ai corrigé grace a ma fonction javascript changeeditor() (copie le contenu de l'editeur vers un input Hidden)

Mon probleme est que j'ai certain IE ou l'on ne peut meme pas cliquer sur l'editeur! , genre l'editeur est une image fixe.. ou ya un calque devant qui empeche d'y acceder..

Sinon j'utilise bien la class Zend_Dojo_Form, et je pense quelle génére mal l'element digit de dojo. (TEXTAREA pas valide).

enfin voila mon form :

<script type='text/javascript'>
//<!--
function changeEditor(){

    if (FIREFOX3 | FIREFOX2 | AUTRE) {dojo.byId('EDITOHIDDEN').value = dojo.byId('EDITO-Editor_iframe').contentDocument.body.innerHTML;}
    if (IE7 | IE6) {dojo.byId('EDITOHIDDEN').value = dojo.byId('EDITO-Editor_iframe').Document.documentElement.childNodes[1].childNodes[0].innerHTML;}
    
}
//-->
</script>
<?php
class Formulaires_UtilEdito extends Zend_Dojo_Form 
{
    public function __construct($options = null)
    {
        
        $conf = Zend_Registry::get('config');
        
        parent::__construct($options);
        $this->setName('utilEdito');
        $this->setMethod('post');

        $edito = new Zend_Dojo_Form_Element_Editor('EDITO');
        $edito->setLabel('Edito')
        ->setAttrib('onchange', "changeEditor();")
        ->setAttrib('style','width:250px;')
        ;
                
         $editoH = new Zend_Form_Element_Hidden('EDITOHIDDEN'); 
          
        $submit = new Zend_Dojo_Form_Element_Button('submitedito');
        $submit->dijitParams=array('label' => "Mettre à jour");
        $submit->setAttrib('onclick', "submitForm('utilEdito','utilEditoresponse','".$conf->pathweb."skillblog/compte/utilchangeedito-ajax');return true");

        
        $this->addElements(array($edito,$editoH));
     
        $this->addElement($submit);

    }
}
?>

Bonjour,

J'ai aussi un problème avec l'Editor Dojo comme indiqué dans un autre message (http://www.z-f.fr/forum/viewtopic.php?pid=26384#p26384).

La barre d'outil n'apparait pas.

J'imagine que j'ai dû mal configurer quelque chose, surtout quand je vois la déclaration dojo de lenny.dadu.

Moi j'ai simplement écrit :

if ($this->dojo()->isEnabled()) {
                $this->dojo()
                   ->setLocalPath($this->baseUrl . '/public/js/dojo/dojo.js')
                   ->addStyleSheetModule('dijit.themes.tundra');
            echo $this->dojo();
}

Faut-il impérativement ajouter toutes les déclarations que tu mets lenny.dadu ? Mon problème vient peut-être de là...
Pourtant dans les tutos que j'ai vu, on propose de faire comme moi...
Merci d'avance à ceux qui pourront me dépanner.

Dernière modification par EdMo (26-03-2010 16:40:59)