[AJAX][JavaScript][PHP] Ukrywanie/wyświetlanie danych Opcje

[-matejbos-]

Witam. Nigdy nie piszę na forach, zawsze znajduję odpowiedź we własnym zakresie, tym razem nie dałem rady. Problem tego typu. Wypisanie za pomocą JSON w formularzu, który jest ukryty za pomocą chained liczb 8 i 9. Problem jest z klasą i chained, osobno wszystko działa. Wypisanie Janek i Ala działa, liczby już nie. Ewentualne później ich zablokowanie np: .style.disabled="none" Z góry dzięki za odp.

[HTML] pobierz, plaintext 
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
 <select id="mark" name="osoba">
  <option value="">--</option>
  <option id ="janek" value="janek"  ></option>
  <option id ="ala" value="ala" ></option>
  </select>
  <select id="series" name="godzina">
  <option value="">--</option>
  <option  id="8" value="8"  class="janek"></option>
  <option  id="10" value="10"  class="janek"></option>
  <option  id="9" value="9"  class="ala"> </option>
  </select>
</form>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
 
  $("#series").chained("#mark"); 
 
var JSONObject = {
  "janek":" Janek",
  "ala":" Ala"
 
};
document.getElementById("janek").innerHTML=JSONObject.janek
document.getElementById("ala").innerHTML=JSONObject.ala
 
var elements = document.getElementsByClass('janek');
var element0 = document.getElementsByClass('janek')[0];
var element1 = document.getElementsByClass('janek')[1];
 
element1.innerHTML=JSONObject.janek; 
                     </script>
[JAVASCRIPT] pobierz, plaintext 

[csharp]

jak chcesz napiszę Ci to w jQuery... będzie kilka linijek - chyba, że koniecznie JSON.

[matejbos]

obojętnie byle działało (IMG:style_emoticons/default/smile.gif)

[kamil4u]

Nie rozumiem o co chodzi (IMG:style_emoticons/default/smile.gif) Opisz dokładniej.
I opisz w skrócie co robi: "chained", bo to jakiś dodatek pewnie

1.

var element0 = document.getElementsByClass('janek')[0];

Jeśli już to getElementsByClassName

2. ID nie może być liczbą, ani się od niej zaczynać

jak chcesz napiszę Ci to w jQuery... będzie kilka linijek - chyba, że koniecznie JSON.

JSON to nie język programowania, ani żadna biblioteka JS ( jak jQuery), więc nie wiem co ma piernik do wiatraka

Ten post edytował kamil4u 30.06.2012, 13:53:35

[-Gość-]

Tak racja, w poszukiwaniu info właśnie doczytałem ze bez document. Nie zmieniłem po prostu. Chained polega na "odkrywaniu" kolejnego pola po wyborze poprzedniego. Np: Wybierasz Audi to wtedy odblokowuje się formularz z modelami, a problem jest właśnie z chained. Bo sam JSON działa jak należy przy pierwszym polu (marka np: Audi), bo tam są tylko id,

[HTML] pobierz, plaintext 
 <option id ="janek" value="janek"  ></option>
  <option id ="ala" value="ala" ></option>
[HTML] pobierz, plaintext 

a już w następnym (model, np A4) jest już klasa, po której chained wie co ma odblokować identyfikując po poprzednim id tutaj Audi.

[HTML] pobierz, plaintext 
<option  id="8" value="8"  class="janek"></option>
  <option  id="10" value="10"  class="janek"></option>
  <option  id="9" value="9"  class="ala"> </option>
[HTML] pobierz, plaintext 

I problem żeby JSON wypisał, tak jak w przypadku marki, również modele. Nie wiem czy w miarę jasno to opisałem (IMG:style_emoticons/default/smile.gif) .

[JAVASCRIPT] pobierz, plaintext 
var element1 = getElementsByClass('janek')[0];
element1.innerHTML=JSONObject.janek; 
[JAVASCRIPT] pobierz, plaintext 

Niby coś takiego powinno działać, ale jednak jest problem ...

[kamil4u]

Tak racja, w poszukiwaniu info właśnie doczytałem ze bez document. Nie zmieniłem po prostu.

Heh. Dobre kłamstwo (IMG:style_emoticons/default/smile.gif)

Ma być: document.getElementsByClassName('janek')[0];

Chodziło o dodanie Name, a nie usunięcie document (IMG:style_emoticons/default/smile.gif)

[-Gość-]

http://robertnyman.com/2005/11/07/the-ulti...ntsbyclassname/ apropo "document" tutaj się zasugerowałem (ale to już funkcje), była jeszcze jedna strona ale niestety nie mogę znaleźć, jeżeli trafię na nią znowu, to na pewno wrzucę linka (IMG:style_emoticons/default/smile.gif) Ale tak czy tak document.getElementsByClassName('janek')[0]; nie działa (IMG:style_emoticons/default/smile.gif)

[kamil4u]

Dobra dobra - masz rację. Z tym, że tamte funkcje nie są natywne( tylko napisane jako zwykła funkcja) , dlatego nie ma document. Mniejsza, ważne, że już masz dobrze (IMG:style_emoticons/default/smile.gif)
I polecam na przyszłość nie tyle szukać w Google co w dokumentacji MDC - wtedy na pewno unikniesz takich drobnostek. No i oczywiście sprawdzaj

konsolę błędów

Wszystko działa: http://jsfiddle.net/BNCyq/
Ew. napisz jakiej przeglądarki używasz i upewnij się, że na pewno DOM masz załadowany (IMG:style_emoticons/default/smile.gif)

I jeszcze o tym getElementsByClassName. Ten link co dodałeś umożliwia korzystanie z tej funkcji w starszych przeglądarkach( głownie chodzi o IE ). Wtedy nie używamy document. Jak używasz jQuery to możesz użyć selektora klasy (.janek) i metody text albo html. Ew. użyć get, czyli zwrócić element HTML.

[--matejbos--]

Hehe nie chodzi,tak jak wcześniej pierwszy wybór działał, następny już nie. Tutaj myślę że najbardziej czytelny problem będzie (IMG:style_emoticons/default/smile.gif)

http://jsfiddle.net/GcyY3/

[kamil4u]

http://jsfiddle.net/GcyY3/1/ ? Jeśli nie to opisz bardzo dokładnie co chcesz osiągnąć.

[-Gość-]

Dokładnie o to chodziło, dzięki wielkie (IMG:style_emoticons/default/smile.gif) , aż mi się nie chce wierzyć, że problem leżał w tym aby "chained" był pod tym wszystkim ...