blabla@web

Recherche :

Mot : Pseudo : Filtrer Aller à la page :
Page : 1 2 3 4 5 .. 1028 1029 1030 .. 1449 1450 1451 1452 1453 1454 Page Suivante Page Précédente Bas de page
Auteur	Sujet : blabla@web

theredled

● REC

Reprise du message précédent :

Shinuza a écrit :

Si t'as besoin d'être aussi spécifique : you're doing it wrong.

Bah écoute là par ex j'ai un gros "#global nav section.hospital li.correspondant a", je vois mal comment (et pourquoi, à part l'absence de use namespace) le raccourcir.

Message cité 1 fois
Message édité par theredled le 12-10-2010 à 14:48:30

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Publicité

Shinuza

This is unexecpected

theredled a écrit :

Bah écoute là par ex j'ai un gros "#global nav section.hospital li.correspondant a", je vois mal comment (et pourquoi, à part l'absence de use namespace) le raccourcir.

Code :

.correspondant

De rien [:dawa]

Message cité 1 fois

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

theredled

● REC

Shinuza a écrit :

Code :

.correspondant

De rien [:dawa]

Et si j'ai un autre truc .correspondant ailleurs, qui n'aurait rien à voir graphiquement, il va devoir se taper la règle quand même ? [:pingouino]

Message cité 2 fois
Message édité par theredled le 12-10-2010 à 16:13:10

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

tomsoft

.correspondant1, .correspondant2, ... :whistle:

skeye

theredled a écrit :

Et si j'ai un autre truc .correspondant ailleurs, qui n'aurait rien à voir graphiquement, il va devoir se taper la règle quand même ? [:pingouino]

Tu ne mets dans correspondant que ce qui est commun.
Libre à toi de rajouter d'autres classes derrière.
Non?

Message cité 2 fois

---------------
Can't buy what I want because it's free -

Shinuza

This is unexecpected

theredled a écrit :

Et si j'ai un autre truc .correspondant ailleurs, qui n'aurait rien à voir graphiquement, il va devoir se taper la règle quand même ? [:pingouino]

[:dawa] :

skeye a écrit :

Tu ne mets dans correspondant que ce qui est commun.
Libre à toi de rajouter d'autres classes derrière.
Non?:o

[:yann39]
Un truc du genre :

Code :

var checkAll = function(checked) {
    $$('name = "ids[]"').each(function(input) {
        input.writeAttribute('checked', (!!checked) ? 'checked' : '');
    });
}

Code :

checkAll(true);
checkAll(false);

Message cité 1 fois

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

theredled

● REC

skeye a écrit :

Tu ne mets dans correspondant que ce qui est commun.
Libre à toi de rajouter d'autres classes derrière.
Non?:o

En gros faut jamais cibler et vaut mieux mettre 10 noms de classes (ou 1 long) à chaque élément ? j'ai du mal avec ça

Message cité 2 fois
Message édité par theredled le 12-10-2010 à 17:55:09

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

skeye

theredled a écrit :

En gros faut jamais cibler et vaut mieux mettre 60 noms de classes à chaque élément ? j'ai du mal avec ça

Faut factoriser ce qui peut l'être intelligemment.

Message cité 1 fois

---------------
Can't buy what I want because it's free -

theredled

● REC

skeye a écrit :

Faut factoriser ce qui peut l'être intelligemment.:o

Je le fais déja
Ce que je cible précisément, c'est parce que c'est pas factorisable...

Message cité 1 fois

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Shinuza

This is unexecpected

theredled a écrit :

En gros faut jamais cibler et vaut mieux mettre 10 noms de classes (ou 1 long) à chaque élément ? j'ai du mal avec ça

T'as le droit d'utiliser la cascade ou de coder en modules.

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

Publicité

Shinuza

This is unexecpected

theredled a écrit :

Je le fais déja
Ce que je cible précisément, c'est parce que c'est pas factorisable...

Poste un bout si tu peux.

Message cité 1 fois

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

masklinn

í dag viðrar vel til loftárása

Shinuza a écrit :

[:dawa] :

Shinuza a écrit :

[:yann39]

Shinuza a écrit :

Un truc du genre :

Code :

var checkAll = function(checked) {
    $$('name = "ids[]"').each(function(input) {
        input.writeAttribute('checked', (!!checked) ? 'checked' : '');
    });
}

Code :

checkAll(true);
checkAll(false);

Code :

$('[name="ids[]"]').attr('checked', true);
$('[name="ids[]"]').attr('checked', false);

Monads [:jar jar]

Message édité par masklinn le 12-10-2010 à 18:13:32

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Shinuza

This is unexecpected

M'en fous, on peut faire pareil dans Mootools [:thalis]

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

theredled

● REC

Shinuza a écrit :

Poste un bout si tu peux.

Ok un gros bout

Code :

<div id="global">
    <nav class="main">
      <a href="#" class="help" onclick="ContentManager.displayHelp(); return false;">
        <img src="images/help.png" alt="help" />
      </a>
      <section class="cogip">
        <header>
          <div class="image"><img src="images/cogip-logo.png" alt="" /></div>
          <h2><span class="stab"></span><img src="images/arrow.png" alt="" /> Cogip - La Mutuelle de foo et bar</h2>
          <p class="subtitle">Découvrir la cogip, Actualité,<br />Espace Prévention, Espace Adhérent, ...</p>
        </header>
        <ul>
          <li class="decouvrir"><a href="#">Découvrir la cogip</a></li>
          <li class="actualites"><a href="#">Actualités</a></li>
          <li class="prevention"><a href="#">Espace Prévention</a></li>
          <li class="adherent"><a href="#">Espace Adhérent</a></li>
          <li class="correspondant"><a href="#">Espace Correspondant</a></li>
          <li class="devis"><a href="#">Devis</a></li>
        </ul>
        <footer></footer>
      </section>
      <section class="hospital">
        <header>
          <div class="image"><img src="images/pouetpouet-logo.png" alt="" /></div>
          <h2><span class="stab"></span><img src="images/arrow.png" alt="" /> Le Centre Hospitalier<br />de Pouetpouet</h2>
          <p class="subtitle">Présentation de l'hôpital, Actualités, Agenda, Livret d'accueil, Services, ...</p>
        </header>
        <div class="submenu_wrapper">
          <ul>
            <li class="decouvrir"><a href="#">Présentation de l'hôpital</a></li>
            <li class="actualites"><a href="#">Actualités</a></li>
            <li class="agenda calendar"><a href="#">Agenda</a></li>
            <li class="livret book"><a href="#">Livret d'accueil</a></li>
            <li class="services notepad"><a href="#">Services</a></li>
            <li class="visiteurs"><a href="#">Visiteurs / Accompagnateurs</a></li>
            <li class="notepad"><a href="#">Autres</a></li>
          </ul>
        </div>
        <footer>
          <nav class="arrows">
            <a href="#" class="arrow up"><img src="images/menu-arrow-up.png" alt="" /></a>
            <a href="#" class="arrow down"><img src="images/menu-arrow-down.png" alt="" /></a>
          </nav>          
        </footer>
        <script>
          window.addEvent('domready', function() {
            new ScrollArrows($$('section.hospital nav.arrows')[0], $$('section.hospital .submenu_wrapper')[0]);
          });
        </script>
      </section>
      <section class="vitale">
        <header>
          <div class="image"><img src="images/vitale-logo.png" alt="" /></div>
          <h2><span class="stab"></span><img src="images/arrow.png" alt="" /> Vérifiez que votre<br />Carte Vitale est à jour</h2>
          <p class="subtitle">Lecture des informations contenues<br />sur votre Carte Vitale</p>
        </header>
        <footer></footer>
      </section>
    </nav>
 
    <div id="content">
 
    </div>

Code :

body {font-family: Arial; background: no-repeat url(../images/bg.png) #d6d7dc}
body.consultation {background-position: 0 -525px; }
 
#global {position: relative; width: 1257px; margin: auto;}
 
nav.main {margin-left: 91px; margin-top: 255px; z-index: 10; position: relative}
nav a.help {position: absolute; right:0; top:300px; display: none}
nav section {width: 340px; margin-right: 25px; float: left; border: 1px solid #7a7a7a; -moz-border-radius: 11px;
  background: #ededed none; position: relative;}
nav section header {text-align: center; cursor: pointer; }
nav section .image {height: 284px; }
nav section h2 {height: 88px; border: 1px solid #7a7a7a; border-width: 0 0 1px; font-size: 26px; font-weight: bold;
  color: white; font-family: Helvetica;}
nav section h2 .stab {background: url(../images/titre-pointe.png); display: block; height: 10px;
  margin-bottom: 10px}
nav section p.subtitle {height: 61px; color: #5d6472; font-size: 16px; font-weight: bold; padding-top: 12px;
  line-height: 22px}
nav section ul {display: none; }
nav section .submenu_wrapper {display: none; overflow: hidden; max-height: 540px; position: relative; }
nav section footer {display: none; height: 29px; -moz-border-radius: 0 0 10px 10px; }
nav section ul li {}
nav section ul li a {color: #5d6472; text-decoration: none; height: 55px; font-family: Helvetica;
  padding: 34px 0 0 70px; color: #5d6472; border-bottom: 1px solid #b2b2b1; background:#ececec none no-repeat 10px 15px; 
  display: block; font-weight: bold; font-size: 22px;}
nav section nav.arrows {position: absolute; width: 100%; text-align: center; bottom: -26px}
nav section nav.arrows a.disabled img {opacity: 0.5}
nav section nav.arrows a.disabled {cursor: default}
nav section.unfolded {margin-top:262px;}
nav section.unfolded ul,
nav section.unfolded .submenu_wrapper,
nav section.unfolded footer {display: block}
nav section.unfolded .subtitle {display: none}
 
nav section li.decouvrir a {background-image: url(../images/cogip-decouvrir.png)}
nav section li.actualites a {background-image: url(../images/cogip-actualites.png)}
nav section li.agenda a {background-image: url(../images/li-calendar.png)}
nav section li.book a {background-image: url(../images/li-book.png)}
nav section li.notepad a {background-image: url(../images/li-notepad.png)}
 
nav section.cogip h2 {background: -moz-linear-gradient(top, #b53d9d, #9b3186);}
nav section.cogip footer {background: -moz-linear-gradient(bottom, #b53d9d, #9b3186);}
nav section.cogip li.prevention a {background-image: url(../images/cogip-prevention.png)}
nav section.cogip li.adherent a {background-image: url(../images/cogip-adherent.png)}
nav section.cogip li.correspondant a {background-image: url(../images/cogip-correspondant.png)}
nav section.cogip li.devis a {background-image: url(../images/cogip-devis.png)}
 
nav section.hospital h2 {background: -moz-linear-gradient(top, #3776d5, #295cb1);}
nav section.hospital footer {background: -moz-linear-gradient(bottom, #3776d5, #295cb1);}
nav section.hospital li.visiteurs a {background-image: url(../images/cogip-prevention.png); padding-top: 24px; height: 65px}
nav section.hospital li.adherent a {background-image: url(../images/cogip-adherent.png)}
nav section.hospital li.correspondant a {background-image: url(../images/cogip-correspondant.png)}
nav section.hospital li.devis a {background-image: url(../images/cogip-devis.png)}
 
nav section.vitale h2 {background: -moz-linear-gradient(top, #cae643, #9cb129);}
nav section.vitale footer {background: -moz-linear-gradient(bottom, #cae643, #9cb129);}
nav section.vitale.unfolded h2 {display:none}
 
nav.docked {margin-top: -282px; height: 600px}
nav.docked a.help {display: inline;}
nav.docked section {}
 
#content {position: absolute; right:0; top: 600px; left: 91px; z-index: 0}

(c'est pour une borne tactile)
A vos WTF

Message édité par theredled le 12-10-2010 à 19:00:47

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Shinuza

This is unexecpected

Déjà :

nav section.cogip li.prevention a

.cogip .prevention

Edit : Avec le html qui va bien, cad, la classe sur le <a> et non pas sur le <li>

Message cité 1 fois
Message édité par Shinuza le 12-10-2010 à 21:23:29

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

theredled

● REC

Shinuza a écrit :

Déjà :

nav section.cogip li.prevention a

.cogip .prevention

Edit : Avec le html qui va bien, cad, la classe sur le <a> et non pas sur le <li>

Je trouve ça bcp moins compréhensible : avec mon écriture, je sais tout de suite à l'oeil sur quoi j'agis. Avec la tienne, aucune idée. Ca ressemble à un truc générique factorisé alors que c'est pas du tout le cas.

Ca me donne le même sentiment que quand on fout dans un scope global des variables pas du tout globales...

En plus de ça, ya 20% de chance (* nbre de cas similaires = sûr que ça arrive) que j'ai dans mon contenu une autre classe .cogip sur un <span> avec un autre .prevention sur un <img> à l'intérieur, par ex. Tu fais quoi dans ce cas ? Tu repasses ta CSS en revue ?

edit : et avec la classe .prevention sur le <a>, ça me fait une structure carrément plus couplée au CSS (ça implique que le <a> définisse nécessairement tout le visuel et le comportement spécifique et que le <li> ne fasse rien)

Message cité 1 fois
Message édité par theredled le 12-10-2010 à 21:51:57

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Shinuza

This is unexecpected

theredled a écrit :

Ca me donne le même sentiment que quand on fout dans un scope global des variables pas du tout globales...

Tu peux documenter ta CSS de manière adéquate, e.g

Code :

/* [start] Main navigation */
 
.main {/* Whatever*/} /* Qui devrait surement être #main ou mieux #MainNavigation (a ta guise pour les conventions), puisque je doute que tu aies 30 nav.main dans ton code, sinon you're doing it wrong(bis) */
.cogip h2 {background: -moz-linear-gradient(top, #b53d9d, #9b3186);}
.cogip footer {background: -moz-linear-gradient(bottom, #b53d9d, #9b3186);}
 
.hospital h2 {background: -moz-linear-gradient(top, #3776d5, #295cb1);}
.hospital footer {background: -moz-linear-gradient(bottom, #3776d5, #295cb1);}
 
/* [end] Main navigation */

ou préfixer de nav.main mais le reste c'est 99% de bloat. Genre :

Code :

nav section.cogip li.correspondant a {background-image: url(../images/cogip-correspondant.png)}
nav section.hospital li.correspondant a {background-image: url(../images/cogip-correspondant.png)}

ou encore

Code :

nav section.hospital li.visiteurs a {background-image: url(../images/cogip-prevention.png); padding-top: 24px; height: 65px}
nav section.cogip li.prevention a {background-image: url(../images/cogip-prevention.png)}

Alors que

Code :

.visiteurs a { padding-top: 24px; height: 65px} /* Si c'est vraiment necessaire */

Code :

<li class="visiteurs prevention"><a href="#" /></li>

Donne le meme résultat

theredled a écrit :

Non, si t'as ça et que y'a aucun style ou comportement commun entre les deux : you're doing it wrong (ter). Là t'oublie que ta nav est super spécifique, faut voir ce qui est ré-utilisable ailleurs, l'isoler et ne PAS le préfixer de quoi que ce soit sinon tu imposes une structure

theredled a écrit :

Justement sans ton <li> ça fonctionne quand même, sur un span ça marchera aussi, alors qu'en l'état ton code force à avoir un <a> dans un <li>, donc un <ul> etc... jusqu'a la nav

Message cité 2 fois
Message édité par Shinuza le 13-10-2010 à 00:39:54

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

theredled

● REC

Shinuza a écrit :

Tu peux documenter ta CSS de manière adéquate, e.g

Code :

#MainNavigation (a ta guise pour les conventions), puisque je doute que tu aies 30 nav.main dans ton code, sinon you're doing it wrong(bis) */

Ca sert à quoi d'avoir un nom de balise signifiante si c'est pour la répéter dans son id et pas l'utiliser pour cibler ? nav.main c'est plus court que #MainNavigation...

Shinuza a écrit :

Non, si t'as ça et que y'a aucun style ou comportement commun entre les deux : you're doing it wrong (ter).

Mouais... Je mets des noms de classes naturels (c'est le but), donc je vois pas ce qu'il y a d'incroyable à avoir un coté un <li> avec un classe .hopital et de l'autre un <img> avec la même classe alors qu'il n'ont rien à voir... De même qu'une classe .last, .image ou .subtitle.

Shinuza a écrit :

Là t'oublie que ta nav est super spécifique, faut voir ce qui est ré-utilisable ailleurs, l'isoler et ne PAS le préfixer de quoi que ce soit sinon tu imposes une structure

Justement sans ton <li> ça fonctionne quand même, sur un span ça marchera aussi, alors qu'en l'état ton code force à avoir un <a> dans un <li>, donc un <ul> etc... jusqu'a la nav

C'est là qu'on est pas d'accord je crois : pour moi la structure ne doit pas imposer une présentation, pour toi la présentation ne doit pas imposer de structure...

Normalement la structure est sémantique donc pas de raison que mes li se transforment en span ?

Pis j'aime pas les commentaires, moins j'en ai besoin mieux je me porte.

Message cité 2 fois
Message édité par theredled le 13-10-2010 à 01:27:55

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Shinuza

This is unexecpected

theredled a écrit :

Ca sert à quoi d'avoir un nom de balise signifiante si c'est pour la répéter dans son id et pas l'utiliser pour cibler ? nav.main c'est plus court que #MainNavigation...

[:prozac] C'est un exemple comme un autre. nav.main implique tu puisses avoir une une autre nav avec les mêmes styles sans collisions. J'ai admis que ta nav avait une seule instance donc j'y ai mis un #id, le nom importe peu.

theredled a écrit :

C'est là qu'on est pas d'accord je crois : pour moi la structure ne doit pas imposer une présentation, pour toi la présentation ne doit pas imposer de structure...

Normalement la structure est sémantique donc pas de raison que mes li se transforment en span ?

Ce que tu comprends pas, c'est que justement on s'en fout de l'élément sur lequel s'appliquent les styles.
La sémantique dont tu parles c'est du HTML, pas des CSS, en faisant l'almalgame tu injectes des concepts de sémantique HTML dans tes CSS et tu t'imposes des règles hors-sujet.
Oublie le HTML, code tes CSS comme tu coderais dans un language de programmation : factorise, découple, normalise. Arrêtes de rendre chaque règle dépendante de tout un paté de code html, ou même d'un élément.

T'écrirais pas un truc comme ça :

Code :

function foo() {
    dooFoo1();
    dooFoo2();
    dooFoo3();
}
 
function bar() {
    dooFoo1();
    dooFoo2();
    dooFoo3();
    dooBar();
}
 
function baz() {
    dooFoo1();
    dooFoo2();
    dooFoo3();
    dooBaz();
}

Code :

function sendSomeMail() {
    var mailSettings = SettingsManager.getInstance()->getSection('mail');
    var context = Context.getInstance()->setConfiguration(mailSettings);
    var mailService = new MailService(context);
 
    mailService->send('hello world');
}

Pourtant c'est exactement à ça que ressemblent tes CSS.

theredled a écrit :

Pis j'aime pas les commentaires, moins j'en ai besoin mieux je me porte.

Je comprends : t'écris 99% de code inutile ça laisse pas beaucoup de temps pour la doc.

Message cité 1 fois
Message édité par Shinuza le 13-10-2010 à 02:46:04

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

nraynaud

lol

c'est pédagogique et ça sent pas du tout l'attaque perso [:bien]

sinon, puisque les balises ont de toutes façon des styles par défaut associés(div, p -> block ; a, span -> inline), en quoi on peut découpler ?

Message cité 1 fois

---------------
trainoo.com, c'est fini

Shinuza

This is unexecpected

nraynaud a écrit :

sinon, puisque les balises ont de toutes façon des styles par défaut associés(div, p -> block ; a, span -> inline), en quoi on peut découpler ?

Faut pas non plus foncer tête baissée. Si t'as besoin e.g d'un style qui donne à un élément la gueule d'un bouton Web 3.0 tu fais en sorte que ça fonctionne quelque soit sa nature. Si t'es pas manchot div, p, a, span auront la même tronche le <a> aura un cursor:pointer gratuit, le p et de le div devrait faire 100% de leur de parent, etc...

Et j'ai rien contre led rouge, mais là il fait son magicbuzz

Message édité par Shinuza le 13-10-2010 à 02:20:13

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

BeGiNNeR02

:hello:

A tout hasard, il n'existerait pas une Lib PHP permettant de générer du XML directement à partir d'une XSD ? Genre, on lui file un tableau de données et *HOP* on a notre XML [:dawa]

:jap:

Message cité 1 fois

flo850

moi je

theredled a écrit :

Ca sert à quoi d'avoir un nom de balise signifiante si c'est pour la répéter dans son id et pas l'utiliser pour cibler ? nav.main c'est plus court que #MainNavigation...

les # id sont plus rapide a executer que les selecteur a rallonge a coup de .foo.bar.pwet

Sémantiquement, un id , c'est unique, ça me semble bien adapté à un main

Idem, j'ai l'impression que chacune de tes sections est unique , utilise plutôt un id. Ca allegera ta CSS et le temps de rendu

Pour le reste, la feuille de style te le code HTML doivent être lep lus indépendant possible, histoire de permettre une maj de l'un ou de l'autre.
Ce n'est pas possible d'avoir une indépendance totale, mais je pense que tu es un peu dans l'extrême inverse.

Message cité 1 fois

masklinn

í dag viðrar vel til loftárása

BeGiNNeR02 a écrit :

:hello:

A tout hasard, il n'existerait pas une Lib PHP permettant de générer du XML directement à partir d'une XSD ? Genre, on lui file un tableau de données et *HOP* on a notre XML [:dawa]

Cette demande n'a pas vraiment de sens, un XSD (un ou schéma en général) c'est un jeu de contraintes sur un document XML, pas un mapping entre des formats arbitraires.

Message cité 1 fois

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

BeGiNNeR02

masklinn a écrit :

Cette demande n'a pas vraiment de sens, un XSD (un ou schéma en général) c'est un jeu de contraintes sur un document XML, pas un mapping entre des formats arbitraires.

Biensûr, mais à partir de cette XSD :

Code :

<xsd:schema ...>
    <xsd:element name="mel" type="melType" />
 
    <xsd:complexType name="melType"  >
        <xsd:sequence>
            <xsd:element ref="Image" minOccurs="1" maxOccurs="unbounded"/>
        </xsd:sequence>
    </xsd:complexType>
    
    <xsd:element name="Image" type="ImageType"/>
    
    <xsd:complexType name="ImageType">
        <xsd:annotation>
            <xsd:documentation xml:lang="fr">Image de MEL</xsd:documentation>
        </xsd:annotation>
        <xsd:sequence>
            <xsd:element ref="nomFichier" minOccurs="1" maxOccurs="1"/>
            <xsd:element ref="formatFichier" minOccurs="1" maxOccurs="1"/>
        </xsd:sequence>
    </xsd:complexType>
    
    <xsd:element name="nomFichier" type="stringNotNULL">
        <xsd:annotation>
            <xsd:documentation xml:lang="fr">nom du fichier</xsd:documentation>
        </xsd:annotation>
    </xsd:element>
    
    <xsd:element name="formatFichier" type="formatFichierType">
        <xsd:annotation>
            <xsd:documentation xml:lang="fr">format du fichier</xsd:documentation>
        </xsd:annotation>
    </xsd:element>
</xsd:schema>

Et d'un tableau du type :

Code :

array(
    'Image'    => array(
                    array(
                        'nomFichier'    => 'image.jpg',
                        'formatFichier'    => 'JPEG'
                        )
                    )
    );

On pourrait quand même obtenir :

Code :

<mel ...>
    <Image>
        <nomFichier>0010.jpg</nomFichier>
        <formatFichier>JPEG</formatFichier>
    </Image>
</mel>

(avec tout un tas de contrôle de données... etc)

:??:

Message cité 1 fois
Message édité par BeGiNNeR02 le 13-10-2010 à 10:30:27

theredled

● REC

Shinuza a écrit :

Oublie le HTML, code tes CSS comme tu coderais dans un language de programmation : factorise, découple, normalise. Arrêtes de rendre chaque règle dépendante de tout un paté de code html, ou même d'un élément.

En quoi mon CSS n'est pas factorisé, tu vois des doublons ? [:klemton]

flo850 a écrit :

les # id sont plus rapide a executer que les selecteur a rallonge a coup de .foo.bar.pwet

Sémantiquement, un id , c'est unique, ça me semble bien adapté à un main

Idem, j'ai l'impression que chacune de tes sections est unique , utilise plutôt un id. Ca allegera ta CSS et le temps de rendu

Ok. Le truc qui me fait chier c'est que ça m'oblige à gérer les collisions d'IDs, définir une convention de nommage (qui doit inclure l'arbo en doublon, genre #mainNavSectionCogip, ou pire trouver un nom bien choisi) etc... Ptet pas insurmontable mais bon.

flo850 a écrit :

Pour le reste, la feuille de style te le code HTML doivent être lep lus indépendant possible, histoire de permettre une maj de l'un ou de l'autre.
Ce n'est pas possible d'avoir une indépendance totale, mais je pense que tu es un peu dans l'extrême inverse.

C'est vrai, mais juste dans le sens CSS->HTML (le HTML lui dépend pas du CSS)

A vrai dire ça m'a jamais posé de pb, à part pour la longueur des lignes. Mais pour les pbs de couplage HTML->CSS, j'ai jamais rencontré de cas génant.

Message cité 1 fois
Message édité par theredled le 13-10-2010 à 11:07:10

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Shinuza

This is unexecpected

theredled a écrit :

En quoi mon CSS n'est pas factorisé, tu vois des doublons ? [:klemton]

Je t'ai montré des exemples de trucs factorisables un peu plus haut [:mlc]

theredled a écrit :

C'est vrai, mais juste dans le sens CSS->HTML (le HTML lui dépend pas du CSS)

Encore heureux
Ça reste possible de reverse-engineer ton HTML à partir de tes CSS quand même.

Message cité 1 fois

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

theredled

● REC

Shinuza a écrit :

Je t'ai montré des exemples de trucs factorisables un peu plus haut [:mlc]

Ca ?

Citation :

nav section.cogip li.prevention a
==
.cogip .prevention

J'appelle ça raccourcir, pas factoriser.

Shinuza a écrit :

Encore heureux
Ça reste possible de reverse-engineer ton HTML à partir de tes CSS quand même.

Totalement [:cosmoschtroumpf]
(Mais ça ne m'empeche pas de faire des modifs techniques de structure, genre rajouter des wrappers etc)

Message cité 1 fois
Message édité par theredled le 13-10-2010 à 10:40:02

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

masklinn

í dag viðrar vel til loftárása

BeGiNNeR02 a écrit :

Biensûr, mais à partir de cette XSD :

Code :

<xsd:schema ...>
    <xsd:element name="mel" type="melType" />
 
    <xsd:complexType name="melType"  >
        <xsd:sequence>
            <xsd:element ref="Image" minOccurs="1" maxOccurs="unbounded"/>
        </xsd:sequence>
    </xsd:complexType>
    
    <xsd:element name="Image" type="ImageType"/>
    
    <xsd:complexType name="ImageType">
        <xsd:annotation>
            <xsd:documentation xml:lang="fr">Image de MEL</xsd:documentation>
        </xsd:annotation>
        <xsd:sequence>
            <xsd:element ref="nomFichier" minOccurs="1" maxOccurs="1"/>
            <xsd:element ref="formatFichier" minOccurs="1" maxOccurs="1"/>
        </xsd:sequence>
    </xsd:complexType>
    
    <xsd:element name="nomFichier" type="stringNotNULL">
        <xsd:annotation>
            <xsd:documentation xml:lang="fr">nom du fichier</xsd:documentation>
        </xsd:annotation>
    </xsd:element>
    
    <xsd:element name="formatFichier" type="formatFichierType">
        <xsd:annotation>
            <xsd:documentation xml:lang="fr">format du fichier</xsd:documentation>
        </xsd:annotation>
    </xsd:element>
</xsd:schema>

Et d'un tableau du type :

Code :

array(
    'Image'    => array(
                    array(
                        'nomFichier'    => 'image.jpg',
                        'formatFichier'    => 'JPEG'
                        )
                    )
    );

On pourrait quand même obtenir :

Code :

<mel ...>
    <Image>
        <nomFichier>0010.jpg</nomFichier>
        <formatFichier>JPEG</formatFichier>
    </Image>
</mel>

(avec tout un tas de contrôle de données... etc)

:??:

En quoi t'as besoin d'un XSD pour un truc pareil?

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

BeGiNNeR02

Comme tu le disais, la XSD permet de déterminer les contraintes sur un document XML. Du coup, si tu lui files un nom de fichier vide, la Lib sera capable de te le signaler avant de générer le XML et si tout roule, bah elle le génére.

En fait, comme j'ai plusieurs XML à créer et que je n'ai que les XSD (plus complexes que l'exemple, hein ) comme point de départ, avec une BDD pour les données à placer dans ces XML, je me demandais si une Lib pouvait faire ça de manière générique. C'est si con comme idée ? [:transparency]

Message cité 1 fois

masklinn

í dag viðrar vel til loftárása

BeGiNNeR02 a écrit :

Bah c'est vraiment pas du tout fait pour, je suis pas sûr que les xsd soient adaptés (tu peux quand même te retrouver avec des trucs complètement imbitables) et surtout encore une fois ça définit pas de mapping, donc bon…

À la limite on peut imaginer faire du fuzzing avec le schéma[0] (ça génère aléatoirement des données "valides" pour autant que le schéma soit concerné et ça regarde si ces fichiers font pêter les libs derrière), mais pour ton cas oui tu peux faire une lib (bien sûr) mais je vois pas trop où/quand peut aider, à part pour valider ta sortie.

Après je me trompe peut-être, notes.

[0] C'est plus limité mais oXygenXML peut générer un document de démo à partir d'un schéma.

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Shinuza

This is unexecpected

theredled a écrit :

Ca ?

Citation :

nav section.cogip li.prevention a
==
.cogip .prevention

J'appelle ça raccourcir, pas factoriser.

C'est aussi factoriser et découpler figures toi. Mais je parlais plus de ça :

Shinuza a écrit :

Code :

nav section.cogip li.correspondant a {background-image: url(../images/cogip-correspondant.png)}
nav section.hospital li.correspondant a {background-image: url(../images/cogip-correspondant.png)}

ou encore

Code :

nav section.hospital li.visiteurs a {background-image: url(../images/cogip-prevention.png); padding-top: 24px; height: 65px}
nav section.cogip li.prevention a {background-image: url(../images/cogip-prevention.png)}

Alors que

Code :

.visiteurs a { padding-top: 24px; height: 65px} /* Si c'est vraiment necessaire */

Code :

<li class="visiteurs prevention"><a href="#" /></li>

Donne le meme résultat

Message cité 1 fois
Message édité par Shinuza le 13-10-2010 à 11:43:28

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

masklinn

í dag viðrar vel til loftárása

Code :

<tbody id="filter_table">

:fou:

Message édité par masklinn le 13-10-2010 à 12:36:10

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

vapeur_cochonne

Stig de Loisir

² les gens
quesce qui pourrait empecher mon javascript de s'exceuter sur ie6 alors que sous ff ça fonctionne ?

Message cité 1 fois

---------------
marilou repose sous la neige

flo850

moi je

IE6 est une grosse bouze ?
montre le script

Message cité 1 fois

tomsoft

vapeur_cochonne a écrit :

:o² les gens
quesce qui pourrait empecher mon javascript de s'exceuter sur ie6 alors que sous ff ça fonctionne ?

un tas de trucs code

vapeur_cochonne

Stig de Loisir

flo850 a écrit :

IE6 est une grosse bouze ?
montre le script

bah ie c'est oblligé chez nous

Code :

if(window.attachEvent)
window.attachEvent("onload",sfhover);
sfhover= function(){
var sfEls = document.getElementById("menu" ).getElementsByTagName("LI" );
for(var i=0; i<sfEls.length; i++){
sfEls[i].onmouseover=function(){
this.className +=" sfhover";
}
sfEls[i].onmouseout=function(){
this.className = this.className.replace(new RegExp("sfhover\\b","" ));
}
}
}

Message cité 1 fois
Message édité par vapeur_cochonne le 13-10-2010 à 14:02:46

---------------
marilou repose sous la neige

flo850

moi je

déjà commence par définir ta fonction avant de l'attacher

Tu n'utilises pas de lib (jquery apr exemple) ?

Message cité 1 fois

vapeur_cochonne

Stig de Loisir

flo850 a écrit :

déjà commence par définir ta fonction avant de l'attacher

Tu n'utilises pas de lib (jquery apr exemple) ?

lapin

---------------
marilou repose sous la neige

flo850

moi je

Code :

sfhover= function(){
var sfEls = document.getElementById("menu" ).getElementsByTagName("LI" );
for(var i=0; i<sfEls.length; i++){
sfEls[i].onmouseover=function(){
this.className +=" sfhover";
}
sfEls[i].onmouseout=function(){
this.className = this.className.replace(new RegExp("sfhover\\b","" ));
}
}
}
// on attache la fonction au onload une fois qu'elle est bien définie
if(window.attachEvent)
window.attachEvent("onload",sfhover);

Message cité 3 fois
Message édité par flo850 le 13-10-2010 à 14:10:37

Publicité

Page : 1 2 3 4 5 .. 1028 1029 1030 .. 1449 1450 1451 1452 1453 1454

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

HTML/CSS

blabla@web

Sujets relatifs
blabla 3	blabla 2
PUTAIN HARKO TU AS FERM2 BLABLA !	[Beaucoup de blabla pour rien : post à effacer] Compiler .bat
variable1="blabla + variable2 +blala : c'est possible ??	[PHP & regex] "blabla blabla file.ext?point=444 blabla" Recupérer 444
mail("celine@hotmail.com"," sujet","blabla"); pose une err ! Help	[MySQL] WHERE 'blabla' compris dans le champ truc
[blabla@hosto] Le topic des vieux	[PHP / BlaBla - limite]
Plus de sujets relatifs à : blabla@web

Page générée en 0.255 secondes