Powtarzające się zmienne, jak ich uniknąć Opcje

[kwiateusz]

Witam

Z nudów piszę sobie skrypcik (proszę zwrócić uwagę że uczę się js ) i powtarzaja mi sie zmienne w 2 funcjach i teraz pytanko do was jak zrobić aby to się nie powtarzało Poniżej kod :

[HTML] pobierz, plaintext 
function PokazUkryj()
{
   var pasek=$('pasek');
   var tresc=$('tresc');
   var img= pasek.childNodes[0];
 
   pasek=pasek.getElementsByTagName('span')[0];
 
   if (tresc.style.display == 'block' || my_getcookie('hide')==0)
   {
      tresc.style.display='none';
      pasek.innerHTML='Pokaż';
      img.src='exp_minus.gif';
      my_setcookie('hide',1);
   }
   else
   {
      tresc.style.display='block';
      pasek.innerHTML='Schowaj';
      img.src='exp_plus.gif';
      my_setcookie('hide',0);
   }
}
 
 
function check()
{
   if(my_getcookie('hide')==1)
   {
      var tresc=$('tresc');
      var pasek=$('pasek');
      var img= pasek.childNodes[0];
      img.src='exp_minus.gif';
      tresc.style.display='none';
      pasek.childNodes[1].innerHTML='Pokaż';
   }
}
[HTML] pobierz, plaintext 

chodzi mi dokladnie o

[HTML] pobierz, plaintext 
var tresc=$('tresc');
      var pasek=$('pasek');
      var img= pasek.childNodes[0];
[HTML] pobierz, plaintext 

Z góry dzięki za pomoc

Ten post edytował kwiateusz 11.07.2006, 00:42:23

[LBO]

Przeanalizuj to:

[HTML] pobierz, plaintext 
<script language="javascript">
var zmienna = 'zmienna';
 
function function1() {
	alert('function1: ' + zmienna);
};
 
function function2() {
	alert('function2: ' + zmienna);
};
function1();
function2();
</script>
[HTML] pobierz, plaintext 

[kwiateusz]

właśnie tak prubowałem i co dziwne skrypt przestawał działać .... po prostu funkcje zmiennych nie widziały... albo znowu coś pokręciłem

[siemakuba]

Generalnie zmienne w JS mają zasięg globalny. Wypunktuję co i jak, bo tak łatwiej:
- zmienna utworzona poza funkcją za pomocą var - globalna
- zmienna utworzona poza funkcją bez var - globalna
- zmienna utworzona wewnątrz funkcji bez var - globalna
- zmienna utworzona wewnątrz funkcji za pomocą var - lokalna dla funkcji

pozdr.

[kwiateusz]

Kod

var pasek=document.getElementById('pasek');
   var tresc=$('tresc');
   var img= pasek.childNodes[0];

function PokazUkryj()
{
   alert(pasek);
   alert(tresc);

zrobiłem tak i w alertach mam null :/

[siemakuba]

pod jaka przegladarka pracujesz? Polecam FF i konsole JavaScript.
Czy null to ogólne stwierdzenie, że nic nie pokazuje? JavaScript pod FF nie zrobi alerta na pustej wartości. Pod IE zdaje sie pokaze undefined.

A moze masz ten skrypt w HEAD wstawiony? Wtedy wykona sie jeszcze przed powstaniem drzewa DOM i nie bedzie dostepu do elementow.

Jak mozesz to pokaz wiecej kodu :)

pozdr.

[kwiateusz]

tak mam ff i konsolke i pokazuje pasek hasn no properities

null to nie ogólne stwierdzenie tylko pokazuje sie taki string w okienku od alertt...

owszem mam to w head, ale jak zmienne sa w funkcji to ładuje się ładnie a jak poza to już się wali...

[HTML] pobierz, plaintext 
<script type="text/javascript">
function $(id)
{
      itm = null;
 
	   if (document.getElementById)
	   {
		    itm = document.getElementById(id);
   	 }
     else if (document.all)
	   {
        itm = document.all[id];
	   }
	   else if (document.layers)
	   {
		itm = document.layers[id];
	   }
 
	   return itm;
}
function my_getcookie( name )
{
	var cname = name + '=';
	var cpos  = document.cookie.indexOf( cname );
 
	if ( cpos != -1 )
	{
		cstart = cpos + cname.length;
		cend   = document.cookie.indexOf(";", cstart);
 
		if (cend == -1)
		{
			cend = document.cookie.length;
		}
 
		return unescape( document.cookie.substring(cstart, cend) );
	}
 
	return null;
}
 
function my_setcookie( name, value)
{
      var expire = "; expires=Wed, 1 Jan 2020 00:00:00 GMT";
 
	    document.cookie = name + "=" + value +  expire +  ';';
}
 
   var pasek=document.getElementById('pasek');
   var tresc=$('tresc');
   var img= pasek.childNodes[0];
 
function PokazUkryj()
{
   alert(pasek);
   alert(tresc);
   pasek=pasek.getElementsByTagName('span')[0];
 
   if (tresc.style.display == 'block' || my_getcookie('hide')==0)
   {
      tresc.style.display='none';
      pasek.innerHTML='Pokaż';
      img.src='exp_minus.gif';
      my_setcookie('hide',1);
   }
   else
   {
      tresc.style.display='block';
      pasek.innerHTML='Schowaj';
      img.src='exp_plus.gif';
      my_setcookie('hide',0);
   }
}
 
function check()
{
   if(my_getcookie('hide')==1)
   {
      var tresc=$('tresc');
      var pasek=$('pasek');
      var img= pasek.childNodes[0];
      img.src='exp_minus.gif';
      tresc.style.display='none';
      pasek.childNodes[1].innerHTML='Pokaż';
   }
}
-->
</script>
 </head>
 <body onload="check()">
<div id="pasek" style="background: gray; height:20px; width:100%" ><img src='exp_plus.gif' onclick="java script:PokazUkryj()" style="float: right; padding:5px;" border='0' /><span>Schowaj</span><br /></div>
<div id="tresc" style="background: red; display:block;">Test</div>
 </body>
 </body>
</html>
[HTML] pobierz, plaintext 

Ten post edytował kwiateusz 11.07.2006, 10:12:36

[siemakuba]

no widzisz,
1. co sie dzieje kiedy masz zmienne w funkcji?
wartosc im zostanie przypisana dopiero kiedy wywolana zostanie funkcja. U ciebie wywolujesz fukcje check() za pomoca zdarzenia onload dla BODY == drzewo DOM jest zbudowane, zmienne prawidlowo otrzymuja wartosci.

2. co sie dzieje kiedy zmienne masz poza funkcja?
wartosc zostaje przypisana w momencie wykonania kodu. Jetesmy wiec w HEAD i probojemy przypisac zmiennej wartosc za pomoca getElementById. To sie nie uda, bo getElementById nie zna jeszcze struktury dokumentu. Pozna ja po zalkowitym zaladowaniu dokumentu do przegladarki.

3. robimy test.
wystaw zmienne poza funkcje, ale przypisz im jakas stala wartosc, np. jakis dowlony string. Wszystko powinno zadzialac, tzn. alert powinien wyswietlic wartosc tych zmiennych.

pozdr.

[kwiateusz]

heh dzięki za pokazanie błędu więc musze to do body wsadzić aby zaradzić mojemu problemowi jeszcze raz dzięki

@siemakuba jak już tak ładnie tłumaczysz to wyjaśniłbyś mi jak to jest z zasięgiem funkcji?

np. mam jakas funkcje w head pomiedzy <script /> i czy bedzie ona widoczna w body pomiędzy <script /> oraz czy wyżej wymieniona funkcja $() zadziała w zdarzeniach typu onclick ?

[siemakuba]

Funkcje masz widoczne wszędzie od momentu, kiedy zostaną załadowane - bez znaczenia czy będziesz chciał ich użyć w zdarzeniach typu onclick bezpośrednio w HTML, czy w innym kodzie gdzieś niżej na stronie. Najlepiej wszystkie ładować w HEAD i ewentualnie wywoływać co potrzeba przez zdarzenie onload dla BODY. A jeszcze lepiej trzymać w zewnętrznym pliku - będzie wszystko zcachowane przez przeglądarkę więc będzie ładowane przy pierwszym odwiedzeniu strony. Tu uwaga - podczas testowania może wyglądać na brak reakcji na zmiany w skrypcie, ale wystarczy zamiast F5 zrobić "twardy refresh" - Ctrl+R i będzie kul :)

pozdr.

[kwiateusz]

aha dzięki muszę dokładniej książke studiować biorę się za czytanie i testowanie. Dzięki za pomoc