Hirdetés

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

    PROHARDVER!

    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

  • #2153 jeges senior tag cybear #2152
    Új Válasz #2153
    Ú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

    jeges

    senior tag

    válasz cybear #2152 üzenetére

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>teszt</title>
    <link rel="stylesheet" media="screen" charset="UTF-8" type="text/css" href="xc/css/xc.css" />

    <style type="text/css">
    #tst {width:800px; height:400px; display: block; float:left;}
    </style>

    <script type="text/javascript">

    window.onload = function(){

    lm = function(s){
    return document.getElementById(s);
    }

    button1.onmouseup = function(e){
    lm("res").innerHTML = lm("tst").getElementsByTagName("option")[lm("txt").value].innerHTML;
    }
    button2.onmouseup = function(e){
    var o = lm("tst").getElementsByTagName("option");
    for(var i in o){
    if(o[i].selected) lm("res").innerHTML = o[i].innerHTML;
    }
    }

    }


    </script>

    </head>
    <body>

    <select id="tst" style="display:block;">
    <option value="0000">00000</option>
    <option value="0001">00010</option>
    <option value="0002" selected>00020</option>
    <option value="0003">00030</option>
    </select><br><br>
    <input type="button" id="button1" value="show" style="display:inline;">
    <input type="text" id="txt" style="width:100px;display:inline;" value="1">
    <p style="display:inline;">. elem</p><br>
    <input type="button" id="button2" value="show selected" style="display:block;">
    <div id="res" style="display:block;float:left;position:relative; width:100px;height:60px;background:yellow"></div>

    </body>
    </html>

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