radio btn

by monteslu

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css">
<div id="main" style="display: none;">
<form id="dform" dojoType="dijit.form.Form">
                    <input type="radio" 
                dojoType="dijit.form.RadioButton" name="rb" id="rb1"
                            value="1" enabled="false" />
                            <label for="rb1">
                               disp
                            </label><br>
    
    <input type="radio"
                dojoType="dijit.form.RadioButton" name="rb" id="rb2"
                            value="2" />
                            <label for="rb2">
                               disp 2
                            </label><br><br>
    
    <button id="btn" dojoType="dijit.form.Button">click</button>
    <div id="output"></div>
    <div id="dialog" dojoType="dijit.Dialog">
        <iframe id="iframe"></iframe>
    </div>
</form>
</div>

CSS

.tweetBox{
 background-color : #E9F4FE;
 border: 1px solid black;
 overflow : auto;
 margin:3px;
 padding:3px;
}

#iframe{
 width: 250px;
 height: 400px;  
    
}

JavaScript

dojo.require('dijit.form.Button');
dojo.require('dijit.Dialog');
dojo.require('dijit.form.RadioButton');
dojo.require('dojo.io.script');
dojo.require("dijit.form.Form");

dojo.addOnLoad(function(){
       var rb1 = dijit.byId('rb1');
        var btn = dijit.byId('btn');
    var dform = dijit.byId('dform');
    var output = dojo.byId('output');
    var iframe = dojo.byId('iframe');
    var dialog = dijit.byId('dialog');
        
    dojo.connect(btn,'onClick',function(){
        
        console.log(dform.getValues());
        output.innerHTML = dojo.toJson(dform.getValues());
        dialog.show();
        iframe.src = 'http://cnn.com';
    });
    
    dojo.connect(dialog,'hide',function(){
        output.innerHTML = 'closed';
        
    });
    
    
       
    
    //show main form now that parsing and event hanlding is setup
    dojo.byId('main').style.display = '';
    
});