docker/relationship
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated DEMO面板调整

Browse Source
This commit is contained in:
mumuy 2016-07-27 14:20:28 +08:00
parent 7b924454e8
commit 862a8b908a
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@ -14,18 +14,20 @@
<div class="mod-panel"> <div class="mod-panel">
<div class="hd"><h1>中国家庭称谓计算器</h1></div> <div class="hd"><h1>中国家庭称谓计算器</h1></div>
<div class="bd"> <div class="bd">
<p>我的性别：
<label for="male"><input id="male" type="radio" name="sex" value="1" checked>男</label>
<label for="female"><input id="female" type="radio" name="sex" value="0">女</label>
</p>
<p>计算类型： <p>计算类型：
<label for="default"><input id="default" type="radio" name="type" value="default" checked>找称呼</label> <label for="default"><input id="default" type="radio" name="type" value="default" checked>找称呼</label>
<label for="chain"><input id="chain" type="radio" name="type" value="chain">找关系</label> <label for="chain"><input id="chain" type="radio" name="type" value="chain">找关系</label>
</p> </p>
<p>称呼方式： <div class="group">
<label for="call"><input id="call" type="radio" name="reverse" value="0" checked>我称呼对方</label> <p>我的性别：
<label for="called"><input id="called" type="radio" name="reverse" value="1">对方称呼我</label> <label for="male"><input id="male" type="radio" name="sex" value="1" checked>男</label>
</p> <label for="female"><input id="female" type="radio" name="sex" value="0">女</label>
</p>
<p>称呼方式：
<label for="call"><input id="call" type="radio" name="reverse" value="0" checked>我称呼对方</label>
<label for="called"><input id="called" type="radio" name="reverse" value="1">对方称呼我</label>
</p>
</div>
<p> <p>
<textarea id="input" placeholder="人物间用'的'字分开…"></textarea> <textarea id="input" placeholder="人物间用'的'字分开…"></textarea>
</p> </p>
@ -77,11 +79,12 @@
<script src="script/relationship.js"></script> <script src="script/relationship.js"></script>
<script> <script>
(function(){ (function(){
var $sex = document.getElementsByName('sex');
var $type = document.getElementsByName('type'); var $type = document.getElementsByName('type');
var $sex = document.getElementsByName('sex');
var $reverse = document.getElementsByName('reverse'); var $reverse = document.getElementsByName('reverse');
var $radio = document.getElementsByTagName('INPUT'); var $radio = document.getElementsByTagName('INPUT');
var $textarea = document.getElementsByTagName('TEXTAREA'); var $textarea = document.getElementsByTagName('TEXTAREA');
var $group = DOMUtil.getElementsByClassName('group')[0];
var $btns = DOMUtil.getElementsByClassName('btn'); var $btns = DOMUtil.getElementsByClassName('btn');
var $buttons = DOMUtil.getElementsByClassName('input-button'); var $buttons = DOMUtil.getElementsByClassName('input-button');
var toggle = function(sex){ var toggle = function(sex){
@ -126,6 +129,7 @@
for(var i=0;i<$radio.length;i++){ for(var i=0;i<$radio.length;i++){
$radio[i].onchange=function(){ $radio[i].onchange=function(){
toggle($sex[0].checked); toggle($sex[0].checked);
$group.style.display = $type[0].checked?'block':'none';
if($textarea[1].value){ if($textarea[1].value){
count(); count();
} }