augmenter diminuer la police
https://www.medialibs.com/partenariat/forum/tous-les-forum/topic-1930.html
2024-03-28T19:18:08+01:00
E-majine Manage
Re : augmenter diminuer la police (le 22/04/2010 à 16:52)
2010-04-22T14:52:20+01:00
2010-04-22T14:52:20+01:00
2010-04-22T14:52:20+01:00
https://www.medialibs.com/partenariat/forum/tous-les-forum/post-1939.html#post1939
Gaëlle
Voila ce que j'ai par exemple sur le site de la ville des Herbiers (lesherbiers.fr) : <br/><br/><strong>JS :</strong> <br/><pre>
<span style="color: #003366; font-weight: bold;">var</span> t;
t = <span style="color: #CC0000;">1</span>;
<span style="color: #003366; font-weight: bold;">function</span> changerTaille<span style="color: #66cc66;">(</span>modif<span style="color: #66cc66;">)</span> <span style="color: #66cc66;">{</span>
t = t + modif;
document.<span style="color: #006600;">getElementsByTagName</span><span style="color: #66cc66;">(</span><span style="color: #3366CC;">"body"</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">[</span><span style="color: #CC0000;">0</span><span style="color: #66cc66;">]</span>.<span style="color: #006600;">style</span>.<span style="color: #006600;">fontSize</span> = t + <span style="color: #3366CC;">"em"</span>;
<span style="color: #66cc66;">}</span>
</pre><br/><strong>HTML :</strong><br/><pre>
<span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/span.html"><span style="color: #000000; font-weight: bold;"><span</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"fontsize"</span><span style="color: #000000; font-weight: bold;">></span></span>
<span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;"><a</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"LinkIn"</span> <span style="color: #000066;">title</span>=<span style="color: #ff0000;">"Réduire la taille du texte du contenu"</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">"#"</span><span style="color: #000000; font-weight: bold;">></span></span><span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/img.html"><span style="color: #000000; font-weight: bold;"><img</span></a> <span style="color: #000066;">alt</span>=<span style="color: #ff0000;">"Réduire la taille du texte du contenu"</span> <span style="color: #000066;">onclick</span>=<span style="color: #ff0000;">"changerTaille(-0.1); return false;"</span> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">"/images/a-.png"</span><span style="color: #000000; font-weight: bold;">></span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></a></span></span>
<span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;"><a</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"LinkIn"</span> <span style="color: #000066;">title</span>=<span style="color: #ff0000;">"Aggrandir la taille du texte du contenu"</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">"#"</span><span style="color: #000000; font-weight: bold;">></span></span><span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/img.html"><span style="color: #000000; font-weight: bold;"><img</span></a> <span style="color: #000066;">alt</span>=<span style="color: #ff0000;">"Aggrandir la taille du texte du contenu"</span> <span style="color: #000066;">onclick</span>=<span style="color: #ff0000;">"changerTaille(0.1); return false;"</span> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">"/images/a+.png"</span><span style="color: #000000; font-weight: bold;">></span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></a></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></span></span></span>
</pre><br/><strong>CSS :</strong> <br/>Toutes les polices que je souhaite pouvoir agrandir/diminuer sont exprimées en "em" <br/><em>(Je pense que ton problème peut venir de là, mais sans URL dur à dire).</em> <br/><br/>PS : pour bien formater ton code : <a href="http://communaute.medialibs.com/support/faq/#faq9">http://communaute.medialibs.com/support/faq/#faq9</a>
Re : augmenter diminuer la police (le 22/04/2010 à 15:28)
2010-04-22T13:28:17+01:00
2010-04-22T13:28:17+01:00
2010-04-22T13:28:17+01:00
https://www.medialibs.com/partenariat/forum/tous-les-forum/post-1938.html#post1938
Antoine
Bonjour Kilian<br/><br/>Merci de m'apporter tes lumières<br/>Pour répondre à ta question j'ai mis dans mainPage.html la ligne suivante<br/><br/><a href="#"><img src="/images/charte/aGrand.png" onClick="changerTaille(0.1); return false;" alt="Agrandir la taille du texte" /></a><br/><br/>(PS : pour afficher le code sélectionnez et afficher le code source (bouton droit)car je n'arrive pas à insérer les balises[Code])<br/><br/>l'image s'affiche bien mais quand on clique dessus rien ne se passe je me demande aussi il ne faut pas mettre href="javascript:void(0)" plutôt href="#" et onClick plutôt que onclick j'ai essayé les deux mais ça ne marche pas.<br/><br/>bref y-a-t-il d'autres lumières pour m'éclairer ?<br/>Je vous remercie d'avance<br/>
Re : augmenter diminuer la police (le 22/04/2010 à 12:27)
2010-04-22T10:27:26+01:00
2010-04-22T10:27:26+01:00
2010-04-22T10:27:26+01:00
https://www.medialibs.com/partenariat/forum/tous-les-forum/post-1937.html#post1937
Gaëlle
Bonjour Antoine, <br/><br/>As-tu essayé le onclick sur l'image ? <br/>J'ai vérifier sur quelques un de nos sites et le onclick (pas beau) est sur l'image. <br/>
Re : augmenter diminuer la police (le 22/04/2010 à 11:37)
2010-04-22T09:37:21+01:00
2010-04-22T09:37:21+01:00
2010-04-22T09:37:21+01:00
https://www.medialibs.com/partenariat/forum/tous-les-forum/post-1936.html#post1936
Antoine
Bonjour,<br/><br/>Je me suis débrouillé avec le lien que vous m'avez indiqué.<br/><br/>J'ai crée un fichier taille_css.js dans lequel j'y ai mis le code suivant<br/><code><script language="JavaScript" type="text/javascript"> <br/> var t; <br/> t = 1;<br/><br/> function changerTaille(modif) {<br/> t = t + modif;<br/> document.getElementsByTagName("body")[0].style.fontSize = t + "em"; <br/> } <br/></script></code><br/><br/>je l'ai mis sur le serveur dans le répertoire /scripts/<br/>j'ai rajouté le lien dans le header de la page mainPage.html<br/><code><script type="text/javascript" src="/scripts/taille_css.js"></script></code><br/><br/>je change dans les CSS la taille de body {font-size:65%;} en 0.7em car le javascript est configuré en em.<br/><br/>Puis j'ai rajouté dans la page mainPage.html les liens <br/><br/><code> <a href="#" onclick="changerTaille(-0.1)"; return false;><img src="images/aPetit.gif" alt="Réduire la taille du texte" />a+</a></code><br/><br/><code><a href="#" onclick="changerTaille(0.1)"; return false;><img src="images/aGrand.gif" alt="Agrandir la taille du texte" />a-</a></code><br/><br/>j'enregistre et sauveagrde mais quand je clique dessus rien ne se passe.<br/><br/>Pouvez-vous m'éclairer sur le sujet car j'ai supprimé, enlevé, rajouté ça ne veut rien savoir je n'ai pas de solution ?<br/><br/>Merci<br/>
Re : augmenter diminuer la police (le 21/04/2010 à 17:06)
2010-04-21T15:06:22+01:00
2010-04-21T15:06:22+01:00
2010-04-21T15:06:22+01:00
https://www.medialibs.com/partenariat/forum/tous-les-forum/post-1933.html#post1933
Yann Faurie
Bonjour,<br/><br/>C'est effectivement réalisable, et un nombre croissant de sites E-Majine ou Izi-Media proposent cette alternative (qui est un "plus" en terme d'accessibilité) en utilisant les CSS et au besoin du Javascript.<br/><br/>Libre à vous de retenir la solution qui vous conviendra le mieux, en voici quelques-unes exposées sur Alsacreations :<br/><br/><a href="http://forum.alsacreations.com/topic-6-11551-1-Boutons-AugmenterDiminuer-la-Taille-du-Texte-.html">http://forum.alsacreations.com/topic-6-11551-1-Boutons-AugmenterDiminuer-la-Taille-du-Texte-.html</a><br/><br/>Cordialement,<br/>Yann Faurie<br/><br/>
augmenter diminuer la police (le 21/04/2010 à 10:41)
2010-04-21T08:41:44+01:00
2010-04-21T08:41:44+01:00
2010-04-21T08:41:44+01:00
https://www.medialibs.com/partenariat/forum/tous-les-forum/post-1930.html#post1930
Antoine
Bonjour,<br/><br/>Je souhaitais savoir si on pouvait insérer dans un site emagine le système de A+ A- A= pour augmenter ou diminuer la taille de la police.<br/><br/>Si oui comment faut-il procéder ?<br/><br/>Merci