Галочка переносу

Піс­ля під­клю­чен­ня пе­ре­но­сів до бло­ґа ко­рис­ту­ва­чу мож­на на­д­а­ти мож­ли­вість їх від­клю­чи­ти. Най­про­с­ті­ший спо­сіб — за до­по­м­о­гою displaytogglebox. Але в цьо­му ра­зі в пра­во­му вер­х­ньо­му кут­ку з'яв­ля­є­ть­ся не­око­вир­на кноп­ка з на­пи­сом Hy-phe-na-te. На щас­тя, Hyphenator мож­на лег­ко по­ві­си­ти на зви­чай­ні­сі­нь­кий checkbox. Ро­би­ть­ся це ду­же про­с­то:

<input checked value="0" onclick="Hyphenator.toggleHyphenation();" type="checkbox"/><label>переносити слова в текстах дописів</label>

Те­пер, як­що ко­рис­ту­вач при­бе­ре га­лоч­ку, пе­ре­но­си зник­нуть. За­те з'я­ви­ть­ся ця са­ма на­б­рид­ли­ва кноп­ка. То­му її тре­ба зро­би­ти не­ви­ди­мою, до­дав­ши в шаб­лон стиль для її кла­су:

.donthyphenate{ display: none; }

В прин­ци­пі все, але є один ма­лень­кий нью­анс. Як­що ко­рис­ту­вач на­тис­не на га­лоч­ку до то­го, як сто­рін­ка пов­ніс­тю за­ван­та­жи­ть­ся, а пе­ре­но­си ви­ко­на­ю­ть­ся, га­лоч­ка зні­ме­ть­ся, але ні­як­о­го ефек­ту ви­клик фун­к­ції Hyphenator.toggleHyphenation(); не ма­ти­ме. На щас­тя, не­ви­ди­ма кноп­ка мо­же бу­ти ви­ко­рис­та­на як озна­ка то­го, що за­ван­та­жен­ня від­бу­ло­ся. Для цьо­го до­да­є­мо ще од­ну пе­ре­вір­ку в onclick:

<input value="0" onclick="Hyphenator.toggleHyphenation(); if(!document.getElementById('HyphenatorToggleBox'))this.checked=true;" type="checkbox"><label>переносити слова в текстах дописів</label>

Далі...