Discussion :

[pito2901]

Bonjour,

Je recherche des fonctions ou voire des pistes ou carrément un bout de code pour ajuster la taille d'un texte lorsque celui-ci est entouré de <>, soit :

TEXTE //taille initiale

>TEXTE< //taille réduite de 2px par exemple

<TEXTE> //taille augmentée de 2px...

Sachant que les <> ne devront pas être visible...

Et le code HTML ressemblera à :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="boite">
<span>TEXTE</span>
</div>

Et on souhaitera taper ce code pour réduire la taille:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="boite">
<span>>TEXTE<</span>
</div>

Voilà.

D'abord est-ce possible ? Et si oui, de quelle manière ?

Merci.

PS: On peut remplacer les <> par +- ou autre chose...

[Golgotha]

Sinon, il y a le CSS.

[Invité]

Bonjour,
pourquoi pas avec un bon éditeur WYSIWYG ?

[pito2901]

Bah moi je veux bien une méthode pour le css, mais j'avais posté mon message dans JQuery car c'était pour l'adapter à un code déjà existant.

Mais pourquoi pas le CSS, mais je ne vois pas comment faire...

[Golgotha]

Voilà avec du CSS ....

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="boite">
<span class="txt-small">TEXTE</span>
<span class="txt-medium">TEXTE</span>
<span class="txt-large">TEXTE</span>
</div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.txt-small{    font-size : 8px;   }
 
.txt-medium{   font-size : 10px;   }
 
.txt-large{   font-size : 14px;   }

Exemple ici : http://jsfiddle.net/dha7xggd/

[Invité]

... c'était pour l'adapter à un code déjà existant...

euhhh... et tu n'as pas jugé utile :

• de le dire avant ?
• d'expliquer à quoi ça sert et quel est le fonctionnement ce code ?
• de montrer, éventuellement ce code (en tout cas la partie "utile") ?

Si tu veux vraiment de l'aide, prends au moins le temps/la peine d'expliquer clairement (problème/difficulté, objectif, contexte,...), afin de nous donner les moyens de te répondre.

[pito2901]

Mon premier post est quand même assez explicite, c'est pourtant clairement dit :

Je souhaite que par exemple dans un textarea, on rentre le texte :

Bobo

Il m'affiche Bobo en sortie dans un autre div.

Et si dans le textearea je met :

<Bobo> (ou autre chose, comme : +Bobo+)

Il m'affiche Bobo mais avec une taille de 2px de plus dans cet autre div...

Moi ce que je demande, c'est comment augmenter la taille si le mot est entouré de <> ou de ++ et le réduire quand il y a >< ou --

Rien de plus. La proposition de CSS est tellement basique que je n'en vois pas l'intérêt, de plus elle ne répond pas à ma demande.

Merci quand même.