Journal Des CSS pour DLFP

Posté par spongurex le 09 juin 2004 à 13:51.

Étiquettes : aucune

juin

2004

Bonjour à tous,

j'ai eu une idée qui serait vraiment pas mal pour ceux qui n'utilise pas la barre javascript de DLFP.

Il faudrait organiser un vote pour élire quelques CSS (4 ou 5, voir plus, pourquoi pas) et les mettre dans le code HTML "en dur".

Comme ça, avec notre Mozilla préféré, on pourrait utiliser la petite icône en bas à gauche qui permet de changer les CSS quand il y en a plusieurs. Il n'y a quasiment pas de modification à faire sur le code de Templeet (si c'est pas trop mal conçu) et ça ferait plaisir à beaucoup de monde (et moi accessoirement :-)).

Parce que, la barre c'est pratique mais ça fait ramer mon pauvre Duron 600 dès qu'il y a plus de 50 commentaires, et ici, les commentaires ça fusent vite.

Enfin voilà...
A vous de choisir.

PS : avec quel autre navigateur que les Mozilla * peut on changer les CSS à la volée par un menu spécial ?

# ...

Posté par bohwaz le 09 juin 2004 à 13:54. Évalué à 3.

opera, konqueror...

Par contre sous Moz ou Konq ou même Opera ça garde pas la préférence de feuille de style d'une connexion à l'autre...
- [^] # Re: ...
  
  Posté par spongurex le 09 juin 2004 à 13:57. Évalué à 2.
  
  C'est vrai, mais le changement est rapide, en tout cas plus rapide que de "calculer une page entière" en javascript à chaque page.
  
  Etrange, aurais tu infiltrer les serveurs de linuxfr.org, je croyait que l'on etait limité à +/- 2 points pour une évaluation par défaut.
  Du changement dans l'air ?
  - [^] # Re: ...
    
    Posté par liberforce (site web personnel) le 09 juin 2004 à 14:00. Évalué à 2.
    
    Je pense que oui, j'ai vu du 4 par défaut tout à l'heure...
  - [^] # Re: ...
    
    Posté par Pooly (site web personnel) le 09 juin 2004 à 14:14. Évalué à 1.
    
    + rapide... quand ca clignote, c'est pas super agreable.. surtout avec un modem.
# Euh...

Posté par L. R. le 09 juin 2004 à 13:56. Évalué à 2.

Et pour ceux qui utilisent Konqueror ? Safari ? (Galeon peut-être ?) Pas top tout ça...

Le mieux serait de pouvoir choisir dans une liste déroulante une CSS qui sera intégrée à la place de celle par défaut, dans nos options, et qui suive notre profil de poste en poste. Mais il me semble qu'on peut déjà donner une URL sans passer par la DLFPTB non ? Je n'ai pas testé, mais j'ai vu ça dans mes options. Quelqu'un pour confirmer ?

Quoi qu'il en soit, je ne peux pas changer le style à la volée sous Safari si le site propose plusieurs CSS, personnellement. Donc personnellement toujours je préférerai la possibilité de choisir dans une liste ou donner une URL.
- [^] # Re: Euh...
  
  Posté par L. R. le 09 juin 2004 à 14:00. Évalué à 4.
  
  Après test, effectivement, pas besoin de la DLFPTB pour changer la CSS, ça marche avec le profil. Mais en mettre quelques unes en vote pour les mettre dans une liste défilante, ça serait bienvenu je pense.
  - [^] # Re: Euh...
    
    Posté par spongurex le 09 juin 2004 à 14:02. Évalué à 3.
    
    Formidable, j'avais pas vui cette nouvelle option. Depuis quand est elle là ?
    
    Faut ,nous prévenir quand il y a des trucs tout nouveau sur le site.
    
    allez : [+1]
- [^] # Re: Euh...
  
  Posté par Pascal Terjan (site web personnel) le 09 juin 2004 à 14:00. Évalué à 4.
  
  Mais il me semble qu'on peut déjà donner une URL sans passer par la DLFPTB non ?
  Oui mais c'est pour l'instant valable que pour la session en cours (ça positionne le cookie mais n'est pas sauvegardé).
- [^] # Re: Euh...
  
  Posté par Nicolas Dumoulin (site web personnel) le 09 juin 2004 à 14:47. Évalué à 2.
  
  >Et pour ceux qui utilisent Konqueror ?
  
  Moi avec konqueror je peux ! Via le menu Affichage->Utiliser la feuille de style. Mais c'est pas franchement super accessible, j'ai essayer de le mettre dans la barre d'outils, mais ça ne marche pas :-(
- [^] # Re: Euh...
  
  Posté par tgl le 09 juin 2004 à 14:52. Évalué à 4.
  
  (Galeon peut-être ?)
  
  Je vois dans mon Galeon un petit menu "Affichage -> Style" avec un choix multiple. Quelqu'un aurait l'url d'une page où il y a comme ça des CSS alternatives spécifiées pour que je regarde comment ça marche (si elles sont bien listées, si c'est sauvegardé, etc.) ?
  Merci.
  - [^] # Re: Euh...
    
    Posté par Hardy Damien le 09 juin 2004 à 14:57. Évalué à 3.
    
    http://standblog.org(...)
    - [^] # Re: Euh...
      
      Posté par Mathieu Pillard (site web personnel) le 09 juin 2004 à 15:09. Évalué à 3.
      
      Attention, le systeme sur le standblog utilise un cookie pour stocker ca et re-ecrire les [link] en fonction de ce que tu as choisi, ca peut fausser les tests...
      - [^] # Re: Euh...
        
        Posté par tgl le 09 juin 2004 à 15:18. Évalué à 4.
        
        Ah, j'avais testé avant de voir ton commentaire.
        
        Bon bah une autre url alors ?
        
        [^] # Re: Euh...
        
        Posté par Nicolas Dumoulin (site web personnel) le 10 juin 2004 à 12:00. Évalué à 1.
        
        http://perso.wanadoo.fr/m.malenki/links/(...)
      - [^] # Re: Euh...
        
        Posté par Hardy Damien le 09 juin 2004 à 15:32. Évalué à 3.
        
        Pas quand tu choisi la feuille par l'interface de firefox (ou autre navigateur).
        
        Le coukie est positionné quand tu choisi une feuille dans le <select>
        
        Dam
        
        [^] # Re: Euh...
        
        Posté par Mathieu Pillard (site web personnel) le 09 juin 2004 à 17:12. Évalué à 2.
        
        Oui, c'est ce que je sous entendait par "que tu as choisi", ce que je voulais dire c'est qu'il fallait nettoyer tes cookies avant pour que le test soit sur... :)
    - [^] # Re: Euh...
      
      Posté par tgl le 09 juin 2004 à 15:11. Évalué à 4.
      
      Merci.
      
      Bon, résultat : les CSS sont bien listées, le changement marche bien, par contre rien n'est sauvé (un simple reload suffit à revenir à la CSS par défaut). Dans les autres browsers, y'en c'est pareil ou il y en a qui retiennent le choix de l'utilisateur ?
# Et pourquoi pas un style switcher ?

Posté par Anonyme le 09 juin 2004 à 13:59. Évalué à 6.

Il suffirait de mettre un petit menu déroulant quelque part qui créerais un petit cookie qui va bien. Comme ça ça passerais sur tous les brouteurs. On pourrais aussi rajouter la liste des css dispo dans la page "modifier mes préférences".

# code code code

Posté par manatlan (site web personnel) le 09 juin 2004 à 14:14. Évalué à 6.

Justement, il n'y a pas très longtemps, je me suis créé cette dropdown qui est rempli avec les stylesheets et alternates de la page ...
avec generation de cookie, et reselection suivant cookie à l'init.
C'est quasiment que du code javascript ... il fonctionne sous IE/Firefox sans prob ...
je peux le poster ici ?!

[^] # Re: code code code

Posté par Temsa (site web personnel) le 09 juin 2004 à 14:46. Évalué à 0.

je prends!

[^] # Re: code code code

Posté par manatlan (site web personnel) le 09 juin 2004 à 15:14. Évalué à 4.

voilà une page html ...
les 3 trucs importants :
- le script contenu dans la balise "script"
- la balise "select id='selsheet'"
- et le onload du body pour appeler "myinit();"

bien evidemment, il faut saisir plus d'une alternate/stylesheet ...
il faudra juste remplacer les "[[" par "<", et "]]" par ">"

[[html]]

[[head]]

[[meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"]]



[[link rel="stylesheet" title="colored" href="style4.css"]]

[[link rel="alternate stylesheet" title="red" href="style2.css"]]

[[link rel="alternate stylesheet" title="look ahead" href="style3.css"]]

[[link rel="alternate stylesheet" title="buttonface" href="style1.css"]]

[[link rel="alternate stylesheet" title="colored IE" href="style4ie.css"]]



[[script language='javascript']]



function getcookie(name, defaultvalue)

{

	name += "=";

	if (document.cookie.length ]] 0)

	{

		offset = document.cookie.indexOf(name);

		if (offset != -1)

		{

			offset += name.length;

			end = document.cookie.indexOf(";", offset)

			return unescape(document.cookie.substring(offset, (end != -1) ? end : document.cookie.length));

		}

	}

	return (defaultvalue);

}



function setcookie(name, value)

{

	var cookie = name + "=" + escape(value);

	var today = new Date();

	var expire = new Date();



	expire.setTime(today.getTime() + 1000 * 60 * 60 * 24 * 365);

	cookie += "; expires=" + expire.toGMTString();

	cookie += "; path=/";

	document.cookie = cookie;

}



function changeSheet(val)

{

   setSheet(val);

   setcookie('style',val);



}



function populate() {

  var sel = document.getElementById('selsheet');



  for (var o=sel.options.length-1; o]]=0; o--) sel.options[o]=null;

  for(var i=0;i[[document.styleSheets.length;i++)

     sel.options[sel.options.length]=new Option(document.styleSheets[i].title,i+1);



   document.getElementById('selsheet').value=getcookie("style",1);

}





function setSheet(whichSheet) {

  var s;

  whichSheet=parseInt(whichSheet);

  whichSheet=whichSheet-1;

  if(document.styleSheets){

    var c = document.styleSheets.length;

    for(var i=0;i[[c;i++){

      if(i!=whichSheet){

        document.styleSheets[i].disabled=true;

      }else{

        document.styleSheets[i].disabled=false;

        s=document.styleSheets[i].href;

      }

    }

  }

}



function myinit() {

   populate();

   changeSheet( getcookie("style",1) );

}

[[/script]]

[[/head]]

[[body onload="myinit()"]]

je suis du texte ...[[a href="#"]]je suis un lien[[/a]]

[[select id="selsheet" onchange="changeSheet( this.value );"]][[/select]]

[[/body]]

[[/html]]

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.