code couleur formulaires

  • user warning: Table './drupal_www_ori_oai_org/cache_filter' is marked as crashed and last (automatic?) repair failed query: SELECT data, created, headers, expire, serialized FROM cache_filter WHERE cid = '4:cd4656ac36b9ffb395f358a68ce6d2b3' in /home/ori-oai/drupal/drupal-6.34/includes/cache.inc on line 27.
  • user warning: Table './drupal_www_ori_oai_org/cache_filter' is marked as crashed and last (automatic?) repair failed query: UPDATE cache_filter SET data = '<div class=\"emailFilter\">Bonjour,<br />\nDans quels fichiers faut il intervenir pour modifier le code couleur qui<br />\nrégit l\'affichage des formulaires ?<br />\nJe souhaiterai en particulier<br />\n- supprimer le jaune pour les champs répétables<br />\n- mettre une couleur sur les champs obligatoires<br />\nD\'avance merci de vos indications.<br />\nFrançoise.</p>\n<p>--<br />\nFrancoise Schortin - Université Paris-Sud 11/Direction Informatique</p>\n</div>\n', created = 1507750251, expire = 1507836651, headers = '', serialized = 0 WHERE cid = '4:cd4656ac36b9ffb395f358a68ce6d2b3' in /home/ori-oai/drupal/drupal-6.34/includes/cache.inc on line 112.
  • user warning: Table './drupal_www_ori_oai_org/cache_filter' is marked as crashed and last (automatic?) repair failed query: SELECT data, created, headers, expire, serialized FROM cache_filter WHERE cid = '4:75fe8f6e79002a8d48d6c6a80a59f555' in /home/ori-oai/drupal/drupal-6.34/includes/cache.inc on line 27.
  • user warning: Table './drupal_www_ori_oai_org/cache_filter' is marked as crashed and last (automatic?) repair failed query: UPDATE cache_filter SET data = '<div class=\"emailFilter\">Bonjour,</p>\n<p>Désolé pour le délai de réponse. Le fichier à modifier est<br />\nWEB-INF/resources/apps/ori-md-editor/media/styles/ori-xforms.css.<br />\nLe tout est d\'identifier les classes CSS qui correspondent aux notions<br />\nque vous voulez illustrer ; par exemple, les champs répétables portent<br />\nla classe \"xforms-repeat-selected-item-1\" et les champs obligatoires<br />\n\"xforms-required\" (il existe aussi \"xforms-required-empty\" et<br />\nprobablement d\'autres encore). Ainsi, relativement à vos souhaits, vous<br />\npourriez ajouter dans le fichier évoqué ceci :</p>\n<p>/* Masque le jaune des champs répétables */<br />\n.xforms-repeat-selected-item-1 {<br />\n background-color: inherit;<br />\n}</p>\n<p>/* Colore en rouge les bordures des champs obligatoires */<br />\n.xforms-required {<br />\n border-color: red;<br />\n border-width: 2px;<br />\n}</p>\n<p>Bien sûr, ce n\'est qu\'une suggestion, vous pouvez utiliser toutes les<br />\npropriétés CSS qui vous intéresse.</p>\n<p>Grégoire.</p>\n<p>francoise schortin a écrit :<br />\n<div class=\"emailFilter_Toggle\">\n<blockquote class=\"emailFilter_Author_0\"><p>> Bonjour,<br />\n> Dans quels fichiers faut il intervenir pour modifier le code couleur<br />\n> qui régit l\'affichage des formulaires ?<br />\n> Je souhaiterai en particulier<br />\n> - supprimer le jaune pour les champs répétables<br />\n> - mettre une couleur sur les champs obligatoires<br />\n> D\'avance merci de vos indications.<br />\n> Françoise.<br />\n></div>\n</blockquote>\n</div>\n', created = 1507750252, expire = 1507836652, headers = '', serialized = 0 WHERE cid = '4:75fe8f6e79002a8d48d6c6a80a59f555' in /home/ori-oai/drupal/drupal-6.34/includes/cache.inc on line 112.
  • user warning: Table './drupal_www_ori_oai_org/cache_filter' is marked as crashed and last (automatic?) repair failed query: SELECT data, created, headers, expire, serialized FROM cache_filter WHERE cid = '4:e247bd332a24923f64036834dae2a982' in /home/ori-oai/drupal/drupal-6.34/includes/cache.inc on line 27.
  • user warning: Table './drupal_www_ori_oai_org/cache_filter' is marked as crashed and last (automatic?) repair failed query: UPDATE cache_filter SET data = '<div class=\"emailFilter\">Bonsoir,<br />Merci pour la r&eacute;ponse, c\'est &agrave; moi de<br />\nm\'excuser pour le temps de r&eacute;ponse :&nbsp;je faisais autre chose<br />\nentre temps ...<br />N\'y connaissant rien en css, j\'ai essay&eacute;<br />\nd\'appliquer b&ecirc;tement les solutions que vous proposez :<br />Le fond<br />\njaune pour les champs repetables s\'efface pour certains champs<br />\nr&eacute;p&eacute;tables et pas d\'autres, l\'entourage rouge pour les<br />\nchamps obligatoires est mis pour certains champs obligatoires et pas<br />\nd\'autres ...&nbsp;<br />Est ce les class css qui ne sont pas les memes, et<br />\nou puis je trouver leur nom ?<br />Fran&ccedil;oise.</p>\n<p>Le Mer 6<br />\njanvier 2010 12:57, Gr&eacute;goire Neuville a &eacute;crit : <br />&gt;<br />\nBonjour, <br />&gt; <br />&gt; <br />&gt; D&eacute;sol&eacute; pour le<br />\nd&eacute;lai de r&eacute;ponse. Le fichier &agrave; modifier est <br<br />\n/>&gt; WEB-INF/resources/apps/ori-md-editor/media/styles/ori-xforms.css.<br />\n<br />&gt; Le tout est d\'identifier les classes CSS qui correspondent aux<br />\nnotions <br />&gt; que vous voulez illustrer ; par exemple, les champs<br />\nr&eacute;p&eacute;tables portent la <br />&gt; classe<br />\n&quot;xforms-repeat-selected-item-1&quot; et les champs obligatoires <br<br />\n/>&gt; &quot;xforms-required&quot; (il existe aussi<br />\n&quot;xforms-required-empty&quot; et <br />&gt; probablement d\'autres<br />\nencore). Ainsi, relativement &agrave; vos souhaits, vous <br />&gt;<br />\npourriez ajouter dans le fichier &eacute;voqu&eacute; ceci : <br />&gt;<br />\n<br />&gt; /* Masque le jaune des champs r&eacute;p&eacute;tables */ <br<br />\n/>&gt; .xforms-repeat-selected-item-1 { <br />&gt; background-color:<br />\ninherit; <br />&gt; } <br />&gt; <br />&gt; <br />&gt; /* Colore en rouge<br />\nles bordures des champs obligatoires */ <br />&gt; .xforms-required { <br<br />\n/>&gt; border-color: red; <br />&gt; border-width: 2px; <br />&gt; } <br<br />\n/>&gt; <br />&gt; <br />&gt; Bien s&ucirc;r, ce n\'est qu\'une suggestion,<br />\nvous pouvez utiliser toutes les <br />&gt; propri&eacute;t&eacute;s CSS<br />\nqui vous int&eacute;resse. <br />&gt; <br />&gt; Gr&eacute;goire. <br<br />\n/>&gt; <br />&gt; <br />&gt; francoise schortin a &eacute;crit : <br<br />\n/>&gt;&gt; Bonjour, <br />&gt;&gt; Dans quels fichiers faut il intervenir<br />\npour modifier le code couleur <br />&gt;&gt; qui r&eacute;git l\'affichage<br />\ndes formulaires ? Je souhaiterai en particulier <br />&gt;&gt; - supprimer<br />\nle jaune pour les champs r&eacute;p&eacute;tables <br />&gt;&gt; - mettre<br />\nune couleur sur les champs obligatoires <br />&gt;&gt; D\'avance merci de<br />\nvos indications. <br />&gt;&gt; Fran&ccedil;oise. <br />&gt;&gt; <br<br />\n/>&gt;&gt; <br />&gt; <br />&gt; </p>\n</div>\n', created = 1507750252, expire = 1507836652, headers = '', serialized = 0 WHERE cid = '4:e247bd332a24923f64036834dae2a982' in /home/ori-oai/drupal/drupal-6.34/includes/cache.inc on line 112.
  • user warning: Table './drupal_www_ori_oai_org/cache_filter' is marked as crashed and last (automatic?) repair failed query: SELECT data, created, headers, expire, serialized FROM cache_filter WHERE cid = '4:ce81c068933631934cea1262b06c6be4' in /home/ori-oai/drupal/drupal-6.34/includes/cache.inc on line 27.
  • user warning: Table './drupal_www_ori_oai_org/cache_filter' is marked as crashed and last (automatic?) repair failed query: UPDATE cache_filter SET data = '<div class=\"emailFilter\">Bonjour,</p>\n<p>Je me permets de vous indiquer un outil bien pratique pour, entre<br />\nautres, ces questions de css : il s\'agit d\'une extension firefox<br />\nappelée \"firebug\" (cela sous entend que vous devez également utiliser le<br />\nnavigateur firefox si ce n\'est déjà le cas). Une fois installée, rendez<br />\nvous sur le formulaire qui vous intéresse et utilisez l\'icone figurant<br />\nun cafard en bas à droite de la fenêtre du navigateur pour déclencher<br />\nfirebug ; vous pourrez alors inspecter facilement le code html du<br />\nformulaire et identifier les classes css des éléments que vous voulez<br />\ndécorer.</p>\n<p>J\'espère que cela vous aidera,</p>\n<p>Grégoire.</p>\n<p>francoise Rousseau (schortin) wrote:<br />\n<div class=\"emailFilter_Toggle\">\n<blockquote class=\"emailFilter_Author_0\"><p>> Bonsoir,<br />\n> Merci pour la réponse, c\'est à moi de m\'excuser pour le temps de<br />\n> réponse : je faisais autre chose entre temps ...<br />\n> N\'y connaissant rien en css, j\'ai essayé d\'appliquer bêtement les<br />\n> solutions que vous proposez :<br />\n> Le fond jaune pour les champs repetables s\'efface pour certains champs<br />\n> répétables et pas d\'autres, l\'entourage rouge pour les champs<br />\n> obligatoires est mis pour certains champs obligatoires et pas d\'autres<br />\n> ...<br />\n> Est ce les class css qui ne sont pas les memes, et ou puis je trouver<br />\n> leur nom ?<br />\n> Françoise.<br />\n><br />\n> Le Mer 6 janvier 2010 12:57, Grégoire Neuville a écrit :</p></blockquote>\n<blockquote class=\"emailFilter_Author_1\"><p>> > Bonjour,<br />\n> ><br />\n> ><br />\n> > Désolé pour le délai de réponse. Le fichier à modifier est<br />\n> > WEB-INF/resources/apps/ori-md-editor/media/styles/ori-xforms.css.<br />\n> > Le tout est d\'identifier les classes CSS qui correspondent aux notions<br />\n> > que vous voulez illustrer ; par exemple, les champs répétables </p></blockquote>\n<blockquote class=\"emailFilter_Author_0\"><p>> portent la</p></blockquote>\n<blockquote class=\"emailFilter_Author_1\"><p>> > classe \"xforms-repeat-selected-item-1\" et les champs obligatoires<br />\n> > \"xforms-required\" (il existe aussi \"xforms-required-empty\" et<br />\n> > probablement d\'autres encore). Ainsi, relativement à vos souhaits, vous<br />\n> > pourriez ajouter dans le fichier évoqué ceci :<br />\n> ><br />\n> > /* Masque le jaune des champs répétables */<br />\n> > .xforms-repeat-selected-item-1 {<br />\n> > background-color: inherit;<br />\n> > }<br />\n> ><br />\n> ><br />\n> > /* Colore en rouge les bordures des champs obligatoires */<br />\n> > .xforms-required {<br />\n> > border-color: red;<br />\n> > border-width: 2px;<br />\n> > }<br />\n> ><br />\n> ><br />\n> > Bien sûr, ce n\'est qu\'une suggestion, vous pouvez utiliser toutes les<br />\n> > propriétés CSS qui vous intéresse.<br />\n> ><br />\n> > Grégoire.<br />\n> ><br />\n> ><br />\n> > francoise schortin a écrit :</p></blockquote>\n<blockquote class=\"emailFilter_Author_2\"><p>> >> Bonjour,<br />\n> >> Dans quels fichiers faut il intervenir pour modifier le code couleur<br />\n> >> qui régit l\'affichage des formulaires ? Je souhaiterai en particulier<br />\n> >> - supprimer le jaune pour les champs répétables<br />\n> >> - mettre une couleur sur les champs obligatoires<br />\n> >> D\'avance merci de vos indications.<br />\n> >> Françoise.<br />\n> >><br />\n> >></p></blockquote>\n<blockquote class=\"emailFilter_Author_1\"><p>> ><br />\n> ></div>\n</blockquote>\n</div>\n', created = 1507750252, expire = 1507836652, headers = '', serialized = 0 WHERE cid = '4:ce81c068933631934cea1262b06c6be4' in /home/ori-oai/drupal/drupal-6.34/includes/cache.inc on line 112.
  • user warning: Table './drupal_www_ori_oai_org/cache_filter' is marked as crashed and last (automatic?) repair failed query: SELECT data, created, headers, expire, serialized FROM cache_filter WHERE cid = '4:e2e637e0be706ac397bd3dcddccc0d8c' in /home/ori-oai/drupal/drupal-6.34/includes/cache.inc on line 27.
  • user warning: Table './drupal_www_ori_oai_org/cache_filter' is marked as crashed and last (automatic?) repair failed query: UPDATE cache_filter SET data = '<div class=\"emailFilter\">\n<p>Bonjour,</p>\n<p>Je vous remercie pour ce conseil que j\'ai<br />\nsuivi;&nbsp;</p>\n<p>Malheureusement, je ne vois toujours pas la raison<br />\npour laquelle la s&eacute;quence :</p>\n<p>&lt;label class=&quot;hidden<br />\nxforms-label&quot;<br />\nfor=&quot;xforms-element-317&quot;&gt;Description&lt;/label&gt;<br<br />\n/>&lt;textarea id=&quot;xforms-element-317&quot;<br />\nclass=&quot;xforms-control xforms-textarea xforms-textarea-appearance-full<br />\nxforms-invalid xforms-required xforms-required-empty&quot;<br />\nname=&quot;xforms-element-317&quot;&gt;&lt;/textarea&gt;<br />&lt;label<br />\nclass=&quot; xforms-alert-active xforms-alert&quot;<br />\nfor=&quot;xforms-element-317&quot;&gt;Probl&egrave;me&lt;/label&gt;<br<br />\n/>&lt;label class=&quot; xforms-disabled xforms-hint&quot;<br />\nfor=&quot;xforms-element-317&quot;&gt;&lt;/label&gt;</p>\n<p>affiche le<br />\nfond en rouge</p>\n<p>Alors que la s&eacute;quence :</p>\n<p>&lt;label class=&quot;hidden xforms-label&quot;<br />\nfor=&quot;xforms-element-301&quot;&gt;Titre&lt;/label&gt;<br />&lt;span<br />\nid=&quot;xforms-element-301&quot; class=&quot;xforms-control xforms-input<br />\nxforms-incremental xforms-invalid xforms-required<br />\nxforms-required-empty&quot;&gt;<br />&lt;input<br />\nid=&quot;xforms-element-301$xforms-input-1&quot; type=&quot;text&quot;<br />\nname=&quot;xforms-element-301$xforms-input-1&quot; value=&quot;&quot;<br />\nclass=&quot;xforms-input-input&quot;&gt;<br />&lt;/span&gt;<br /><br<br />\n/>laisse le fond en blanc.</p>\n<p>La diff&eacute;rence que je vois,<br />\nc\'est que le &quot;class=xforms-required&quot; est appliqu&eacute; dans un<br />\ncas au niveau du &lt;span&gt; et dans l\'autre au niveau de<br />\n&lt;textarea&gt;.<br />Si, via firebug,&nbsp;on l\'applique au niveau de<br />\n&lt;input&gt;, ca marche.</p>\n<p>Le pb, c\'est que la<br />\ng&eacute;n&eacute;ration du html est myst&eacute;rieuse, ca ne doit pas<br />\netre facile d\'agir dessus.</p>\n<p>En revanche, peut on agir sur la<br />\nfeuille de style, et de quelle fa&ccedil;on, &nbsp;pour qu\'elle matche les<br />\n&lt;span&gt; avec le paragraphe&nbsp;:</p>\n<p>.xforms-required: {<br />\nbackground-color: red;}</p>\n<p>???</p>\n<p>Merci pour votre<br />\naide.<br />Fran&ccedil;oise.<br />Le Mar 26 janvier 2010 11:09,<br />\nGr&eacute;goire Neuville a &eacute;crit : <br />&gt; Bonjour, <br />&gt;<br />\n<br />&gt; <br />&gt; Je me permets de vous indiquer un outil bien<br />\npratique pour, entre <br />&gt; autres, ces questions de css : il s\'agit<br />\nd\'une extension firefox appel&eacute;e <br />&gt; &quot;firebug&quot;<br />\n(cela sous entend que vous devez &eacute;galement utiliser le <br />&gt;<br />\nnavigateur firefox si ce n\'est d&eacute;j&agrave; le cas). Une fois<br />\ninstall&eacute;e, rendez <br />&gt; vous sur le formulaire qui vous<br />\nint&eacute;resse et utilisez l\'icone figurant un <br />&gt; cafard en bas<br />\n&agrave; droite de la fen&ecirc;tre du navigateur pour d&eacute;clencher<br />\nfirebug <br />&gt; ; vous pourrez alors inspecter facilement le code html<br />\ndu <br />&gt; formulaire et identifier les classes css des<br />\n&eacute;l&eacute;ments que vous voulez <br />&gt; d&eacute;corer. <br<br />\n/>&gt; <br />&gt; J\'esp&egrave;re que cela vous aidera, <br />&gt; <br<br />\n/>&gt; <br />&gt; Gr&eacute;goire. <br />&gt; <br />&gt; <br />&gt;<br />\nfrancoise Rousseau (schortin) wrote: <br />&gt;&gt; Bonsoir, <br<br />\n/>&gt;&gt; Merci pour la r&eacute;ponse, c\'est &agrave; moi de m\'excuser<br />\npour le temps de <br />&gt;&gt; r&eacute;ponse : je faisais autre chose<br />\nentre temps ... N\'y connaissant rien en <br />&gt;&gt; css, j\'ai<br />\nessay&eacute; d\'appliquer b&ecirc;tement les solutions que vous proposez :<br />\n<br />&gt;&gt; Le fond jaune pour les champs repetables s\'efface pour<br />\ncertains champs <br />&gt;&gt; r&eacute;p&eacute;tables et pas d\'autres,<br />\nl\'entourage rouge pour les champs <br />&gt;&gt; obligatoires est mis pour<br />\ncertains champs obligatoires et pas d\'autres <br />&gt;&gt; ... <br<br />\n/>&gt;&gt; Est ce les class css qui ne sont pas les memes, et ou puis je<br />\ntrouver <br />&gt;&gt; leur nom ? Fran&ccedil;oise. <br />&gt;&gt; <br<br />\n/>&gt;&gt; <br />&gt;&gt; Le Mer 6 janvier 2010 12:57, Gr&eacute;goire<br />\nNeuville a &eacute;crit : <br />&gt;&gt; <br />&gt;&gt;&gt; Bonjour, <br<br />\n/>&gt;&gt;&gt; <br />&gt;&gt;&gt; <br />&gt;&gt;&gt; <br />&gt;&gt;&gt;<br />\nD&eacute;sol&eacute; pour le d&eacute;lai de r&eacute;ponse. Le fichier<br />\n&agrave; modifier est <br />&gt;&gt;&gt;<br />\nWEB-INF/resources/apps/ori-md-editor/media/styles/ori-xforms.css. <br<br />\n/>&gt;&gt;&gt; Le tout est d\'identifier les classes CSS qui correspondent<br />\naux notions <br />&gt;&gt;&gt; que vous voulez illustrer ; par exemple,<br />\nles champs r&eacute;p&eacute;tables <br />&gt;&gt; portent la <br<br />\n/>&gt;&gt;&gt; classe &quot;xforms-repeat-selected-item-1&quot; et les<br />\nchamps obligatoires <br />&gt;&gt;&gt; &quot;xforms-required&quot; (il<br />\nexiste aussi &quot;xforms-required-empty&quot; et <br />&gt;&gt;&gt;<br />\nprobablement d\'autres encore). Ainsi, relativement &agrave; vos souhaits,<br />\n<br />&gt;&gt;&gt; vous pourriez ajouter dans le fichier<br />\n&eacute;voqu&eacute; ceci : <br />&gt;&gt;&gt; <br />&gt;&gt;&gt; /*<br />\nMasque le jaune des champs r&eacute;p&eacute;tables */ <br />&gt;&gt;&gt;<br />\n.xforms-repeat-selected-item-1 { <br />&gt;&gt;&gt; background-color:<br />\ninherit; <br />&gt;&gt;&gt; } <br />&gt;&gt;&gt; <br />&gt;&gt;&gt; <br<br />\n/>&gt;&gt;&gt; <br />&gt;&gt;&gt; /* Colore en rouge les bordures des<br />\nchamps obligatoires */ <br />&gt;&gt;&gt; .xforms-required { <br<br />\n/>&gt;&gt;&gt; border-color: red; <br />&gt;&gt;&gt; border-width: 2px;<br />\n<br />&gt;&gt;&gt; } <br />&gt;&gt;&gt; <br />&gt;&gt;&gt; <br<br />\n/>&gt;&gt;&gt; <br />&gt;&gt;&gt; Bien s&ucirc;r, ce n\'est qu\'une<br />\nsuggestion, vous pouvez utiliser toutes les <br />&gt;&gt;&gt;<br />\npropri&eacute;t&eacute;s CSS qui vous int&eacute;resse. <br />&gt;&gt;&gt;<br />\n<br />&gt;&gt;&gt; Gr&eacute;goire. <br />&gt;&gt;&gt; <br />&gt;&gt;&gt;<br />\n<br />&gt;&gt;&gt; <br />&gt;&gt;&gt; francoise schortin a &eacute;crit :<br />\n<br />&gt;&gt;&gt;&gt; Bonjour, <br />&gt;&gt;&gt;&gt; Dans quels fichiers<br />\nfaut il intervenir pour modifier le code couleur <br />&gt;&gt;&gt;&gt;<br />\nqui r&eacute;git l\'affichage des formulaires ? Je souhaiterai en <br<br />\n/>&gt;&gt;&gt;&gt; particulier - supprimer le jaune pour les champs<br />\nr&eacute;p&eacute;tables <br />&gt;&gt;&gt;&gt; - mettre une couleur sur<br />\nles champs obligatoires <br />&gt;&gt;&gt;&gt; D\'avance merci de vos<br />\nindications. <br />&gt;&gt;&gt;&gt; Fran&ccedil;oise. <br<br />\n/>&gt;&gt;&gt;&gt; <br />&gt;&gt;&gt;&gt; <br />&gt;&gt;&gt;&gt; <br<br />\n/>&gt;&gt;&gt; <br />&gt;&gt;&gt; <br />&gt; <br />&gt; </p>\n</div>\n', created = 1507750252, expire = 1507836652, headers = '', serialized = 0 WHERE cid = '4:e2e637e0be706ac397bd3dcddccc0d8c' in /home/ori-oai/drupal/drupal-6.34/includes/cache.inc on line 112.
  • user warning: Table './drupal_www_ori_oai_org/cache_filter' is marked as crashed and last (automatic?) repair failed query: SELECT data, created, headers, expire, serialized FROM cache_filter WHERE cid = '4:9c2a6d34118ac9b6a0bcad34d03a117d' in /home/ori-oai/drupal/drupal-6.34/includes/cache.inc on line 27.
  • user warning: Table './drupal_www_ori_oai_org/cache_filter' is marked as crashed and last (automatic?) repair failed query: UPDATE cache_filter SET data = '<div class=\"emailFilter\">Bonjour,</p>\n<p>Le problème est que le span entourant l\'input s\'ajuste par défaut au<br />\ndimension de son contenu (on ne voit donc pas le style appliqué au<br />\nspan). Mais il est possible de viser l\'input avec la notation suivante :</p>\n<p>.xforms-required input: { background-color: red;}</p>\n<p>que vous placerez sous l\'autre déclaration.</p>\n<p>Si vous voulez des informations complémentaires sur les possibilités<br />\nd\'application d\'un style à une balise, vous pourriez lire ceci :<br />\n<a href=\"http://www.grappa.univ-lille3.fr/polys/htmlcss/ch07s03.html\" title=\"http://www.grappa.univ-lille3.fr/polys/htmlcss/ch07s03.html\">http://www.grappa.univ-lille3.fr/polys/htmlcss/ch07s03.html</a>.</p>\n<p>Et plus généralement, le poly entier<br />\n(<a href=\"http://www.grappa.univ-lille3.fr/polys/htmlcss/\" title=\"http://www.grappa.univ-lille3.fr/polys/htmlcss/\">http://www.grappa.univ-lille3.fr/polys/htmlcss/</a>) constitue une<br />\nexcellente introduction à HTML/CSS.</p>\n<p>Grégoire.</p>\n<p>francoise Rousseau (schortin) wrote:<br />\n<div class=\"emailFilter_Toggle\">\n<blockquote class=\"emailFilter_Author_0\"><p>><br />\n> Bonjour,<br />\n><br />\n> Je vous remercie pour ce conseil que j\'ai suivi;<br />\n><br />\n> Malheureusement, je ne vois toujours pas la raison pour laquelle la<br />\n> séquence :<br />\n><br />\n> <label class=\"hidden xforms-label\"<br />\n> for=\"xforms-element-317\">Description</label><br />\n> <textarea id=\"xforms-element-317\" class=\"xforms-control<br />\n> xforms-textarea xforms-textarea-appearance-full xforms-invalid<br />\n> xforms-required xforms-required-empty\"<br />\n> name=\"xforms-element-317\"></textarea><br />\n> <label class=\" xforms-alert-active xforms-alert\"<br />\n> for=\"xforms-element-317\">Problème</label><br />\n> <label class=\" xforms-disabled xforms-hint\"<br />\n> for=\"xforms-element-317\"></label><br />\n><br />\n> affiche le fond en rouge<br />\n><br />\n> Alors que la séquence :<br />\n><br />\n> <label class=\"hidden xforms-label\" for=\"xforms-element-301\">Titre</label><br />\n> <span id=\"xforms-element-301\" class=\"xforms-control xforms-input<br />\n> xforms-incremental xforms-invalid xforms-required xforms-required-empty\"><br />\n> <input id=\"xforms-element-301$xforms-input-1\" type=\"text\"<br />\n> name=\"xforms-element-301$xforms-input-1\" value=\"\"<br />\n> class=\"xforms-input-input\"><br />\n> </span><br />\n><br />\n> laisse le fond en blanc.<br />\n><br />\n> La différence que je vois, c\'est que le \"class=xforms-required\" est<br />\n> appliqué dans un cas au niveau du <span> et dans l\'autre au niveau de<br />\n> <textarea>.<br />\n> Si, via firebug, on l\'applique au niveau de <input>, ca marche.<br />\n><br />\n> Le pb, c\'est que la génération du html est mystérieuse, ca ne doit pas<br />\n> etre facile d\'agir dessus.<br />\n><br />\n> En revanche, peut on agir sur la feuille de style, et de quelle façon,<br />\n> pour qu\'elle matche les <span> avec le paragraphe :<br />\n><br />\n> .xforms-required: { background-color: red;}<br />\n><br />\n> ???<br />\n><br />\n> Merci pour votre aide.<br />\n> Françoise.<br />\n> Le Mar 26 janvier 2010 11:09, Grégoire Neuville a écrit :</p></blockquote>\n<blockquote class=\"emailFilter_Author_1\"><p>> > Bonjour,<br />\n> ><br />\n> ><br />\n> > Je me permets de vous indiquer un outil bien pratique pour, entre<br />\n> > autres, ces questions de css : il s\'agit d\'une extension firefox </p></blockquote>\n<blockquote class=\"emailFilter_Author_0\"><p>> appelée</p></blockquote>\n<blockquote class=\"emailFilter_Author_1\"><p>> > \"firebug\" (cela sous entend que vous devez également utiliser le<br />\n> > navigateur firefox si ce n\'est déjà le cas). Une fois installée, rendez<br />\n> > vous sur le formulaire qui vous intéresse et utilisez l\'icone </p></blockquote>\n<blockquote class=\"emailFilter_Author_0\"><p>> figurant un</p></blockquote>\n<blockquote class=\"emailFilter_Author_1\"><p>> > cafard en bas à droite de la fenêtre du navigateur pour déclencher </p></blockquote>\n<blockquote class=\"emailFilter_Author_0\"><p>> firebug</p></blockquote>\n<blockquote class=\"emailFilter_Author_1\"><p>> > ; vous pourrez alors inspecter facilement le code html du<br />\n> > formulaire et identifier les classes css des éléments que vous voulez<br />\n> > décorer.<br />\n> ><br />\n> > J\'espère que cela vous aidera,<br />\n> ><br />\n> ><br />\n> > Grégoire.<br />\n> ><br />\n> ><br />\n> > francoise Rousseau (schortin) wrote:</p></blockquote>\n<blockquote class=\"emailFilter_Author_2\"><p>> >> Bonsoir,<br />\n> >> Merci pour la réponse, c\'est à moi de m\'excuser pour le temps de<br />\n> >> réponse : je faisais autre chose entre temps ... N\'y connaissant </p></blockquote>\n<blockquote class=\"emailFilter_Author_0\"><p>> rien en</p></blockquote>\n<blockquote class=\"emailFilter_Author_2\"><p>> >> css, j\'ai essayé d\'appliquer bêtement les solutions que vous </p></blockquote>\n<blockquote class=\"emailFilter_Author_0\"><p>> proposez :</p></blockquote>\n<blockquote class=\"emailFilter_Author_2\"><p>> >> Le fond jaune pour les champs repetables s\'efface pour certains champs<br />\n> >> répétables et pas d\'autres, l\'entourage rouge pour les champs<br />\n> >> obligatoires est mis pour certains champs obligatoires et pas d\'autres<br />\n> >> ...<br />\n> >> Est ce les class css qui ne sont pas les memes, et ou puis je trouver<br />\n> >> leur nom ? Françoise.<br />\n> >><br />\n> >><br />\n> >> Le Mer 6 janvier 2010 12:57, Grégoire Neuville a écrit :<br />\n> >></p></blockquote>\n<blockquote class=\"emailFilter_Author_3\"><p>> >>> Bonjour,<br />\n> >>><br />\n> >>><br />\n> >>><br />\n> >>> Désolé pour le délai de réponse. Le fichier à modifier est<br />\n> >>> WEB-INF/resources/apps/ori-md-editor/media/styles/ori-xforms.css.<br />\n> >>> Le tout est d\'identifier les classes CSS qui correspondent aux </p></blockquote>\n<blockquote class=\"emailFilter_Author_0\"><p>> notions</p></blockquote>\n<blockquote class=\"emailFilter_Author_3\"><p>> >>> que vous voulez illustrer ; par exemple, les champs répétables</p></blockquote>\n<blockquote class=\"emailFilter_Author_2\"><p>> >> portent la</p></blockquote>\n<blockquote class=\"emailFilter_Author_3\"><p>> >>> classe \"xforms-repeat-selected-item-1\" et les champs obligatoires<br />\n> >>> \"xforms-required\" (il existe aussi \"xforms-required-empty\" et<br />\n> >>> probablement d\'autres encore). Ainsi, relativement à vos souhaits,<br />\n> >>> vous pourriez ajouter dans le fichier évoqué ceci :<br />\n> >>><br />\n> >>> /* Masque le jaune des champs répétables */<br />\n> >>> .xforms-repeat-selected-item-1 {<br />\n> >>> background-color: inherit;<br />\n> >>> }<br />\n> >>><br />\n> >>><br />\n> >>><br />\n> >>> /* Colore en rouge les bordures des champs obligatoires */<br />\n> >>> .xforms-required {<br />\n> >>> border-color: red;<br />\n> >>> border-width: 2px;<br />\n> >>> }<br />\n> >>><br />\n> >>><br />\n> >>><br />\n> >>> Bien sûr, ce n\'est qu\'une suggestion, vous pouvez utiliser toutes les<br />\n> >>> propriétés CSS qui vous intéresse.<br />\n> >>><br />\n> >>> Grégoire.<br />\n> >>><br />\n> >>><br />\n> >>><br />\n> >>> francoise schortin a écrit :</p></blockquote>\n<blockquote class=\"emailFilter_Author_4\"><p>> >>>> Bonjour,<br />\n> >>>> Dans quels fichiers faut il intervenir pour modifier le code couleur<br />\n> >>>> qui régit l\'affichage des formulaires ? Je souhaiterai en<br />\n> >>>> particulier - supprimer le jaune pour les champs répétables<br />\n> >>>> - mettre une couleur sur les champs obligatoires<br />\n> >>>> D\'avance merci de vos indications.<br />\n> >>>> Françoise.<br />\n> >>>><br />\n> >>>><br />\n> >>>></p></blockquote>\n<blockquote class=\"emailFilter_Author_3\"><p>> >>><br />\n> >>></p></blockquote>\n<blockquote class=\"emailFilter_Author_1\"><p>> ><br />\n> ></p></blockquote>\n<blockquote class=\"emailFilter_Author_0\"><p>></div>\n</blockquote>\n</div>\n', created = 1507750252, expire = 1507836652, headers = '', serialized = 0 WHERE cid = '4:9c2a6d34118ac9b6a0bcad34d03a117d' in /home/ori-oai/drupal/drupal-6.34/includes/cache.inc on line 112.
6 messages / 0 nouveaux
Sujet clos
Dernière contribution
4 janvier 2010 - 7:37pm
#1
francoise.schortin
code couleur formulaires
Bonjour,
Dans quels fichiers faut il intervenir pour modifier le code couleur qui
régit l'affichage des formulaires ?
Je souhaiterai en particulier
- supprimer le jaune pour les champs répétables
- mettre une couleur sur les champs obligatoires
D'avance merci de vos indications.
Françoise.

--
Francoise Schortin - Université Paris-Sud 11/Direction Informatique

Haut
Étiquettes:
6 janvier 2010 - 12:57pm
#2
gregoireneuville
Bonjour,

Désolé pour le délai de réponse. Le fichier à modifier est
WEB-INF/resources/apps/ori-md-editor/media/styles/ori-xforms.css.
Le tout est d'identifier les classes CSS qui correspondent aux notions
que vous voulez illustrer ; par exemple, les champs répétables portent
la classe "xforms-repeat-selected-item-1" et les champs obligatoires
"xforms-required" (il existe aussi "xforms-required-empty" et
probablement d'autres encore). Ainsi, relativement à vos souhaits, vous
pourriez ajouter dans le fichier évoqué ceci :

/* Masque le jaune des champs répétables */
.xforms-repeat-selected-item-1 {
background-color: inherit;
}

/* Colore en rouge les bordures des champs obligatoires */
.xforms-required {
border-color: red;
border-width: 2px;
}

Bien sûr, ce n'est qu'une suggestion, vous pouvez utiliser toutes les
propriétés CSS qui vous intéresse.

Grégoire.

francoise schortin a écrit :

> Bonjour,
> Dans quels fichiers faut il intervenir pour modifier le code couleur
> qui régit l'affichage des formulaires ?
> Je souhaiterai en particulier
> - supprimer le jaune pour les champs répétables
> - mettre une couleur sur les champs obligatoires
> D'avance merci de vos indications.
> Françoise.
>

Haut
25 janvier 2010 - 5:19pm
(Répondre à #2) #3
francoise.schortin
Bonsoir,
Merci pour la réponse, c'est à moi de
m'excuser pour le temps de réponse : je faisais autre chose
entre temps ...
N'y connaissant rien en css, j'ai essayé
d'appliquer bêtement les solutions que vous proposez :
Le fond
jaune pour les champs repetables s'efface pour certains champs
répétables et pas d'autres, l'entourage rouge pour les
champs obligatoires est mis pour certains champs obligatoires et pas
d'autres ... 
Est ce les class css qui ne sont pas les memes, et
ou puis je trouver leur nom ?
Françoise.

Le Mer 6
janvier 2010 12:57, Grégoire Neuville a écrit :
>
Bonjour,
>
>
> Désolé pour le
délai de réponse. Le fichier à modifier est />> WEB-INF/resources/apps/ori-md-editor/media/styles/ori-xforms.css.

> Le tout est d'identifier les classes CSS qui correspondent aux
notions
> que vous voulez illustrer ; par exemple, les champs
répétables portent la
> classe
"xforms-repeat-selected-item-1" et les champs obligatoires />> "xforms-required" (il existe aussi
"xforms-required-empty" et
> probablement d'autres
encore). Ainsi, relativement à vos souhaits, vous
>
pourriez ajouter dans le fichier évoqué ceci :
>

> /* Masque le jaune des champs répétables */ />> .xforms-repeat-selected-item-1 {
> background-color:
inherit;
> }
>
>
> /* Colore en rouge
les bordures des champs obligatoires */
> .xforms-required { />> border-color: red;
> border-width: 2px;
> } />>
>
> Bien sûr, ce n'est qu'une suggestion,
vous pouvez utiliser toutes les
> propriétés CSS
qui vous intéresse.
>
> Grégoire. />>
>
> francoise schortin a écrit : />>> Bonjour,
>> Dans quels fichiers faut il intervenir
pour modifier le code couleur
>> qui régit l'affichage
des formulaires ? Je souhaiterai en particulier
>> - supprimer
le jaune pour les champs répétables
>> - mettre
une couleur sur les champs obligatoires
>> D'avance merci de
vos indications.
>> Françoise.
>> />>>
>
>

Haut
26 janvier 2010 - 11:09am
(Répondre à #3) #4
gregoireneuville
Bonjour,

Je me permets de vous indiquer un outil bien pratique pour, entre
autres, ces questions de css : il s'agit d'une extension firefox
appelée "firebug" (cela sous entend que vous devez également utiliser le
navigateur firefox si ce n'est déjà le cas). Une fois installée, rendez
vous sur le formulaire qui vous intéresse et utilisez l'icone figurant
un cafard en bas à droite de la fenêtre du navigateur pour déclencher
firebug ; vous pourrez alors inspecter facilement le code html du
formulaire et identifier les classes css des éléments que vous voulez
décorer.

J'espère que cela vous aidera,

Grégoire.

francoise Rousseau (schortin) wrote:

> Bonsoir,
> Merci pour la réponse, c'est à moi de m'excuser pour le temps de
> réponse : je faisais autre chose entre temps ...
> N'y connaissant rien en css, j'ai essayé d'appliquer bêtement les
> solutions que vous proposez :
> Le fond jaune pour les champs repetables s'efface pour certains champs
> répétables et pas d'autres, l'entourage rouge pour les champs
> obligatoires est mis pour certains champs obligatoires et pas d'autres
> ...
> Est ce les class css qui ne sont pas les memes, et ou puis je trouver
> leur nom ?
> Françoise.
>
> Le Mer 6 janvier 2010 12:57, Grégoire Neuville a écrit :

> > Bonjour,
> >
> >
> > Désolé pour le délai de réponse. Le fichier à modifier est
> > WEB-INF/resources/apps/ori-md-editor/media/styles/ori-xforms.css.
> > Le tout est d'identifier les classes CSS qui correspondent aux notions
> > que vous voulez illustrer ; par exemple, les champs répétables

> portent la

> > classe "xforms-repeat-selected-item-1" et les champs obligatoires
> > "xforms-required" (il existe aussi "xforms-required-empty" et
> > probablement d'autres encore). Ainsi, relativement à vos souhaits, vous
> > pourriez ajouter dans le fichier évoqué ceci :
> >
> > /* Masque le jaune des champs répétables */
> > .xforms-repeat-selected-item-1 {
> > background-color: inherit;
> > }
> >
> >
> > /* Colore en rouge les bordures des champs obligatoires */
> > .xforms-required {
> > border-color: red;
> > border-width: 2px;
> > }
> >
> >
> > Bien sûr, ce n'est qu'une suggestion, vous pouvez utiliser toutes les
> > propriétés CSS qui vous intéresse.
> >
> > Grégoire.
> >
> >
> > francoise schortin a écrit :

> >> Bonjour,
> >> Dans quels fichiers faut il intervenir pour modifier le code couleur
> >> qui régit l'affichage des formulaires ? Je souhaiterai en particulier
> >> - supprimer le jaune pour les champs répétables
> >> - mettre une couleur sur les champs obligatoires
> >> D'avance merci de vos indications.
> >> Françoise.
> >>
> >>

> >
> >

Haut
26 janvier 2010 - 2:20pm
(Répondre à #4) #5
francoise.schortin

Bonjour,

Je vous remercie pour ce conseil que j'ai
suivi; 

Malheureusement, je ne vois toujours pas la raison
pour laquelle la séquence :

<label class="hidden
xforms-label"
for="xforms-element-317">Description</label> /><textarea id="xforms-element-317"
class="xforms-control xforms-textarea xforms-textarea-appearance-full
xforms-invalid xforms-required xforms-required-empty"
name="xforms-element-317"></textarea>
<label
class=" xforms-alert-active xforms-alert"
for="xforms-element-317">Problème</label> /><label class=" xforms-disabled xforms-hint"
for="xforms-element-317"></label>

affiche le
fond en rouge

Alors que la séquence :

<label class="hidden xforms-label"
for="xforms-element-301">Titre</label>
<span
id="xforms-element-301" class="xforms-control xforms-input
xforms-incremental xforms-invalid xforms-required
xforms-required-empty">
<input
id="xforms-element-301$xforms-input-1" type="text"
name="xforms-element-301$xforms-input-1" value=""
class="xforms-input-input">
</span>
/>laisse le fond en blanc.

La différence que je vois,
c'est que le "class=xforms-required" est appliqué dans un
cas au niveau du <span> et dans l'autre au niveau de
<textarea>.
Si, via firebug, on l'applique au niveau de
<input>, ca marche.

Le pb, c'est que la
génération du html est mystérieuse, ca ne doit pas
etre facile d'agir dessus.

En revanche, peut on agir sur la
feuille de style, et de quelle façon,  pour qu'elle matche les
<span> avec le paragraphe :

.xforms-required: {
background-color: red;}

???

Merci pour votre
aide.
Françoise.
Le Mar 26 janvier 2010 11:09,
Grégoire Neuville a écrit :
> Bonjour,
>

>
> Je me permets de vous indiquer un outil bien
pratique pour, entre
> autres, ces questions de css : il s'agit
d'une extension firefox appelée
> "firebug"
(cela sous entend que vous devez également utiliser le
>
navigateur firefox si ce n'est déjà le cas). Une fois
installée, rendez
> vous sur le formulaire qui vous
intéresse et utilisez l'icone figurant un
> cafard en bas
à droite de la fenêtre du navigateur pour déclencher
firebug
> ; vous pourrez alors inspecter facilement le code html
du
> formulaire et identifier les classes css des
éléments que vous voulez
> décorer. />>
> J'espère que cela vous aidera,
> />>
> Grégoire.
>
>
>
francoise Rousseau (schortin) wrote:
>> Bonsoir, />>> Merci pour la réponse, c'est à moi de m'excuser
pour le temps de
>> réponse : je faisais autre chose
entre temps ... N'y connaissant rien en
>> css, j'ai
essayé d'appliquer bêtement les solutions que vous proposez :

>> Le fond jaune pour les champs repetables s'efface pour
certains champs
>> répétables et pas d'autres,
l'entourage rouge pour les champs
>> obligatoires est mis pour
certains champs obligatoires et pas d'autres
>> ... />>> Est ce les class css qui ne sont pas les memes, et ou puis je
trouver
>> leur nom ? Françoise.
>> />>>
>> Le Mer 6 janvier 2010 12:57, Grégoire
Neuville a écrit :
>>
>>> Bonjour, />>>>
>>>
>>>
>>>
Désolé pour le délai de réponse. Le fichier
à modifier est
>>>
WEB-INF/resources/apps/ori-md-editor/media/styles/ori-xforms.css. />>>> Le tout est d'identifier les classes CSS qui correspondent
aux notions
>>> que vous voulez illustrer ; par exemple,
les champs répétables
>> portent la />>>> classe "xforms-repeat-selected-item-1" et les
champs obligatoires
>>> "xforms-required" (il
existe aussi "xforms-required-empty" et
>>>
probablement d'autres encore). Ainsi, relativement à vos souhaits,

>>> vous pourriez ajouter dans le fichier
évoqué ceci :
>>>
>>> /*
Masque le jaune des champs répétables */
>>>
.xforms-repeat-selected-item-1 {
>>> background-color:
inherit;
>>> }
>>>
>>> />>>>
>>> /* Colore en rouge les bordures des
champs obligatoires */
>>> .xforms-required { />>>> border-color: red;
>>> border-width: 2px;

>>> }
>>>
>>> />>>>
>>> Bien sûr, ce n'est qu'une
suggestion, vous pouvez utiliser toutes les
>>>
propriétés CSS qui vous intéresse.
>>>

>>> Grégoire.
>>>
>>>

>>>
>>> francoise schortin a écrit :

>>>> Bonjour,
>>>> Dans quels fichiers
faut il intervenir pour modifier le code couleur
>>>>
qui régit l'affichage des formulaires ? Je souhaiterai en />>>>> particulier - supprimer le jaune pour les champs
répétables
>>>> - mettre une couleur sur
les champs obligatoires
>>>> D'avance merci de vos
indications.
>>>> Françoise. />>>>>
>>>>
>>>> />>>>
>>>
>
>

Haut
26 janvier 2010 - 2:46pm
(Répondre à #5) #6
gregoireneuville
Bonjour,

Le problème est que le span entourant l'input s'ajuste par défaut au
dimension de son contenu (on ne voit donc pas le style appliqué au
span). Mais il est possible de viser l'input avec la notation suivante :

.xforms-required input: { background-color: red;}

que vous placerez sous l'autre déclaration.

Si vous voulez des informations complémentaires sur les possibilités
d'application d'un style à une balise, vous pourriez lire ceci :
http://www.grappa.univ-lille3.fr/polys/htmlcss/ch07s03.html.

Et plus généralement, le poly entier
(http://www.grappa.univ-lille3.fr/polys/htmlcss/) constitue une
excellente introduction à HTML/CSS.

Grégoire.

francoise Rousseau (schortin) wrote:

>
> Bonjour,
>
> Je vous remercie pour ce conseil que j'ai suivi;
>
> Malheureusement, je ne vois toujours pas la raison pour laquelle la
> séquence :
>
>
>
>
>
>
> affiche le fond en rouge
>
> Alors que la séquence :
>
>
>
> > name="xforms-element-301$xforms-input-1" value=""
> class="xforms-input-input">
>
>
> laisse le fond en blanc.
>
> La différence que je vois, c'est que le "class=xforms-required" est
> appliqué dans un cas au niveau du et dans l'autre au niveau de
>