Bonjour,
Nouvelle ici, j'espère que je pose ma question au bon endroit
Je viens de créer un formulaire en html/javascript permettant à l'utilisateur de mon site de modifier le design de sa propre page. Je m'explique:
l'utilisateur veut créer son blog, et maintenant personnaliser le design de ses pages. Pour ce faire, je mets à sa disposition un formulaire lui demandant (avec clorpicker,...) de choisir ses couleurs de divs, de liens, l'épaisseur des bordures de ses divs,etc,... il remplit ce formulaire sur la gauche de la page et lorsqu'il fait ses choix, sans avoir besoin de recharger sa page ou de créer un aperçu, l'exemple de sa page finale (sur la droite de ma page) est modifié instantanément. Il voit ainsi en direct ce à quoi ressemblera sa page.
Jusqu'ici tout marche correctement, les champs remplis dans le formulaire agissent sur la feuille de style css attachée.
Mais voilà la solution que je cherche et que je ne trouve pas;
Lorsque l'utilisateur est content de ses choix dans le formulaire, j'aimerais qu'il puisse cliquer sur "valider ce design" et qu'alors, la nouvelle feuille CSS avec ses modifications soit enregistrée et qu'elle fasse office de CSS pour son propre blog.
Je cherche depuis un moment des solutions avec le javascript et le php..
Je viens de trouver dans un code déjà fonctionnel une variable javascript qui semble marcher, mais je ne sais pas comment l'utiliser pour mon propre projet:
function saveCSS() {
document.settingStyle.target="_self";
document.settingStyle.action="valid.html";
}
quelqu'un connaît-il son fonctionnement et peut-il m'aider?
ou avez-vous une autre idée pour enregitrer cette CSS de l'utilisateur?
je vous remercie d'avance..
Delphine
Partager