Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> JavaScript działa,, ale według wykładowcy jest błąd
ksenonlogin
post
Post #1





Grupa: Zarejestrowani
Postów: 123
Pomógł: 3
Dołączył: 29.10.2011

Ostrzeżenie: (0%)
-----


Witam

Skrypt ma za zadanie podmieniać element <div></div> po wybraniu odpowiedniego elementu z listy (<option></option>).
Wszystko ładnie działa (przykład - konrad-lewczuk.pl), jednak według wykładowcy w JavaScript jest jakiś błąd.

Niżej zamieszczam java script:
  1. <script type="text/javascript">
  2. <!-- // <![CDATA[
  3. function akcja(zmienna) {
  4. var ile = document.getElementById('wybrana').options.length;
  5. for(var i=1; i<=ile; i++) {
  6. var jaka = 'iddiv'+i;
  7. if(jaka != zmienna) {
  8. document.getElementById(jaka).style.display = 'none';
  9. }
  10. else if(jaka == zmienna) {
  11. document.getElementById(jaka).style.display = 'block';
  12. }
  13. }
  14. }
  15. // ]]> -->




Niżej zamieszczam HTML:
  1. <form id="akcja" action="#">
  2. <p><select name="wybrana" id="wybrana" onchange="akcja(this.value);">
  3. <option value="iddiv1">Imię, Nazwisko</option>
  4. <option value="iddiv2">Tok nauki</option>
  5. <option value="iddiv3">Telefon</option>
  6. <option value="iddiv4">Email</option>
  7. <option value="iddiv5">Twoja zmienna</option>
  8. </select></p>
  9. </form>
  10.  
  11. <div id="iddiv1">Konrad Lewczuk</div>
  12. <div id="iddiv2">Informatyka, Nr albumu: 7611</div>
  13. <div id="iddiv3">Tel: 531447823</div>
  14. <div id="iddiv4">kontakt@konrad-lewczuk.pl</div>



Niżej zamieszczam CSS:
  1. #iddiv1 {
  2. display: block;
  3. }
  4. #iddiv2,#iddiv3,#iddiv4,#iddiv5 {
  5. display: none;
  6. }
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 13:25