Zmiana wielkosci czionki - [JavaScript][PHP], modyfikacja skryptu ; ) Opcje

[-airwick7-]

Witam, w internecie znalazlem dosc ciekawy skrypt zmiany rozmiaru czionki. Wyglada on tak

[PHP] pobierz, plaintext 
<script type="text/javascript">
function wielkosc(warstwa,coZmienic,rozmiar) {
document.getElementById(warstwa).style[coZmienic] = rozmiar;
}
</script>
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
<div id="zmienna">TEKST</div>
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
	<select onchange="wielkosc('zmienna','fontSize',this.value)">
<option value="13px">Standardowa czcionka</option>
<option value="16px">Większa czcionka</option>
<option value="17px">Największa czcionka</option>
</select>
[PHP] pobierz, plaintext 

Wszystko dziala jak najbardziej, z tym ze jest to w formie menu, a ja wolalbym w formie tekstowej typu -A / A+

[PHP] pobierz, plaintext 
<a href="();">-A</a> 
<a href="();">+A</a> 
[PHP] pobierz, plaintext 

Jak to zrobic?

[Szymciosek]

Musisz pobrać po kliknięciu na +A przez JS, że została wykonana akcja, w ten akcji robisz powiedzmy "currentSize = currentSize + 3;" i dalej już w sumie tylko podmieniasz to co masz teraz zrobione.

[-airwick7-]

Wlasnie w tym problem ze nie wiem jak dokladnie to zrobic

[s1518]

Kod

<script type="text/javascript">

function wielkosc(warstwa,coZmienic,rozmiar) {

document.getElementById(warstwa).style[coZmienic] = rozmiar;

}

</script>
<div id="zmienna">TEKST</div>

<a href="#" onclick="wielkosc('zmienna','fontSize','20px')">wieksza</a>
<a href="#" onclick="wielkosc('zmienna','fontSize','8px')">mniejsza</a>

[-airwick7-]

Dzieki wielkie

[s1518]

Albo lepiej tak, zeby nie osadzac zbednych atrybutow (plus wielokrotne powikszanie/pomniejszenie):

[HTML] pobierz, plaintext 
<div id="zmienna">TEKST</div>
 
<a href="#" id="wieksza">wieksza</a>
<a href="#" id="mniejsza">mniejsza</a>
 
<script type="text/javascript">
var zmienna=document.getElementById('zmienna');
var domyslna=10;  // domyslna wielkosc czcionki
zmienna.style.fontSize=domyslna+'px'; 
 
document.getElementById('wieksza').onclick=function(){
  domyslna+=4;  //o 4 wiekszksza
  zmienna.style.fontSize=domyslna+'px';
  return false;
}
document.getElementById('mniejsza').onclick=function(){
  domyslna-=4;   //o 4 mniejsza
  zmienna.style.fontSize=domyslna+'px';
return false;
}
</script>
[HTML] pobierz, plaintext 

Ten post edytował s1518 16.02.2013, 18:24:37