Forum PHP.pl > [JavaScript][HTML]Smarty

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][HTML]Smarty - problem z jquery

favik

4.10.2010, 11:26:46

Witam,
Napisałem sobie prosty formularz, wysyłający 3 zmienne do pliku bez przeładowania strony (w tym celu użyłem jquery). Na rzecz testów zrobiłem to w oddzielnych plikach php i wszystko działa tak jak chciałem, jednak po wklejeniu już całości do szablonu w smarty (pliku .tpl) formularz nie działa (Przycisk nie reaguje na wciskanie). Proszę o jakieś sugestie co mogłem zrobić źle?
Kod formularza:

[HTML] pobierz, plaintext 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
<head>
<script type="text/javascript" src="/js/jQuery.js"></script>
<script type="text/javascript">
		  $(document).ready(function(){
			$('#btn').click(function(){
			  $('#newlink').load('/dane.php',{nlink:$('#nlink').val(),nvid:$('#nvid').val(),nuid:$('#nuid').val()});
			});
		  });
</script>
</head>
 
<body>
	<div id="newlink">
		Wypełnij: <input type="text" name="nlink" id="nlink" value="" />
		<input id="btn" type="button" value="Wyślij">
		<input type="hidden" name="nuid" id="nuid" value="889" />
		<input type="hidden" name="nvid" id="nvid" value="1199" />
	</div>
</body>
</html>
 
 
[HTML] pobierz, plaintext

nospor

4.10.2010, 11:27:57

w szablonach smarty nie mozna od tak uzywac { oraz }
Musisz wziasc to w {literal} - wiecej info w manualu smartyiego

favik

4.10.2010, 18:57:53

Cytat(nospor @ 4.10.2010, 12:27:57 )

w szablonach smarty nie mozna od tak uzywac { oraz }
Musisz wziasc to w {literal} - wiecej info w manualu smartyiego

Zapomniałem o tym wspomnieć.. Tak też zrobiłem cały javascript objąłem tymi znacznikami w ten sposób:

[HTML] pobierz, plaintext 
{literal}
<script type="text/javascript">
          $(document).ready(function(){               Z Firebuga:  $ is not a function Line 43
            $('#btn').click(function(){
              $('#newlink').load('/newlink.php',{nlink:$('#nlink').val(),nvid:$('#nvid').val(),nuid:$('#nuid').val()});
            });
          });
</script>
{/literal}
[HTML] pobierz, plaintext

ale dalej nic z tego. Jquery mam w wersji v1.4.2

Edit: komentarz z Firebuga

Próbowałem już na różne sposoby, ale jakoś nie mogę sobie poradzić z tym problemem tak jakby skrypt wcale nie jest widziany, a żeby całą wykonywaną funkcje w jquery przepisać do zdarzenia onClick to jak to wyglądało? I czy jest w ogóle taka możliwość?

Zauważyłem że mój skrypt działa poprawnie w smarty, ale tylko wtedy gdy bezpośrednio przed div'em korzystającym z niego podam javascripty czyli coś w stylu:

[HTML] pobierz, plaintext 
 
<script type="text/javascript" src="/js/jQuery.js"></script>
</head>
<body>
....
....
....
<script type="text/javascript" src="/js/jQuery.js"></script>
<script type="text/javascript">
...
</script>
<div id="newlink"> ... </div>
 
[HTML] pobierz, plaintext

tylko że muszę właśnie dwukrotnie deklarować jQery, a to chyba nie za dobrze? Ponadto odkryłem, że za takie działanie musi być odpowiedzialny ten javascript, który musi znajdować się za jquery w sekcji head, aby inne części strony działały prawidłowo:

[HTML] pobierz, plaintext 
var $j = jQuery.noConflict();
$j(document).ready(function() {
    var lis = $j('#lang > li');
    $j.each(lis, function() {
        var liclass = $j(this).attr('class');
        if ( liclass == 'lang-select' ) {
            $j(this).mouseover(function() {
                $j(this).attr('class', 'over');
            }).mouseout(function() {
                $j(this).attr('class', '');
            });
        }
    });
 
    $j("a[id*='language_']").click(function(event) {
        event.preventDefault();
        var click_id  = $j(this).attr('id');
        var id_split  = click_id.split('_');
        var lang      = id_split[1] + '_' + id_split[2];
	var clickable = id_split[3];
	if ( clickable != 'disabled' ) {
    	    $j("input[name=session_language]").val(lang);
    	    $j('#language_form').submit();
	}
    });    
});
[HTML] pobierz, plaintext

Może coś "nadpisuje" w oryginalnym jquery? Mógłby ktoś spróbować go z edytować?

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.