Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Automatyczna zmiana rozmiaru + <font size='x'>
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
ugluk
W jaki sposób można zmienić rozmiar tekstu sformatowanego za pomocą <fotn size='x'>w javaScript?

Planuje dać możliwość zmiany rozmiaru czcionki użytkownikowi, znalazłem fajny kod który do tej pory się sprawdzał, ale po sformatowaniu tekstu przez CMSa (tinymce) ustala on atrybut size elementu font i za chiny nie chce zmienić rozmiaru czcionki.

Próbowałem też metody .getElementByTagName ale z mizernym skutkiem (JS dopiero się uczę)

Oto przykładowy kod strony

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/ DTD/xhtml1-strict.dtd" >
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" >
  4. <head>
  5. <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  6. <script type="text/javascript">
  7. function wielkosc(warstwa,coZmienic,rozmiar) {
  8. document.getElementById(warstwa).style[coZmienic] = rozmiar;
  9. }
  10.  
  11. </head>
  12. <body><div style="text-align: left;"><img src="img/lipamala.gif" alt=""/> <a href="#" onclick="wielkosc('zmienna','fontSize','10px');" style="font-size: 10px">A</a> <a href="#" onclick="wielkosc('zmienna','fontSize','12px');" style="font-size: 12px">A</a> <a href="#" onclick="wielkosc('zmienna','fontSize','15px');" style="font-size: 15px">A</a></div></td></tr>
  13.  
  14. <div id='zmienna'>Ten tekst będzie zmieniał wielkość ale nie koniecznie w <font size='1'> znaczniku font size='1' </font> :(</div>
  15. </body>
  16. </html>
kazag
Dziwne, u mnei to działa. (IE8 i GoogleChrome).
ugluk
tekst '<font size='1'>' zmienia swój rozmiar w divie o id zmienna?
kazag
Cytat
Ten tekst będzie zmieniał wielkość ale nie koniecznie w
ten tekst zmienia swój rozmiar, dlasza czesc zdania pozostaje niezmieniona.
ugluk
no właśnie a ja bym chciał żeby zmieniał swój rozmiar ... smile.gif
owned
OnClicki w selektorach 'a' strasznie mieszają w kodzie.
Ja proponuje pobawić się jquery wlasnie po to aby pozbyc się wywoływania akcji poprzez onClick z selektora.
Skrypt rowniez umiesc w pliku *.js zeby latwo zmieniac wartosci itp.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.