Forum PHP.pl > [js] problem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

chemik1982

16.11.2007, 12:52:48

Poniższy kod działa pod operą i firefoxem, niestety pod IE nie specjalnie. Ktoś ma jakiś pomysł?

[HTML] pobierz, plaintext 
<!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="pl">
<head>
<script type="text/javascript">
    function addElements(num){
 
    var oDiv = document.getElementById("testing");
    oDiv.parentNode.removeChild(oDiv);
 
    var oDiv = document.createElement('div');
    oDiv.setAttribute("name","testing");
    oDiv.setAttribute("id","testing");
    document.getElementById('parent').appendChild(oDiv);
 
    for(i=0;i<num;i++){
        var oInputFile = document.createElement('input');
        oInputFile.setAttribute('type','file');
        oInputFile.setAttribute("style","display:block");
        document.getElementById('testing').appendChild(oInputFile);
        }
    }
</script>
</head>
<body>
 
<select id="sel">
    <option onclick="addElements(1)" >1</option>
    <option onclick="addElements(2)" >2</option>
    <option onclick="addElements(3)" >3</option>
    <option onclick="addElements(4)" >4</option>
    <option onclick="addElements(5)" >5</option>
</select>
<div style="width:500px;height:400px;border:1px solid red;" id="parent">
    <div id="testing"></div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

nospor

16.11.2007, 13:48:06

pierwszy blad jaki rzuca sie w oczy to to, iz onclick nie przypisuje sie dla option, a nalezy to robic dla select. Zapytasz pewnie jak sprawdzic co jest zaznaczone. Prosto: twojselect.selectedIndex.

chemik1982

16.11.2007, 14:34:37

Dzięki pomogło

zmienilem z onclick na onchange. Wklajam cały kod, może się komuś przyda.

[HTML] pobierz, plaintext 
<!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="pl">
<head>
<script type="text/javascript">
    function addElements(){
 
 
    var num = document.getElementById('sel').selectedIndex+1;
 
    var oDiv = document.getElementById("testing");
    oDiv.parentNode.removeChild(oDiv);
 
    var oDiv = document.createElement('div');
    oDiv.setAttribute("name","testing");
    oDiv.setAttribute("id","testing");
    document.getElementById('parent').appendChild(oDiv);
 
    for(i=0;i<num;i++){
        var oInputFile = document.createElement('input');
        oInputFile.setAttribute('type','file');
        oInputFile.setAttribute("style","display:block");
        document.getElementById('testing').appendChild(oInputFile);
        }
    }
</script>
</head>
<body>
 
<select id="sel" onchange="addElements()">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="4">5</option>
</select>
<div style="width:500px;height:400px;border:1px solid green" id="parent">
    <div id="testing"></div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.