INVISION - Code CSS majuscule/minuscule

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu INVISION - Code CSS majuscule/minuscule

Message par FANCH 56 le Sam 18 Sep 2010 - 17:45

Bonsoir

Pour lutter contre ceux qui s'obstinent à écrire en majuscules dans les posts, on ma donné ce code CSS. Il fonctionne.

Mais !! inconvénient : la première lettre après un point ne se met pas en majuscule. Est-ce possible ?

.postbody {

background-color:#ffffee;

font-size:16px;

line-height:21px;

letter-spacing:normal;

text-transform : capitalize;
}


Dernière édition par FANCH 56 le Lun 20 Sep 2010 - 18:09, édité 1 fois

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION - Code CSS majuscule/minuscule

Message par zz10 le Sam 18 Sep 2010 - 23:22

Bonsoir,

En CSS, c'est mort mais en javascript c'est possible. Si je te donne la marche à suivre tu pourras le faire seul ou tu n'y connais pa grand chose, dans ce cas, je te ferai ce code Smile

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION - Code CSS majuscule/minuscule

Message par FANCH 56 le Dim 19 Sep 2010 - 9:23

Bonjour

Java script................c'est de l'Hébreu pour moi........... Embarassed

Donc j'accepte ta proposition

Merci

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION - Code CSS majuscule/minuscule

Message par zz10 le Lun 20 Sep 2010 - 16:52

Hey,

Bon c'est bien plus compliqué que ce que je pensais Wink

Essayez ceci :

A mettre dans un fichier javascript dans le header (vous savez faire ?) :

Code:
jQuery(document).ready(function()  {   
var divs = document.getElementsByTagName('div');
      for (i=0; i<divs.length; i++){
         if(divs[i] != null && divs[i].className == 'post-entry'){            
            var contenu = divs[i].innerHTML;
            contenu = contenu.toLowerCase();
            var new_contenu = contenu;
            var tab_separator = new Array();
            tab_separator[0] = ".";
            tab_separator[1] = "!";
            tab_separator[2] = "?";
            for(n=0;n<tab_separator.length;n++){
               var tab_phrase = new_contenu.split(tab_separator[n]);
               new_contenu = "";
               for(j=0;j<tab_phrase.length;j++){
                  var trouve_lettre = false;
                  var phrase = tab_phrase[j];
                  for(k=0;k<phrase.length;k++){
                     var lettre = phrase[k];
                     if(checkLetter(lettre.toLowerCase()) && !trouve_lettre){
                        trouve_lettre = true;
                        new_contenu += lettre.toUpperCase();
                     }else{
                        new_contenu += lettre;
                     }
                  }
                  if(j != tab_phrase.length-1)
                  new_contenu += tab_separator[n];
               }
            }
            divs[i].innerHTML = new_contenu;
            i++;
         }
      }
});

function checkLetter(lettre){
   var chaine = "abcdefghijklmnopqrstuvwxyzàâéèêîïôùûç";
   for(l=0;l<lettre.length;l++){
      var trouve=false;
      for(m=0;m<chaine.length;m++){
         if(lettre.charAt(l) == chaine.charAt(m)){
            trouve = true;
            m = chaine.length;
         }
      }
      if (trouve == false){
         return false;
      }
   }
   return true;
}


zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION - Code CSS majuscule/minuscule

Message par FANCH 56 le Lun 20 Sep 2010 - 17:05

Dans la description du forum ?

Sous invision, pas de templates

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION - Code CSS majuscule/minuscule

Message par zz10 le Lun 20 Sep 2010 - 17:34

Oui dans la description du forum Smile

Tu fais un fichier js, tu mets tout le code dedans. Tu héberge le fichier chez un hebergeur de javascript puis tu mets la balise meta du fichier dans la description Wink

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION - Code CSS majuscule/minuscule

Message par FANCH 56 le Lun 20 Sep 2010 - 17:38

OK je vais tenter.

Merci


Dernière édition par FANCH 56 le Lun 20 Sep 2010 - 17:42, édité 1 fois

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION - Code CSS majuscule/minuscule

Message par zz10 le Lun 20 Sep 2010 - 17:39

Lien de la page stp ?

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION - Code CSS majuscule/minuscule

Message par zz10 le Lun 20 Sep 2010 - 17:44

tu as mis le code dans un fichier (module page HTML), il ne faut pas procédé comme ça pour ce code. Fais comme je t'ai dit plus haut Wink

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION - Code CSS majuscule/minuscule

Message par FANCH 56 le Lun 20 Sep 2010 - 17:44

Non au temps pour mois, j'ai pas la possibilité de faire un fichier js

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION - Code CSS majuscule/minuscule

Message par zz10 le Lun 20 Sep 2010 - 17:51

Ouvres ton bloc notes, colles tout le code dedans et enregistres sur ton bureau comme ça : mise_en_forme.js

Puis rends toi sur un hébergeur celui la par exemple : http://www.archive-host.com/

Crée un compte, valide le avec adresse mail. Une fois arrivé sur le panel, envoi le fichier. Récupères le lien et remplace le lien du fichier html que tu as mis dans description par le nouveau lien. Capito ?

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION - Code CSS majuscule/minuscule

Message par FANCH 56 le Lun 20 Sep 2010 - 18:04

J'ai un hébergeur : ovh

Je fais la manip

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION - Code CSS majuscule/minuscule

Message par FANCH 56 le Lun 20 Sep 2010 - 18:09

Ti top

Nickel, cela fonctionne.

Merci beaucoup. Les membres qui écrivent en majuscules ne vont rien comprendre.

Résolu

MERCI zz10

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum