[JavaScript] problem z divem Opcje

[slawek3422]

Witam.
To skrypt, którego używam:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function strona(plik) {
 
  var xml = null;
  var wynik = document.getElementById("wynik");
  wynik.innerHTML = "Trwa ładowanie strony";
 
	if (window.XMLHttpRequest) xml = new XMLHttpRequest();
	else if (window.ActiveXObject) xml = new ActiveXObject("Microsoft.XMLHTTP");
 
  if (xml) {
    xml.onreadystatechange = function() {
      if (xml.readyState==4) {
          wynik.innerHTML = xml.responseText;
      }
    }
    xml.open("GET", plik+".htm", true);
    xml.send(null);
  }
  return false;
}
</script>
[HTML] pobierz, plaintext 

wywołuję go w ten sposób:

[HTML] pobierz, plaintext 
<a href="s1.htm" onclick="return strona('s1')">Strona główna</a>
<a href="s2.htm" onclick="return strona('s2')">Strona 2</a>
<a href="s3.htm" onclick="return strona('s3')">Strona 3</a>
[HTML] pobierz, plaintext 

a wynik wyświetla się tutaj bez przeładowania strony:

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

No i działa pięknie pod FF, IE i Safari ale jak zrobić, żeby takie wywołanie zadziałało pod IE i Safari ?:

[HTML] pobierz, plaintext 
<select id="wielkosc" name="wielkosc" onchange="select(this.value)">
			<option value="">wybierz</option>
 
			<option value=52 onclick="return strona('s1')">19"</option>
			<option value=100 onclick="return strona('s2')">21,1"</option>
			<option value=90 onclick="return strona('s3')">21,3"</option>
			<option value=113 onclick="return strona('s4')">22"</option>
			<option value=106 onclick="return strona('s5')">22,2"</option>
			<option value=115 onclick="return strona('s6')">24,1"</option>
			<option value=122 onclick="return strona('s7')">27"</option>
			<option value=125 onclick="return strona('s8')">30"</option>		
 
		</select>
[HTML] pobierz, plaintext 

W FF działa bez problemu a w IE wg mnie nie działa dlatego, że nie ma hrefa ...
Jakieś pomysły ?

[bazyliszek83]

A nie lepiej do zdarzenia onChange przy <select> dopisać jakaś funkcję która na podstawie wybranego pola wywoła funkcje strona(plik). Wiem że pod IE funkcja onChange działa prawidłowo na <select>, a na <option> różnie to bywa.

[safe]

@bazyliszek83 mam identyczny problem z tym ze nie jestem zabardzo obyty w JS

Jestes w stanie zaproponowac jakas implementacje ?

[bazyliszek83]

Piszę tak z "ręki" więc może nie wszystko działać ale idee przedstawie:
Taką prostą funkcję bym polecał. Tu oczywiście jest ona prosta bo w przedstawionym przykladzie strony są numerowane od 1 wzwyż.

[HTML] pobierz, plaintext 
function przekieruj(element) {
    if(element.selectedIndex > 0)
       strona( "s" + element.selectedIndex );
}
[HTML] pobierz, plaintext 

Samego selecta bym widział tak.

[HTML] pobierz, plaintext 
<select id="wielkosc" name="wielkosc" onchange="przekieruj(this);select(this.value);">
<option value="">wybierz</option>
 
<option value=52>19"</option>
<option value=100>21,1"</option>
<option value=90>21,3"</option>
<option value=113>22"</option>
<option value=106>22,2"</option>
<option value=115>24,1"</option>
<option value=122>27"</option>
<option value=125>30"</option>
 
</select>
[HTML] pobierz, plaintext 

Nie wiem co to jest za funkcja select(this.value), więc ją zostawiłem w spokoju:)

Powinno śmigać również pod IE. Jakby cos to piszcie...(IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował bazyliszek83 18.03.2009, 08:52:58

[slawek3422]

pięknie śmiga (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) dzięki za pomoc

[safe]

dokładnie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) działa, muszę to teraz tylko przerobić na więcej selectów ale to już sobie chyba poradzę (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)