2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic
  • Téma összefoglaló
    Utoljára frissítve: 2014-02-25 10:20

    Fototrend

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

Új hozzászólás Aktív témák

  • #1696 Sk8erPeter nagyúr Zoli1222 #1695
    Új Válasz #1696
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    Sk8erPeter

    nagyúr

    válasz Zoli1222 #1695 üzenetére

    De, természetesen lehet.
    Először elkezdtelek volna rávezetni, de aztán úgy gondoltam, ki is próbálom, úgyhogy ha már megcsináltam, ne vesszen kárba. :D Itt látható alább a komplett működő kód (valid XHTML 1.0 Strict résszel együtt :P):

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu" lang="hu">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JavaScripttel változtatott listák</title>
    <script type="text/javascript">
    <!--

    var napok = new Array();
    napok["Hétfő"] =new Array("1","2","hétfő vége");
    napok["Kedd"] =new Array("3","4","kedd vége");
    napok["Szerda"] =new Array("5","6","szerda vége");
    napok["Csütörtök"] =new Array("7","8","csütörtök vége");
    napok["Péntek"] =new Array("Pénteken nincs óra! :)");

    function betolt(opcio)
    {
    for(var nap in napok)
    {
    if(opcio==nap){
    var ora_lista=document.getElementById('orak_lista');
    ora_lista.innerHTML = '<option selected="selected">Válaszd ki az órát a listából!</option>';

    for(var ora in napok[nap]){
    ora_lista.innerHTML += '<option>'+napok[nap][ora]+'</option>';
    }
    }
    }
    }

    // -->
    </script>
    <style type="text/css">
    form{
    margin:40px;
    }
    </style>
    </head>
    <body>

    <form action="">
    <div>
    <select name="lista" size="1" onchange="betolt(this.options[this.selectedIndex].value);">
    <option selected="selected">Melyik nap legyen...</option>
    <option>Hétfő</option>
    <option>Kedd</option>
    <option>Szerda</option>
    <option>Csütörtök</option>
    <option>Péntek</option>
    </select>
    </div>
    </form>

    <form action="">
    <div>
    <select id="orak_lista" size="1">
    <option selected="selected">Előbb valaszd ki a napot!</option>
    </select>
    </div>
    </form>

    </body>
    </html>

Új hozzászólás Aktív témák