Discussion :

[cca]

Est-il possible d'insérer les styles persos définis dans un fichier css dans une zone texteare editable ?

[SpaceFrog]

il est possible de modifier le style le temps de l'affichage, mais pas de sauvegarder ces modifications .. tout du moins en javascript ..

[SpaceFrog]

heu je crois que j'ai pas bien compris la question ...
tu veux afficher le style dans une zone de texte .??

cela est possible de différentes façons ...
regarde du coté de cssText ...
ou encore avec xmlhttprequest ...

[cca]

J'utilise une zone textarea editable, que je gère avec la fontion execCommand. Tout fontionne correctement, j'arrive à paramétre les styles prédéfinis (ex :H1, H2, ...) et ce que je voudrais faire, c'est utiliser les styles que j'ai définis dans ma feuille de style pour obtenir cet exemple :
<FONT class="MonStyle">Mon texte</FONT>

[SpaceFrog]

après une petite recherche:

Code :

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

1
2
3
4
5
6
7
8
9
var fichierStyle=document.styleSheets[0];
var mesClass=st.rules?st.rules:st.cssRules;
 
var FichierStyle=''
for (i=0;i<mesClass.length;i++){
FichierStyle+=mesClass[i].selectorText+'\{'
FichierStyle+=mesClass[i].style.cssText+'\}\n'
alert (FichierStyle)
}

[cca]

Il doit faire quoi ce script ?
Il n'y a rien qui se passe lorsque je le met dans ma page...

[mathieu]

tu veux faire quoi en fait ? pouvoir modifier le code CSS en fonction de ce que tu tapes dans la zone de texte ?

[cca]

Je vais essayer d'être plus clair. Je voudrais utiliser mes styles perso dans une zone textarea editable. J'arrive à le faire fonctionner avec les styles standards uniquement.

Voici le code qui fonctionne :

<select id="formatblock" onChange="selectFont(this.id);">
<option value="">-- Style --</option>
<option value="<H1>">H1</option>
<option value="<H2>">H2</option>
<option value="<H3>">H3</option>
</select>

La fonction selectFont :
function selectFont(selectname) {
var idx = document.getElementById(selectname).selectedIndex;
if (idx != 0) {
var selected = document.getElementById(selectname).options[idx].value;
document.execCommand('formatblock', false, selected);
document.getElementById(selectname).selectedIndex = 0;
}
}

Ce je voudrais faire :
Utiliser un style défini dans mon css à la place des styles standard (H1, H, ...). Et là je ne sais pas quoi mettre

[SpaceFrog]

oulà deja quand je vois ...

Code :

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

document.execCommand('formatblock', false, selected);

je pars en courrant !

sinon plour le code que je t'ai donné,

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script type='text/javascript>
function showstyles(){
var fichierStyle=document.styleSheets[0];
var mesClass=st.rules?st.rules:st.cssRules;
 
var FichierStyle=''
for (i=0;i<mesClass.length;i++){
FichierStyle+=mesClass[i].selectorText+'\{'
FichierStyle+=mesClass[i].style.cssText+'\}\n'
alert (FichierStyle)
}

puis dans le onload de la page tu appelles la focntion ...