Forum PHP.pl > [js] Skrypt Powiększający/Zmniejszający tekst?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js] Skrypt Powiększający/Zmniejszający tekst?

maverickkk

12.02.2007, 11:56:30

czesc

szukam prostego srkyptu powiekszającago i zmiejszającego tekst na stronie.

Pewnie nieraz sie z czyms takim spotkaliscie A+ A-

pozdro.

------------------
Poprawiłem nazwę tematu,
zjadłeś parę literek
---
~strife

Vogel

12.02.2007, 12:52:01

document.getElementsByTagName()
style.font-size
while()

i to by bylo na tyle

maverickkk

12.02.2007, 13:02:57

tylko ja z JS jestem noga.

Vogel

12.02.2007, 13:19:14

no to czas sie zaczac uczyc

najlepiej na tym (naprawde rpstym) przykladzie. gotowca nie podam. zacznij od zapoznania sie z while() i document.getElementsByTagName(). jak bedziesz umial wybrac znaczniki z tekstem to dalej bedzie juz latwo (ale ot zalezy od samego HTML strony! tzn jak jest strona zbudowana. mozesz pokazac przyklad? moze JS bdzie ograniczony do minimum).

maverickkk

12.02.2007, 13:36:28

strona oparta na divach

np.

[HTML] pobierz, plaintext 
<a >A+</a>
<a>A-</a>
 
<div id="tresc">
Contrary to popular belief, Lorem Ipsum is not simply random text. 
</div>
[HTML] pobierz, plaintext

Vogel

12.02.2007, 13:39:59

font-size podajesz w px czy w em/pt ?

maverickkk

12.02.2007, 13:40:24

lopik

12.02.2007, 15:13:18

Za pomocą tej www: http://developer.mozilla.org/pl/docs/JavaScript można się bardzo dobrze nauczyć JS + DOM

Prawie wszystkie funkcje DOM + JS opisane, czego więcej chcieć ?
A jak to za mało to W3C Recomendation

A jak widać zajmujesz sie projektowaniem stron, więc nie wypada nie znać JS

Kod

document.getElementsByTagName('div')[0].style.fontSize = 12 + "px";

//[0] - oznacza, do którego elementu skrypt się odnosi (w tym wypadku do 1 div'a)
// poczytaj o tej funkcji

Coś w tym stylu.

maverickkk

12.02.2007, 17:06:33

dzieki

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<script text/type="JavaScript">
function rozmiar(i){
roz = parseInt(document.getElementById('blok').style.fontSize) + i ;
if(roz>14) roz=14;	if(roz<9) roz=8;
document.getElementById('blok').style.fontSize = roz+'px';
}
</script>
</head>
<body>
<div id="blok" style="font-size:12px">text testowy sadghdsagldsgls</div>
<a href="" onClick="rozmiar(2); return false;">+</a>
<a href="" onClick="rozmiar(-2); return false;">-</a>
</body>
</html>
[HTML] pobierz, plaintext

Cytat

A jak widać zajmujesz sie projektowaniem stron, więc nie wypada nie znać JS

przyjdzie pora i na to.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.