Pobranie wartości z inputa js w Smarty Opcje

[chyzio]

Witam wszystkich!

Następujący formularz a w nim

[HTML] pobierz, plaintext 
<form name="form_grupy" method="post" action="index.php">
...
 
<td><input name="opis" type="text" class="s_pole_txt" value="jakis napis" onChange="aktualizuj_grupe()"/></td>    
 
...
 
<form>
[HTML] pobierz, plaintext 

teraz tak z java scriptu (dokładnie jquery) odwoluje sie do zmiennej w nastepujacy sposob:

[HTML] pobierz, plaintext 
id_grupy: document.form_grupy.opis.value
[HTML] pobierz, plaintext 

zmienna id_grupy nie przyjmuje wartosci pomimo jej wyswietlania w szablonie smarty

[ziqzaq]

1) Co pytanie ma wspólnego z systemem szablonów?
2)

[HTML] pobierz, plaintext 
// przypisanie wartości zmiennej
var moja_zmienna = document.formik.pole.value;
alert(moja_zmienna);
 
// przypisanie wartosci w tablicy
var moja_tablica = { 'tutaj_klucz' : document.formik.pole.value };
alert(moja_tablica['tutaj_klucz']);
 
// lub jesli sie upierac przy jquery to np.
var moja_zmienna = $('form[name=formik] > input[name=pole]').val();
alert(moja_zmienna);
[HTML] pobierz, plaintext 

edit:
3)

zmienna id_grupy nie przyjmuje wartosci pomimo jej wyswietlania w szablonie smarty

Może pokaż kod (wyświetlanie) jestem ciekaw jak się odwołujesz do tej zmiennej.
4) Używając jquery można pozbyć się js z elementów html np.

[HTML] pobierz, plaintext 
<input name="opis" type="text" class="s_pole_txt" value="jakis napis" onChange="aktualizuj_grupe()"/>
[HTML] pobierz, plaintext 

poprzez podpinanie zdarzeń w head (bądź w skryptach includowanych). Jquery events.

Ten post edytował ziqzaq 27.01.2009, 18:34:58

[chyzio]

1. Podobny temat o smarty był w tym dziale więc dlatego tu zapytałem

Ok nie ważnie czy to jQuery czy js

[HTML] pobierz, plaintext 
function aktualizuj_grupe(){
 
 
	var moja_zmienna = document.form_grupy.nazwa.value;
	alert(moja_zmienna);
 
}
[HTML] pobierz, plaintext 

js wyświetla alert z napisem "undefined"

Jak się odwołuje w smarty to nie ma absolutnego znaczenia w poniższym też nie działa

[HTML] pobierz, plaintext 
<td><input name="opis" type="text" class="s_pole_txt" value="tutaj opis" onChange="aktualizuj_grupe()"/></td>
[HTML] pobierz, plaintext 

[ziqzaq]

Jakiej przeglądarki używasz?
Mi na Operze 9.60 i FF 3 twój kod działa bez problemu.
Spróbuj może czegoś takiego, w head (wymagane jquery):

Kod

<script type="text/javascript">
function aktualizuj(el) {
    alert(el.val());
}
$(document).ready(function(){
    $('form[name=form_group] > input[name=opis]').bind('change', function () {
        aktualizuj($(this));
    });
});
</script>

Przykładowy formularz:

[HTML] pobierz, plaintext 
<form name="form_group" action="test.php" method="post">
<input type="text" name="opis" value="jakiś opis" />
</form>
[HTML] pobierz, plaintext 

PS jeśli się dobrze orientuję to zdarzenie "onchage" w tym przypadku będzie działać jak "onblur" i chyba właśnie to ostatnie lepiej tu pasuje - ale tutaj mogę się mylić.

Jak się odwołuje w smarty to nie ma absolutnego znaczenia w poniższym też nie działa

Chodziło mi właśnie o odwołanie w javascript nie o smarty

Ten post edytował ziqzaq 27.01.2009, 19:02:21

[chyzio]

On blur nie jest właściwym rozwiązaniem u mnie. Właśnie problem w tym że owy kod działa tyle że jak wrzucę go do .tpl smarty to nie działa

Interesuje mnie odwołanie

[HTML] pobierz, plaintext 
document.form_grupy.nazwa.value
[HTML] pobierz, plaintext 

czy przy użyciu smarty to jest prawidłowe ?

jak wyrzucę inputa i tekst włoże pomiędzy

[HTML] pobierz, plaintext 
<div id="nazwa">tekst</div>
[HTML] pobierz, plaintext 

i odwołam się do niego

[HTML] pobierz, plaintext 
nazwa: document.getElementById('nazwa');
[HTML] pobierz, plaintext 

to oczywiście działa !! (przypisanie : z jq)

Ten post edytował chyzio 27.01.2009, 19:35:15

[ziqzaq]

czy przy użyciu smarty to jest prawidłowe ?

Zademonstruj kod o który ci chodzi bo trochę nie kumam.
Smarty to system szablonów, wprawdzie nie używam go, ale co on miałby z tym wspólnego (no chyba że używasz w zapisie js jakichś ciągów znaków parsowanych przez Smarty)?

PS a jak dasz pole input z id i odwołasz się do niego po id?

Edit:
Jeszcze jedno. Sprawdzałeś źródło strony po użyciu Smarty?

Edit2:

Kod

nazwa: document.getElementById('nazwa');

Znowu dajesz kod wyciągnięty niewiadomo skąd. Jeśli to jest przypisanie w JS wartości do zmiennej to nie spotkałem się z takim sposobem - IMHO nie zadziała chyba że jest do tego jakiś kontekst (tablica?).

Ten post edytował ziqzaq 27.01.2009, 19:58:30

[chyzio]

Ok na potrzeby forum w wersji lite:

plik grupy.tpl

[HTML] pobierz, plaintext 
{section name=grupy loop=$grupy}
 
<form name="form_grupy">  		     
 <input type="hidden" name="id_grupy" value="napis" onChange="aktualizuj_grupe() />      
</form>
 
{/section}
[HTML] pobierz, plaintext 

no i w pliku header.tpl

[HTML] pobierz, plaintext 
function aktualizuj_grupe(){
 
$.POST("index.php",
 
  {
 
...	
    nazwa: 	document.form_grupy.nazwa.value ,
 ...
 
  },
 
...
}
[HTML] pobierz, plaintext 

Ten post edytował chyzio 27.01.2009, 19:54:47

[ziqzaq]

[HTML] pobierz, plaintext 
{section name=grupy loop=$grupy}
 
<form name="form_grupy"> 
<input type="hidden" name="id_grupy" value="napis" onChange="aktualizuj_grupe() /> 
</form>
 
{/section}
[HTML] pobierz, plaintext 

Czyli mam rozumieć, że tworzysz więcej niż jeden formularz z name="form_grupy" (loop=$grupy) a później próbujesz odwołania document.form_grupy.opis.value? To skąd interpreter ma wiedzieć o który "form_grupy" ci chodzi hę?
Nadaj formularzom różne id i/lub name i posługuj sie tymi unikalnymi wartościami do rozróżnienia formularzy.

Ten post edytował ziqzaq 27.01.2009, 20:07:29

[chyzio]

Jej interpreter wie bo cały kod wygląda tak

[HTML] pobierz, plaintext 
{section name=grupy loop=$grupy}
 
{if $smarty.section.grupy.first}
	<form name="form_grupy" method="post" action="index.php">
  		<table width="650" border="0" align="left" cellpadding="0" cellspacing="0">
  			 <tr>
      			<th width="117" class="grupy_podpis_kolumny" scope="row">L.p</th>
			    <th width="216" class="grupy_podpis_kolumny" scope="row"><label>Nazwa Grupy </label></th>
			    <td with="216" class="grupy_podpis_kolumny">Uprawnienia</td>
			    <td width="200" class="grupy_podpis_kolumny">Opis grupy </td>
    		</tr>
{/if}
 
 
    <tr>
      <th scope="row"><input name="lp" id="id_grupy" type="text" class="s_pole_txt_50" value="{$grupy[grupy].id_grupy}" onChange="aktualizuj_grupe({$grupy[grupy].id_grupy})"/></th>
      <th scope="row"><input name="nazwa" id="nazwa" type="text" class="s_pole_txt" value="{$grupy[grupy].nazwa}" onChange="aktualizuj_grupe({$grupy[grupy].id_grupy})" /></th>
      <td><input name="uprawnienia" id="uprawnienia" type="text" class="s_pole_txt" value="{$grupy[grupy].uprawnienia}"  onChange="aktualizuj_grupe({$grupy[grupy].id_grupy})"/></td>
      <td><input name="opis" id="opis" type="text" class="s_pole_txt" value="{$grupy[grupy].opis}" onChange="aktualizuj_grupe()"/></td>    
    </tr>
 
 
{if $smarty.section.grupy.last}
	<tr>
      <th colspan="4" scope="row"> <a href="#" onclick="nowa_grupa();"><input value="Nowa grupa" type="button" class="button_grupa"></a></th>
    </tr>
  </table>
</form>
{/if}
 
 
 
{/section}
[HTML] pobierz, plaintext 

Ten post edytował chyzio 27.01.2009, 20:41:01

[ziqzaq]

Jej interpreter wie bo cały kod wygląda tak

Interpretuję twój kod, nie posiadam magicznej kuli.
Pisałem wcześniej o sprawdzeniu źródła wygenerowanej strony (już w przeglądarce), zrobiłeś to? Sprawdź czy Smarty ci nie chrzani kodu js (np. czy używając takiego {jakiś kod} zapisu Smarty nie ingeruje w niego). Jeśli tak to wrzuć kod js do zewnętrznych plików i po sprawie.

Edit: Stosowałeś się może do rad z tego postu?

Ten post edytował ziqzaq 27.01.2009, 20:51:04

[chyzio]

Problem rozwialem dodajac id do inputa a pozniej w przypisaniu

[HTML] pobierz, plaintext 
document.getElementById('nazwa').value,
[HTML] pobierz, plaintext 

ok 4 godzin zajęło mi to ziqzaq dziłękuje za szczerą chęć pomocy

Ten post edytował chyzio 27.01.2009, 20:52:12