[JavaScript][jQuery], Powiększanie/zmniejszanie tekstu na stronie Opcje

[dg2001]

Mam taki problem, znalazłem sobie na necie funkcje do jQuery która ładnie mi powiększa i zmniejsza tekst na stronie www. Jednak pojawia się problem jeżeli w arkuszu CSS mam przy danym elemencie zadeklarowane font-size.

Nie znam się dokładnie na jQuery, dopiero zaczynam się w to bawić, lecz może tutaj znajdę jakąś pomoc na mój problem.

Oto skrypt:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function () {  
	var min=10;
	var max=18;
	var reset = $('#content').css('fontSize');
	var elm = $('#content');
	var size = str_replace(reset, 'px', '');
 
	$('a.fontSizePlus').click(function() {
		if (size<=max) {
			size++;
			elm.css({'fontSize' : size});  
		}
		return false;
	});
 
	$('a.fontSizeMinus').click(function() {  
		if (size>=min) {
			size--;
			elm.css({'fontSize' : size});
		}
		return false;
	});  
 
	$('a.fontReset').click(function () {
		elm.css({'fontSize' : reset});
	});
});
 
function str_replace(haystack, needle, replacement) {  
	var temp = haystack.split(needle);  
	return temp.join(replacement);  
}  
[JAVASCRIPT] pobierz, plaintext 

[asidro]

tzn. co się dokładnie dzieje?

[dg2001]

Pokaże to na przykładzie:

Mam taki kod na stronie:

[HTML] pobierz, plaintext 
<div class="topic">Jakiś topic</div>
<div class="text">Jakiś tekst</div>
[HTML] pobierz, plaintext 

Oraz CSS:

[CSS] pobierz, plaintext 
.topic { color: #fff; font-size: 14px;}
.text {color: #001572; padding: 10px;}
[CSS] pobierz, plaintext 

Przyciski akcji:

[HTML] pobierz, plaintext 
Powiększ tekst na stronie<br /><br />
<a href="#" class="fontSizePlus">Powiększ tekst</a>
<a href="#" class="fontReset">Domyślna wielkość tekstu</a>
<a href="#" class="fontSizeMinus">Zmniejsz tekst</a>
[HTML] pobierz, plaintext 

Oraz trzy przyciski do powiększania tekstu, resetowania do normalnej wartości i pomniejszanie tekstu.
I teraz gdy naciskam na powiększanie czy pomniejszanie tekstu, to wszytko ładnie działa tylko wyłącznie dla DIV-a text, a DIV topic się nie zmienia z powodu zadeklarowanej w CSS font-size.

Nie wiem czy jasno to wyjaśniłem ale taki mam problem

Ten post edytował dg2001 26.07.2010, 09:50:05

[nospor]

Przypięty temat w dziale, w którym piszesz:
http://forum.php.pl/[JavaScript]_jesli_Twoj_watek_go_dotyczy,_KONIECZNIE_przeczytaj_t154207.html

[dg2001]

Przypięty temat w dziale, w którym piszesz:
http://forum.php.pl/[JavaScript]_jesli_Twoj_watek_go_dotyczy,_KONIECZNIE_przeczytaj_t154207.html

Okej już wyżej podałem może dokładniej czego się to tyczy mój błąd

[asidro]

Dodajesz 2x font-size do topic i pewnie nie podmienia.


http://stackoverflow.com/questions/955030/...iv-using-jquery



Ten post edytował asidro 26.07.2010, 11:29:01