Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [js] Skrypt Powiększający/Zmniejszający tekst?
maverickkk
post 12.02.2007, 11:56:30
Post #1





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 12.11.2005

Ostrzeżenie: (0%)
-----

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


--------------------
Robie to co lubie, lubie to co Robie
Go to the top of the page
+Quote Post
Vogel
post 12.02.2007, 12:52:01
Post #2





Grupa: Zarejestrowani
Postów: 402
Pomógł: 0
Dołączył: 20.01.2003

Ostrzeżenie: (0%)
-----

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

i to by bylo na tyle winksmiley.jpg


--------------------
· vogel.art.pl · Regular Expression Studio · Goniec - Rowerowe Usługi Kurierskie ·
Go to the top of the page
+Quote Post
maverickkk
post 12.02.2007, 13:02:57
Post #3





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 12.11.2005

Ostrzeżenie: (0%)
-----

tylko ja z JS jestem noga.


--------------------
Robie to co lubie, lubie to co Robie
Go to the top of the page
+Quote Post
Vogel
post 12.02.2007, 13:19:14
Post #4





Grupa: Zarejestrowani
Postów: 402
Pomógł: 0
Dołączył: 20.01.2003

Ostrzeżenie: (0%)
-----

no to czas sie zaczac uczyc winksmiley.jpg 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).


--------------------
· vogel.art.pl · Regular Expression Studio · Goniec - Rowerowe Usługi Kurierskie ·
Go to the top of the page
+Quote Post
maverickkk
post 12.02.2007, 13:36:28
Post #5





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 12.11.2005

Ostrzeżenie: (0%)
-----

strona oparta na divach

np.

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


--------------------
Robie to co lubie, lubie to co Robie
Go to the top of the page
+Quote Post
Vogel
post 12.02.2007, 13:39:59
Post #6





Grupa: Zarejestrowani
Postów: 402
Pomógł: 0
Dołączył: 20.01.2003

Ostrzeżenie: (0%)
-----

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


--------------------
· vogel.art.pl · Regular Expression Studio · Goniec - Rowerowe Usługi Kurierskie ·
Go to the top of the page
+Quote Post
maverickkk
post 12.02.2007, 13:40:24
Post #7





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 12.11.2005

Ostrzeżenie: (0%)
-----

px


--------------------
Robie to co lubie, lubie to co Robie
Go to the top of the page
+Quote Post
lopik
post 12.02.2007, 15:13:18
Post #8





Grupa: Zarejestrowani
Postów: 340
Pomógł: 0
Dołączył: 7.07.2006

Ostrzeżenie: (0%)
-----

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

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

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

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.

Ten post edytował lopik 12.02.2007, 15:14:49


--------------------
w3c & c++
Go to the top of the page
+Quote Post
maverickkk
post 12.02.2007, 17:06:33
Post #9





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 12.11.2005

Ostrzeżenie: (0%)
-----

dzieki 


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


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


przyjdzie pora i na to.


--------------------
Robie to co lubie, lubie to co Robie
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 10:51
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn