изменение размера шрифта после перезагрузки
После нажатия на A + или A- она работает отлично, но вопрос после загрузки страницы или cliking на каком-то ссылке на странице он возвращается в нормальное русло.
Мне нужно, чтобы он поддерживал размер даже после того, как вы наклеили какую-то ссылку.
спасибо, что вам помогли.
Здесь S код:
function increaseFont() {
var currentFontSizeH1 = $('h1').css('font-size'); //36
var currentFontSizeNumH1 = parseFloat(currentFontSizeH1, 5);
var currentFontSizeNumH1 = currentFontSizeNumH1 + 1.5;
$('h1').css('font-size', currentFontSizeNumH1);
var deccurrentFontSize = $('body').css('font-size'); //14
var deccurrentFontSizeNum = parseFloat(deccurrentFontSize, 10);
var decnewFontSize = deccurrentFontSizeNum * 1.2;
$('body').css('font-size', decnewFontSize);
$('body').css('font-size', decnewFontSize);
$('p').css('font-size', decnewFontSize);
$('span').css('font-size', decnewFontSize);
$('li').css('font-size', decnewFontSize);
$('h2').css('font-size', decnewFontSize);
$('a').css('font-size', decnewFontSize);
return false;
}
function decreaseFont() {
var currentFontSizeH1 = $('h1').css('font-size');
var currentFontSizeNumH1 = parseFloat(currentFontSizeH1, 5);
var currentFontSizeNumH1 = currentFontSizeNumH1 - 1.5;
$('h1').css('font-size', currentFontSizeNumH1);
var deccurrentFontSize = $('body').css('font-size');
var deccurrentFontSizeNum = parseFloat(deccurrentFontSize, 10);
var decnewFontSize = deccurrentFontSizeNum/1.2;
$('body').css('font-size', decnewFontSize);
$('p').css('font-size', decnewFontSize);
$('span').css('font-size', decnewFontSize);
$('li').css('font-size', decnewFontSize);
$('h2').css('font-size', decnewFontSize);
$('a').css('font-size', decnewFontSize);
return false;
}
h1 {
font-size: 36px;
line-height: 42px;
color: #007ea6;
}
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 21px;
color: #333333;
background-color: #ffffff;
}
.....
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<div title="{" Increase the text size "|i18n('design/siteinstitutionnel/page_header_changerCSS')}" style="width: 6px;" class="span1"><a href="#" style="text-decoration:none;font-size: 17px; box-shadow: 0 3px 0 #aaa,0px 0 0 #888,0px 3px 0 #666;" onClick="increaseFont();" alt="Aggrandir la taille du texte">A+</a>
</div>
<div title="{" Decrease the text size "|i18n('design/siteinstitutionnel/page_header_changerCSS')}" style="width: 21px;" class="span1"><a href="#" style="text-decoration:none;font-size: 17px; box-shadow: 0 3px 0 #aaa,0px 0 0 #888,0px 3px 0 #666;" onClick="decreaseFont();" alt="Reduire la taille du texte">A-</a>
</div>
Не могли бы вы предоставить более четкий код? Это похоже на некоторые ответы esolang на codegolf SE. –