nie działa zmiana czcionki, poczatkujący 52 letni programista js nie może dać rady Opcje

[Webbb]

chce zwiększyć czcionkę..proporcjionalnie

kombinuje cos takiego ..ale nie działa..
uprzedzam jestem gorzej niż noga z js


tak wywoluje zdarzenie w body

--------------------------------

<input type="image" alt="wieksza czcionka" src="grafika/czcionka-gora.jpg" value="Click" onclick="changeSize('plus');">


------------------------------

a tutaj kod w HEAD

---------------------------



<script type="text/javascript">

function changeSize(rozmiar){


var x = document.getElementsByTagName("p");

var y = document.getElementsByTagName("a");

for (i = 0; i < x.length; i++)
{

if (rozmiar == 'plus'){newSize = parseInt(size)+1;}
else{newSize =parseInt(size)-1;}

x[i].style.fontSize = newSize;
y[i].style.fontSize = newSize;

}

}

</script>



za podpowiedz w która stronę się udać, będę wdzięczny

[trueblue]

Skąd pobierasz wartość dla size?

[Webbb]

aż sam się dziwię...że coś takiego udało mi się zrobić.

może się przyda dla młodszych kolegów i koleżanek

tak wywołuję zdarzenie"
--------------------------

[HTML] pobierz, plaintext 
<input type="image" alt="ZWIĘKSZ CZCIONKĘ" src="grafika/czcionka-gora.jpg" value="Click" onclick="changeSize();">
[HTML] pobierz, plaintext 

----------------------------

a taki kod jest w head:

-------------------------------------

[JAVASCRIPT] pobierz, plaintext 
 
 
<script type="text/javascript">
 
// zmiana czcionki by Webbb [MG]
 
function changeSize(rozmiar)
{
 
      var x = document.getElementsByTagName("p");
 
     for (i = 0; i < x.length; i++) 
		{
			var str = x[i].style.fontSize;
			var dlugosc = str.length;
 
			if(str[dlugosc-1] == 'x')
			{
				var wartosc = str.substr(0, dlugosc-2);
				var wartosc_dziesietna = parseInt(wartosc);
 
				x[i].style.fontSize = (wartosc_dziesietna += 10) + "px";
			}
			else if(str[dlugosc-1] == '%')
			{
				var wartosc = str.substr(0, dlugosc-1);
				var wartosc_dziesietna = parseInt(wartosc);
 
				x[i].style.fontSize = (wartosc_dziesietna += 30) + "%";
			}
			else if(str[dlugosc-1] == 'm')
			{
				var wartosc = str.substr(0, dlugosc-2);
				var wartosc_dziesietna = parseInt(wartosc);
 
				x[i].style.fontSize = (wartosc_dziesietna += 1) + "em";
			}
			else
			{
				var wartosc = 100;
				x[i].style.fontSize = (wartosc  += 30) + "%";
			}
		}
   }
 
</script>
 
[JAVASCRIPT] pobierz, plaintext 

wystarczy dorobić linijki dla <span> <li> <a> i ogólnie dla wszystkich tagów gdzie może być text

i jeszcze zrobić zmniejszenie...i hej

dzięki truebnlue za inspirujące pytanie.....

pozdrawiam

Ten post edytował Webbb 13.03.2021, 17:04:58