Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > динамическое создание объекта


Автор: Ekate 3.3.2008, 10:43
Добрый день,
хочу в зависимости от выбранной кнопки показывать объект inputdraw

Код


<html>
<head><title>a title</title></head>
<script src="swfobject.js" type="text/javascript"></script>
<script src="inputdraw.js" type="text/javascript"></script>
<script type="text/javascript">

function My2(id)
{
    radio = document.getElementById(id);
    if (radio.checked){
        ShowElement(radio.value);
     }    
}

function ShowElement(value)
{
    form=document.getElementById("myForm");
    if(value == 1) 
    {
        d=document.createElement("input");
        d.type="hidden";
        d.id="svgdraw";
        d.name="svgdraw";
        form.appendChild(d);
                d=document.createElement("div");
        d.id="place";
    }
    else 
    {
        d=document.createElement("input");
        d.type="submit";
        d.name="submit";
        d.value="Save";
    }
        form.appendChild(d);    
}
</script>

<body>
<form id="myForm" method="post">

<table>
<tr><td align="left">
    <input type="radio" name='radio' id="radio1" value='1' onclick="My2('radio1');">
    <label for="radio1">Value1</label></td></tr>
<tr><td align="left">
    <input type="radio" name='radio' id="radio2" value='2' onclick="My2('radio2');">
    <label for="radio2">Value2</label></td></tr>
</table>            
</form>

<script type="text/javascript">
var draw=new InputDraw("inputdraw.non-commercial.v1.5.swf", "place", {id:"svgdraw",  width:"600", height:"225", animation:60,disable:"opacity color size undo"});
</script>

</body>
</html>


не получается, не подскажите где вкралась ошибка

inpudraw сайт http://www.mainada.net/inputdraw

Спасибо

Автор: Ekate 3.3.2008, 14:50
 а если попробовать сделать этот div невидимым получаю ошибку div has no properties... any ideas?
Код


<html>
<head><title>a title</title></head>
<script src="swfobject.js" type="text/javascript"></script>
<script src="inputdraw.js" type="text/javascript"></script>

<body>

<div id="place"></div>
    
<form id="myForm" method="post">
<input type="hidden" id="svgdraw" name="svgdraw">   

<script type="text/javascript">
var draw=new InputDraw("inputdraw.non-commercial.v1.5.swf", "place", {id:"svgdraw",  width:"600", height:"225", animation:60,disable:"opacity color size undo"});
</script>

<table>
<tr><td align="left">
    <input type="radio" name='radio' id="radio1" value='1' onclick="My2('radio1');">
    <label for="radio1">Select from the list</label></td></tr>
<tr><td align="left">
    <input type="radio" name='radio' id="radio2" value='2' onclick="My2('radio2');">
    <label for="radio2">Provide yours gesture</label></td></tr>
</table>            
</form>


<script type="text/javascript">

function ShowElement(value){
    form=document.getElementById("myForm");
    if(value == 1) 
    {    
       var d=document.getElementById('place');
        if (d==null) {alert ("yahhoo");}   // почему-то нулевой объект...
        d.style.display="none";
        
    }
    else 
    {
        d=document.createElement("input");
        d.type="submit";
        d.name="submit";
        d.value="Save";
        form.appendChild(d);
    }
            
}


function My2(id)
{
    radio = document.getElementById(id);
    if (radio.checked){
        ShowElement(radio.value);
     }    
}

</script>



</body>
</html>


Автор: Ekate 3.3.2008, 18:18
проблему решила путем обрамления другим div, спасибо

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)