Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript]Zwiększanie wartości za pomocą js w html
Proximus
post 4.07.2010, 20:24:56
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 4.10.2008
Skąd: Ostrowiec Św.

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


Witam,
mam problem bowiem chciałbym aby za pomocą JS w html'u było:
  1. <textarea rows="zmienna w JS"></textarea>

a potem
  1. <span onclick="zmienna+5">[+]</span>


jednak nie wiem jak coś takiego zrobić, największy problem sprawia mi tutaj żeby użyć w tagu HTML'a JS'u. Tj. nie wiem jak w rows="zmienna w JS" umieścić tą zmienną JS.

Ten post edytował Proximus 4.07.2010, 20:30:36


--------------------
Go to the top of the page
+Quote Post
kapuch
post 4.07.2010, 21:43:05
Post #2





Grupa: Zarejestrowani
Postów: 389
Pomógł: 69
Dołączył: 26.04.2010
Skąd: Łódź

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


Nie wiem czy zalezy Ci wlasnie na czystym JS, ale jesli nie, to takie cos latwo zrobic za pomoca jquery.
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>xxxx</title>
  5.  
  6. <script src="http://code.jquery.com/jquery-latest.js"></script>
  7. <script type="text/javascript">
  8. function add_row(id)
  9. {
  10. $("#"+id).animate({"rows": "+=1"});
  11. }
  12.  
  13. </head>
  14.  
  15. <textarea id="okienko1" cols="30" rows="10"></textarea>
  16. <span onclick="add_row('okienko1');">[+]</span>
  17.  
  18. </body>
  19. </html>

Jednak moim zdaniem skoro juz mialbys uzyc jquery, to lepiej zrobic to na height, bo animacja wtedy bedzie ladna/plynna smile.gif
czyli tak:
  1. <script type="text/javascript">
  2. function add_row(id)
  3. {
  4. $("#"+id).animate({"height": "+=10px"}, "slow");
  5. }


Ten post edytował kapuch 4.07.2010, 21:47:25


--------------------
Nie chce "Pomógł", aktualna ilość (69) w pełni mnie satysfakcjonuje :)
Go to the top of the page
+Quote Post
cojack
post 4.07.2010, 22:47:37
Post #3





Grupa: Zarejestrowani
Postów: 898
Pomógł: 80
Dołączył: 31.05.2008

Ostrzeżenie: (20%)
X----


ja nie wiem czy kolega kapuch widział że to jest temat o JS nie o JQuery, nie ma sensu zaprzęgać kobyły do ciągnięcia sanek.

Po pierwsze używanie eventów liniowych jest nie poprawne względem HTML'a, nauczcie się ludzie oddzielać warstwę prezentacji od warstwy "logicznej" aplikacji, nawet w głupim HTML'u.
Po drugie jak już chcesz to zrobić to zrób tak: utwórz jakąś funkcję np

  1. function zmienIloscWierszy( ilosc ) {
  2. var textArea = document.getElementById( 'IdTextArea' );
  3. var rows textArea.getAttribute( 'rows' );
  4. textArrea.setAttribute( 'rows', Number( rows ) + Number( ilosc ) );
  5. };


Nie wiem czy zadziała, pisałem z palca,

po tym ustawiasz w span onclick="zmienIloscWierszy( 5 )" A jak nie o to chodziło to nie wiem ;]


@edit tam na dole,
kolega cojack nie widział bo mu się czytać nie chciało haha.gif

Ten post edytował cojack 5.07.2010, 00:19:48


--------------------
cojack blog - mój blog (na jakiś czas off).
"jak czegoś nie wiem, to nie myślę że wiem" - moja domena
Go to the top of the page
+Quote Post
kapuch
post 4.07.2010, 23:30:58
Post #4





Grupa: Zarejestrowani
Postów: 389
Pomógł: 69
Dołączył: 26.04.2010
Skąd: Łódź

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


Kolega kapuch widzial, tez kolega kapuch napisal
Cytat
Nie wiem czy zalezy Ci wlasnie na czystym JS, ale jesli nie, to takie cos latwo zrobic za pomoca jquery.

Nie wiem czy kolega cojack widzial...

Ten post edytował kapuch 4.07.2010, 23:38:27


--------------------
Nie chce "Pomógł", aktualna ilość (69) w pełni mnie satysfakcjonuje :)
Go to the top of the page
+Quote Post
Proximus
post 5.07.2010, 09:15:44
Post #5





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 4.10.2008
Skąd: Ostrowiec Św.

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


Wielkie dzięki, skorzystam z JQuery - przy zaznaczaniu tagów zaznaczyłem JS i HTML, ale nie znałem funkcji JQuery, efekt "animacji" ciekawie wygląda - dzięki za pomoc.


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 5.07.2025 - 04:39