Quick links: Content - sections - sub sections
EN FR
Quick Search Advanced search
 
Page

  [Opened] [Résolu]Déclarer un CSS

Posted by v.p13 on 06/13/2012 12:08

Bonjour,

Débutant sous Jelix, j'ai un peu de mal à me familiarisé au framework.

Si j'ai bien compris, les CSS doivent être contenu dans myapp/scripts/js. Mon problème est que je ne sait ou les déclarer, en effet je pensais les déclarer dans le controleur à l'aide de addCSSlink sur l'objet rep, mais dans le constructeur de la classe myHtmlResponse une anotation précise qu'il faut inclure nos JS et CSS ici.

Je suis un peu perdu ^^

Je travail sous Jelix1.3 dev.

Merci d'avance

  [Opened] Déclarer un CSS

Reply #1 Posted by muirgen on 06/13/2012 12:15

Bonjour v.p13,

Pour déclarer ta feuille de style sous Jelix c'est assez simple, tu le fait dans ton fichier de "reponse" par defaut :

myapp/responses/myHtmlResponse.class.php

comme ceci :

 public function __construct() {
 parent::__construct();
 $this->addCSSLink('tonchemin/tafeuilledestyle.css');
 }

Pour le javascript c'est sensiblement la même chose :

 public function __construct() {
 parent::__construct();
 $this->addJSLink('tonchemin/tonfichier.js');
 }

et pour les deux ensembles ^^ :

 public function __construct() {
 parent::__construct();
 $this->addJSLink('tonchemin/tonfichier.js');
 $this->addCSSLink('tonchemin/tafeuilledestyle.css');
 }

Muirgen

  [Opened] Re: Déclarer un CSS

Reply #2 Posted by v.p13 on 06/13/2012 12:17

Merci !

  [Opened] [Résolu]Déclarer un CSS

Reply #3 Posted by muirgen on 06/13/2012 12:18

un petit lien vers la doc qui l'explique :

Faire une réponse personnalisée global

et de rien :)

Amuse toi bien avec Jelix !!

Muirgen

  [Opened] [Résolu]Déclarer un CSS

Reply #4 Posted by v.p13 on 06/13/2012 13:00

Merci pour le lien.

Une dernière (ou pas^^) question :

Je travail sous Windows + Wamp (en local pour le moment).

J'ai placé mon css ici : c:/wamp/www/myapp/www/css/maFeuille.css

Et pourtant mon css n'est pas pris en compte dans mon template.

Voici mon CSS (juste un test).

input {
 background-color:#FFF3F3;
}

Mon tpl :

<h2>C'est passé !</h2>

<input type="text">

Mon MyHtmlResponse :

function __construct() {
        parent::__construct();

        // Include your common CSS and JS files here
	$this->addCSSLink('./css/inscription.css');
    }

En tout logique mon input "text" devrait changer de couleur, non ?

  [Opened] [Résolu]Déclarer un CSS

Reply #5 Posted by muirgen on 06/13/2012 13:15

Logiquement oui, sauf si la déclaration du chemin n'est pas bonne.

Essaie :

function __construct() {
        parent::__construct();

        // Include your common CSS and JS files here
	$this->addCSSLink('css/inscription.css');
    }

Donc sans le ('./css/inscription.css') Car logiquement, Jelix va regarder à la racine de ton www pour retrouver ton répertoire (css) et ta feuille de style enregistrée dedans (inscription.css).

Dans les versions antérieures de jelix, je me rappel avoir été obligée de déclarer ma feuille de style en précisant le chemin vers le répertoire www avec :

$this->addCSSLink($gJConfig->urlengine['jelixWWWPath'].'monrep/mafeuille.css');

Cela dit il me semble que cette méthode de déclaration n'est plus d'actualité et que Jelix retrouve son path vers le www comme un grand.

Muirgen

  [Opened] Re: [Résolu]Déclarer un CSS

Reply #6 Posted by v.p13 on 06/13/2012 13:22

J'ai rectifié le chemin sans le "./" et tenter l'ancienne version (urlengine) mais ça ne veut pas.

J'essairé après mangé, j'ai du loupé un truc évident, merci pour les réponses !

  [Opened] [Résolu]Déclarer un CSS

Reply #7 Posted by muirgen on 06/13/2012 13:38

Petit click droit sur ta page web et "regarder le code source" (ou un truc du genre).

Vérifie le chemin d'appel à ton fichier css et corrige le en fonction :)

  [Opened] [Résolu]Déclarer un CSS

Reply #8 Posted by foxmask on 06/13/2012 15:12

dans le template on fait

{meta_html css 'macss.css'} 

et le path est relatif au dossier www (s'il est evidement déclaré comme document_root )


@GitHub - Forum HaveFnuBB! powered by Jelix - Le Booster Jelix !

  [Opened] [Résolu]Déclarer un CSS

Reply #9 Posted by v.p13 on 06/13/2012 15:48

<link type="text/css" href="css/inscription.css" rel="stylesheet" />
<link type="text/css" href="./css/inscription.css" rel="stylesheet" />

Dans les deux cas, mon css ne marche toujours pas. (Avec Meta, dans le constructeur, dans le myHtmlResponse.

Ce qui est bizzare c'est que je souhaite juste colorer mon bg.

Mon css :

body {background-color: #FF0000;}

Si je le met en "dur" donc directement dans le template à l'aide de bgcolor ça fonctionne.

C'est donc un probleme de chemin je suppose, comment déclaré www comme document_root ?

 
Page
  1. [Résolu]Déclarer un CSS