Forum PHP.pl > [HTML][JavaScript]Zwiększanie wartości za pomocą js w html

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]Zwiększanie wartości za pomocą js w html

Proximus

4.07.2010, 20:24:56

Witam,
mam problem bowiem chciałbym aby za pomocą JS w html'u było:

[HTML] pobierz, plaintext 
<textarea rows="zmienna w JS"></textarea> 
[HTML] pobierz, plaintext

a potem

[HTML] pobierz, plaintext 
<span onclick="zmienna+5">[+]</span>
[HTML] pobierz, plaintext

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.

kapuch

4.07.2010, 21:43:05

Nie wiem czy zalezy Ci wlasnie na czystym JS, ale jesli nie, to takie cos latwo zrobic za pomoca jquery.

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>xxxx</title>
 
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
function add_row(id)
{
	$("#"+id).animate({"rows": "+=1"});
}
</script>
 
</head>
<body>
 
<textarea id="okienko1" cols="30" rows="10"></textarea>
<span onclick="add_row('okienko1');">[+]</span>
 
</body>
</html>
[HTML] pobierz, plaintext

Jednak moim zdaniem skoro juz mialbys uzyc jquery, to lepiej zrobic to na height, bo animacja wtedy bedzie ladna/plynna

czyli tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function add_row(id)
{
	$("#"+id).animate({"height": "+=10px"}, "slow");
}
</script>
[HTML] pobierz, plaintext

cojack

4.07.2010, 22:47:37

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

[HTML] pobierz, plaintext 
function zmienIloscWierszy( ilosc ) {
  var textArea = document.getElementById( 'IdTextArea' );
  var rows textArea.getAttribute( 'rows' );
  textArrea.setAttribute( 'rows', Number( rows ) + Number( ilosc ) );
};
[HTML] pobierz, plaintext

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

kapuch

4.07.2010, 23:30:58

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...

Proximus

5.07.2010, 09:15:44

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.

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.