vendredi 20 mars 2015

checkbox doesnt show checked sign on click


this is very simple but i didn't find where i am doing wrong plz help me!

1. on click of "request_for_celeb_page_title" i am showing a div "request_for_celeb_page_box"
2.this box contains a checkbox and input type file and toggle button
but after opening box when i am clicking checkbox or input type there is no checked sign or seems no event is fired

here is the neccesary code
**html**
<div id="request_for_celeb_page_title">
<table cellspacing="0" cellpadding="0" border="0" >
<tr>
<td><div><img src="img/Star.png"/><img src="img/white_plus1.png" style="position:absolute; top:-3px; right:-3px;"/></div></td>
<td width="5"></td>
<td><div class="upper mt2 cp white ft700">Request a celeb page</div></td>
</tr>
</table>
</div>
<div class="request_celeb_page" id="request_for_celeb_page_box"><?php include"request_celeb.php";?></div>
request_celeb.php
<div class="mt5 clearfix ">


<div class="fl yellow_button mr10">
<div class="cp3hovereffects">
<input type="file" name="uploadPickid" id="uploadPickid" accept="image/x-png, image/gif, image/jpeg" />
</div>
</div>
<div class="fl mt10"><img src="img/refresh.png"/></div>
<div class="fl mt5">&nbsp; pic.jpeg</div>
<div class="cb"></div>
</div>

<div class="clearfix mt10">
<div class="fl mr10 roundcheck "><input type="checkbox" value="2" id="checkboxFour1Input" name="check" /><label for="checkboxFour1Input"></label> </div>
<div class="fl w254">By clicking 'Register Now', you agree to our <a href="#" class="blue">Terms </a> and that you have read our <a href="#" class="blue">Data Use Policy,</a> including our <a href="#" class="blue">Cookie Use.</a></div>
<div class="cb"></div>
</div>
**css**
.request_celeb_page{position:absolute; left:-90px; top:30px; z-index:9999; display:none;}


js $("#request_for_celeb_page_title").click(function(){ $("#request_for_celeb_page_box").fadeToggle(300); $("#notification_box").hide();

$("#message_box").hide(); return false;

}); $(document).click(function() { $("#request_for_celeb_page_box").hide(); }); $("#request_for_celeb_page_box").click(function() { return false; });


these all are happening due to display none property of box if i change this then it begins normal working





Aucun commentaire:

Enregistrer un commentaire