( ′∀`)σ≡σ☆))Д′)レ(゚∀゚;)ヘ=З=З=Зε≡(ノ´_ゝ`)ノ
<html>
<head>
<title>Mimy</title>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
<script src="js/jquery-1.8.0.min.js"></script>
<script language="JavaScript" type="text/javascript" src="js/jquery.validate.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/engine.js"></script>
<script>
$(document).ready(function(){
$('#user_name').keyup(user_name_check);
});
$(document).ready(function(){
$('#catalogname').keyup(channel_check);
});
$(document).ready(function(){
$('#slug').keyup(slug_check);
});
/*----------------------------------------------------------------------------
*/
function slug_check(){
var slug = $('#slug').val();
if(slug == "" || slug.length < 4){
/*$('#user_name').css('border', '3px #CCC solid');*/
$('#okay-slug').hide();
}else{
jQuery.ajax({
type: "POST",
url: mimiServer+"check.php",
data: 'slug='+ slug,
cache: false,
success: function(response){
if(response == 1){
/*$('#user_name').css('border', '3px #C33 solid');*/
$('#okay-slug').hide();
$('#no-slug').fadeIn();
}else{
/*$('#user_name').css('border', '3px #090 solid');*/
$('#no-slug').hide();
$('#okay-slug').fadeIn();
}
}
});
}
}
/*----------------------------------------------------------------------------
*/
function channel_check(){
var catalogname = $('#catalogname').val();
if(catalogname == "" || catalogname.length < 4){
/*$('#user_name').css('border', '3px #CCC solid');*/
$('#okay-channel').hide();
}else{
jQuery.ajax({
type: "POST",
url: mimiServer+"check.php",
data: 'catalogname='+ catalogname,
cache: false,
success: function(response){
if(response == 1){
/*$('#user_name').css('border', '3px #C33 solid');*/
$('#okay-channel').hide();
$('#no-channel').fadeIn();
}else{
/*$('#user_name').css('border', '3px #090 solid');*/
$('#no-channel').hide();
$('#okay-channel').fadeIn();
}
}
});
}
}
/*----------------------------------------------------------------------------
*/
function user_name_check(){
var user_name = $('#user_name').val();
if(user_name == "" || user_name.length < 4){
/*$('#user_name').css('border', '3px #CCC solid');*/
$('#okay').hide();
}else{
jQuery.ajax({
type: "POST",
url: mimiServer+"check.php",
data: 'user_name='+ user_name,
cache: false,
success: function(response){
if(response == 1){
/*$('#user_name').css('border', '3px #C33 solid');*/
$('#okay').hide();
$('#no').fadeIn();
}else{
/*$('#user_name').css('border', '3px #090 solid');*/
$('#no').hide();
$('#okay').fadeIn();
}
}
});
}
}
</script>
<link rel="stylesheet" href="css/menu-app.css">
<link rel="stylesheet" href="css/mytv.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="css/font.css" type="text/css" charset="utf-8" />
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="getDetails()">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="background-image:url(images/bg.png); background-position:center; ">
<tr>
<td valign="top" width="100%" height="40" >
<table border="0" cellpadding="0" cellspacing="0" height="40" width="100%" class="header-contX" >
<tr>
<td width="139" height="40"><span style="color: #FFF"><img src="images/account.png" width="190" height="55" alt=""></span></td>
<td width="100%" height="40" align="right" style="color: #FFF" background="images/app_03.png" ><a href="#" class="reload" id="1"><span id="check"></span></a></td>
<td width="44" height="40"> </td>
<td width="44" height="40" > </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" valign="top">
<script type="text/javascript">
function getDetails() {
var id = localStorage.getItem('myaccount'); var myaccount = localStorage.getItem('myaccount');
$.post(mimiServer+'service/account_ajx.php?who='+myaccount+'&isdisplay=5', {action: 'get_info', id: id},
function(data){
var form = $("#updateForm");
$("#name", form).val(data.name);
$("#user_name", form).val(data.user_name);
if(data.user_name == undefined)
{
alert("no birthday");
}
}, "json"
);}
</script>
<script>
$(document).ready(function(){
$("#updateForm").validate();
});
</script>
<section style="padding:15px ; background-color:#5dcff3; background:none; color:#FFF">
<br>
<br>
<div id="noticeMain" class="alert alert-warning alert-block" style="margin:5px;-moz-border-radius : 10px;-webkit-border-radius :5px;border-radius : 5px; display:none "> <a onClick="noticeHide()" class="pull-right m-l"><i class="icon-remove"></i></a> <h4><i class="icon-bell-alt"></i>Information</h4> <p id="msg"> </p> </div>
<form method="get" name="updateForm" id="updateForm">
<label class="control-label" id="notice">My Birthday</label>
<div class="form-group">
<span class="combodate">
<select style="width: auto; padding:5px; border:0px" id="day" class="day form-control">
<option selected value="day">Day</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option></select>
<select id="month" style="width: auto;padding:5px; border:0px" class="month form-control">
<option selected value="">Month</option>
<option value="01">Jan</option>
<option value="02">Feb</option>
<option value="03">Mar</option>
<option value="04">Apr</option>
<option value="05">May</option>
<option value="06">Jun</option>
<option value="07">Jul</option>
<option value="08">Aug</option>
<option value="09">Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option></select>
<select id="year" style="width: auto; padding:5px;border:0px" class="year form-control">
<option selected value="">Year</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option></select></span>
</div>
<div class="form-group">
<div class="input-group m-b">
<span class="input-group-addon lt no-border bg-info dk"> @ </span>
<input type="text" placeholder="Choose User Name" class="required form-control input-lg no-border" name="user_name" id="user_name"></div>
</div>
<div class="input-group m-b">
<span class="input-group-addon lt no-border bg-info dk">Name </span><input type="text" id="name" style="color:#000" placeholder="Display Name" class="required form-control input-lg no-border">
</div>
<div class="input-group">
<select name="gender" id="gender" class="input-lg no-border bg-white dk">
<option selected id="gender2" value="" class="input-lg"><span id="gender3">Gender</span></option>
<option value="male" class="input-lg">Male</option>
<option value="female" class="input-lg">Female</option>
</select></div>
<label class="checkbox" style="font-size:12px">
<input name="inlineCheckbox1" value="option1" type="checkbox">
Agree to the policy </label>
<button type="button" onClick="updateFinish();" class="btn btn-warning m-t-lg"><i class="icon-edit"></i>Finish</button>
<div class="checkbox " style="font-size:12px" >
</div>
</form>
<!-- <div class="line line-dashed"></div>
<p class="text-muted text-center" style="color:#FFF"><small>Resend Password to my phone</small></p>
<a href="join.html" class="btn btn-white btn-block"><i class="icon-user"></i>Resend Password</a>-->
</section>
</td>
</tr>
<!--
<tr>
<td height="100%" valign="top"> </td>
</tr>
<tr>
<td width="100%" height="100%" valign="top"> </td>
</tr>-->
</table>
<script src="build/js/intlTelInput.js"></script>
<script>
$("#tel").intlTelInput({
//onlyCountries: ['us', 'gb', 'ch', 'ca', 'do']
//autoFormat: true,
utilsScript: "build/utils.js"
});
</script>
<script type="text/javascript" charset="utf-8" src="js/notification.js"></script>
<script type="text/javascript" charset="utf-8" src="js/json2.js"></script>
</body>
</html>