cookies sur script

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

Résolu cookies sur script

Message par demeter1 le Mer 13 Nov 2013 - 1:17

Bonjour à tous,
Auriez vous une idée pour rajouter des cookies sur cette portion de script  .

Ce script à la base sert à gérer les écritures dans le postbody et ses divers éléments ainsi que dans le message rapide.

Le hic , c'est que j'aimerai que la taille sélectionnée soit conservée suite à une réactualisation de la page et d'une connexion à l'autre.

Code:
$(document).ready(function()
{
$(".M14_14px").click(function()
{$( ".altitude_encadrement,.sceditor-container textarea , .sceditor-container .postbody,.postbody,.quote,.cont_code,.spoiler_content,.altitude_encadrement .genmed b" ).css({fontSize:"14px"});
});


Merci par avance à ceux qui se pencheront sur ce topic.


Dernière édition par demeter1 le Sam 16 Nov 2013 - 23:45, édité 1 fois

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par Scoubifitz le Mer 13 Nov 2013 - 16:33

bonjour,

lol ?

" trop de script tue le script ..." ... ou le ralentit fortement .

Pourquoi , puisque vous rajoutez du CSS , ne pas simplement le mettre dans le CSS ?

Code:
.altitude_encadrement,.sceditor-container textarea , .sceditor-container .postbody,.postbody,.quote,.cont_code,.spoiler_content,.altitude_encadrement .genmed b{font-size:14px!important;}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par demeter1 le Mer 13 Nov 2013 - 19:01

Bonjour Scoubifitz,
Tout d'abord, un grand merci de vous être intéressé à ce topic  ok 

Il ne s'agit pas dans ce cas de déterminer une hauteur de base à l'écriture mais de donner la possibilité de sélectionner plusieurs hauteurs (14,16,18 et 20 px) aux membres qui ont une déficience ou un handicap visuel.

Vous pouvez voir le script en action dans cette section qui est ouverte aux invités
http://altitudetropicale.forums-actifs.com/t2279-plantaexotica-n-1-janvier-2013

L'adjonction de cookies permettrait :
1 de conserver la taille sélectionnée lors d'une ré-actualisation
2 de conserver cette taille d'une connexion à l'autre

Vous allez très certainement me dire que la plupart des navigateurs  ont cette option dans les outils mais, je préfère donner cette possibilité aux membres directement sur le forum plutôt que d'avoir à leur faire aller trifouiller dans le navigateur. Certains ne sont absolument pas à l'aise avec l'outil informatique et ce, toutes générations confondues.

Voici le script en entier
Code:
$(document).ready(function()
{
$(".M14_14px").click(function()
{$( ".altitude_encadrement,.sceditor-container textarea , .sceditor-container .postbody,.postbody,.quote,.cont_code,.spoiler_content,.altitude_encadrement .genmed b" ).css({fontSize:"14px"});
});
$(".M14_16px").click(function()
{$( ".altitude_encadrement,.sceditor-container textarea , .sceditor-container .postbody,.postbody,.quote,.code,.spoiler_content,.altitude_encadrement .genmed b" ).css({fontSize:"16px"});
});
$(".M14_18px").click(function()
{$( ".altitude_encadrement,.sceditor-container textarea , .sceditor-container .postbody,.postbody,.quote,.cont_code,.spoiler_content,.altitude_encadrement .genmed b" ).css({fontSize:"18px"});
});
$(".M14_20px").click(function()
{$( ".altitude_encadrement,.sceditor-container textarea , .sceditor-container .postbody,.postbody,.quote,.cont_code,.spoiler_content,.altitude_encadrement .genmed b" ).css({fontSize:"20px"});
})
});
et  le lien du tutoriel pour ceux qui souhaiteraient installer cette option :
http://www.milouze14.com/t25489-afficher-plusieurs-tailles-de-police-dans-les-sujets

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par Scoubifitz le Mer 13 Nov 2013 - 19:50

Je n'ai pas accès au forum de Milouze14 en tant qu'invité ...

Je suppose que tu a essayé de le contacter pour ce souci ?

Sinon , c'est le même système que pour un choix de style du forum , non ? on peut pas adapter ?


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par demeter1 le Mer 13 Nov 2013 - 20:14

re,

@Scoubifitz a écrit:Je suppose que tu a essayé de le contacter pour ce souci ?
Exact. Milouze ne sait comment inclure des cookies sur ce script. Une solution a été donnée ceci dit en passant par un script avec userdata. Le soucis, c'est que cela impliquerait de demander à chaque inscription la taille que désirerait le membre. En bref, une gestion trop lourde qui serait évitée par les cookies.

@Scoubifitz a écrit:Sinon , c'est le même système que pour un choix de style du forum , non ? on peut pas adapter ?
Bonne idée , je vais tenter d'utiliser le script de Ea tout en conservant l'affichage des boutons tel qu'il est est actuellement. Ayant déjà un sélecteur de style sur le forum, je ne sais si cela ne risque pas d'interférer avec l'autre script.


demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par demeter1 le Jeu 14 Nov 2013 - 19:00

Bonjour à tous,
Bon, j'ai beau trituré le code de Ea dans tous les sens pour l'adapter à ce script mais rien à faire.

Si une âme compatissante passe dans le secteur Sorry 


demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par demeter1 le Ven 15 Nov 2013 - 18:05

up

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par Adam_sfp le Ven 15 Nov 2013 - 21:03

Bonsoir

Je n'ai pas accès au forum de Milouze14 en tant qu'invité ...
Vous avez la totalité du code?

Cdt.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par demeter1 le Ven 15 Nov 2013 - 21:55

Bonjour Adam,
Merci pour l'intérêt que tu portes à ce topic. Mon précédent message reprend tous les éléments du codage (partie dans le viewtopic_body, le js à cocher sur sujet et le css).

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par Adam_sfp le Ven 15 Nov 2013 - 23:00

Bonsoir

Vous pouvez vous inspirez de ce script
http://trevordavis.net/blog/simple-jquery-text-resizer

logiquement votre script pourrait par exemple ressembler à
Code:
$(document).ready(function() {
 if($.cookie('tropic')) {
 $('.altitude_encadrement,.sceditor-container textarea , .sceditor-container .postbody,.postbody,.quote,.cont_code,.spoiler_content,.altitude_encadrement .genmed b').addClass($.cookie('tropic'));
}
 $('.resizer a').click(function() {
 var textSize = $(this).parent().attr('class');
 $('.altitude_encadrement,.sceditor-container textarea , .sceditor-container .postbody,.postbody,.quote,.cont_code,.spoiler_content,.altitude_encadrement .genmed b').removeClass('small medium large').addClass(textSize);
 $.cookie('tropic',textSize, { path: '/', expires: 10000 });
 return false;
 });
 });
*Jquery cookie est présent sur FA

Adapter cette partie
Code:
       <div class="M14_px">
        <span class="M14_14px"title="Afficher le texte à la taille d'origine">
         <img src="http://i55.servimg.com/u/f55/11/93/85/24/loupe210.gif"/>
        </span>    
        <span class="M14_16px"title="Afficher le texte avec une taille de 16px">
        <img src="http://i55.servimg.com/u/f55/11/93/85/24/bouton14.gif"/>
        </span>  
       <span class="M14_18px"title="Afficher le texte avec une taille de 18px">
        <img src="http://i55.servimg.com/u/f55/11/93/85/24/bouton15.gif"/>
        </span>  
       <span class="M14_20px"title="Afficher le texte avec une taille de 20px">
        <img src="http://i55.servimg.com/u/f55/11/93/85/24/bouton16.gif"/>
        </span>      </div>
avec
les classes small medium large

Code:
<ul class="resizer">
 <li class="small"><a href="#">A</a></li>
 <li class="medium"><a href="#">A</a></li>
 <li class="large"><a href="#">A</a></li>
</ul>  
et le CSS pour la taille ..

cdt.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par demeter1 le Sam 16 Nov 2013 - 13:30

Bonjour Adam,
Bon , j'ai fait un essai en essayant de m'inspirer du lien que vous m'avez fourni. Ce fut un flop complet. Bon, il faut dire que je ne saisie pas encore le fonctionnement de la mise en place de la partie du js concernant les cookies.

Mon dernier essai
js
Code:
$(document).ready(function() {
        if($.cookie('tropic')) {
        $('.altitude_encadrement,.sceditor-container textarea , .sceditor-container .postbody,.postbody,.quote,.cont_code,.spoiler_content,.altitude_encadrement .genmed b').addClass($.cookie('tropic'));
        }
        $('.resizer a').click(function() {
        var textSize = $(this).parent().attr('class');
        $('.altitude_encadrement,.sceditor-container textarea , .sceditor-container .postbody,.postbody,.quote,.cont_code,.spoiler_content,.altitude_encadrement .genmed b').removeClass('M14_14px M14_16px M14_18px M14_20px').addClass(textSize);
        $.cookie('tropic',textSize, { path: '/', expires: 10000 });
        return false;
        });
        });
J'y ai répercuté les class de la partie qui est dans le template viewtopic_body cad

Code:
        <div class="M14_px">
        <span class="M14_14px"title="Afficher le texte à la taille d'origine">
        <img src="http://i55.servimg.com/u/f55/11/93/85/24/loupe210.gif"/>
        </span>   
        <span class="M14_16px"title="Afficher le texte avec une taille de 16px">
        <img src="http://i55.servimg.com/u/f55/11/93/85/24/bouton14.gif"/>
        </span> 
        <span class="M14_18px"title="Afficher le texte avec une taille de 18px">
        <img src="http://i55.servimg.com/u/f55/11/93/85/24/bouton15.gif"/>
        </span> 
        <span class="M14_20px"title="Afficher le texte avec une taille de 20px">
        <img src="http://i55.servimg.com/u/f55/11/93/85/24/bouton16.gif"/>
        </span>      </div>
et j'ai rajouté au css
Code:
.M14_14px { font-size: 14px; }

.M14_16px { font-size: 16px; }

.M14_18px { font-size: 18px; }

.M14_20px{ font-size: 16px; }

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par Adam_sfp le Sam 16 Nov 2013 - 14:49

Bonjour

Il faut ajouter la partie
Code:
<a href="#">A</a>
dans la partie HTML.

pour une ligne par exemple
Code:
<span class="M14_14px"title="Afficher le texte à la taille d'origine"><a href="#"><img src="http://i55.servimg.com/u/f55/11/93/85/24/loupe210.gif"/></a>
              
               </span>
et dans le javascript remplacez
Code:
.resizer a
par
Code:
.M14_px a
ça devrait être bon Wink 

cdt.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par demeter1 le Sam 16 Nov 2013 - 21:02

Re,
Malheureusement, le script n'a plus aucune action.

Je récapitule avec les modifs

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par Adam_sfp le Sam 16 Nov 2013 - 21:40

bonsoir

Peut être un conflit avec un autre script..
car le code fonctionne
http://jsfiddle.net/adam_sfp/4bs97/1/

cdt.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cookies sur script

Message par demeter1 le Sam 16 Nov 2013 - 22:39

Je viens de retenter avec un template vierge sur un forum sans aucune modification.

Le script fonctionne.

Le soucis se situe sur une portion de mon template qui est entouré par une div.

Code:
<div class="altitude_encadrement"> {postrow.displayed.MESSAGE}</div>
J'ai modifié le css en
Code:

.altitude_encadrement.M14_14px { font-size: 14px; }

.altitude_encadrement.M14_16px { font-size: 16px; }

.altitude_encadrement.M14_18px { font-size: 18px; }

.altitude_encadrement.M14_20px{ font-size: 20px; }
et tout fonctionne avec le template modifié Yahoo Yahoo Yahoo 

Adam, un grand, très grand merci pour cette aide. ok Yes 

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 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