INVISION - Code CSS majuscule/minuscule

2 participants

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

Résolu INVISION - Code CSS majuscule/minuscule

Message par FANCH 56 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

FANCH 56
Membre actif

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

https://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 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

zz10
Membre actif

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

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

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

Message par FANCH 56 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

FANCH 56
Membre actif

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

https://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 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

zz10
Membre actif

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

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

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

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

Dans la description du forum ?

Sous invision, pas de templates
FANCH 56

FANCH 56
Membre actif

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

https://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 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

zz10
Membre actif

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

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

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

Message par FANCH 56 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

FANCH 56
Membre actif

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

https://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 Lun 20 Sep 2010 - 17:39

Lien de la page stp ?
zz10

zz10
Membre actif

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

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

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

Message par zz10 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

zz10
Membre actif

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

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

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

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

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

FANCH 56
Membre actif

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

https://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 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 : https://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

zz10
Membre actif

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

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

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

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

J'ai un hébergeur : ovh

Je fais la manip
FANCH 56

FANCH 56
Membre actif

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

https://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 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

FANCH 56
Membre actif

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

https://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

- Sujets similaires

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