javascript - How to integrate Jquery with PHP -
when mouse on html button didn't happen anything, expect if mouse on button should show javascript working fine. there way achieve this. new javascript code may wrong.
<!doctype html> <html> <head> <title>javascript</title> <script type="text/javascript"> $(document).ready(function(e) { $(".carts").mouseover(function(){ $(".minicart").css("display","block"); }); $(".carts").mouseleave(function(e) { $(".minicart").css("display","none"); }); } </script> </head> <body> <button class="carts"> add </button> <div style="width:400px;position:absolute;top: 34px;right: 166px;z-index: 99999; background-color:#ffffff; display:none" class="minicart"> <?php $var = 7; if($var == 7) { echo "javascript works fine "; } else { echo "didn't work"; } ?> </div> </body> </html>
<html> <head></head> <body> <button class="carts"> add </button> <div style="width:400px;position:absolute;top: 34px;right: 166px;z-index: 99999; background-color:#ffffff; display:none; border:1px solid black" class="minicart"></div> <!-- import jquery google hosted libraries or can download latest jquery version , use project --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> $(document).ready(function(){ // bind events $(".carts").mouseover(function(){ $(".minicart").css("display","block"); }); $(".carts").mouseleave(function(e) { $(".minicart").css("display","none"); }); }); </script> <?php $var = 7; if($var == 7) { echo "javascript works fine "; } else { echo "didn't work"; } ?> </body> </html>
Comments
Post a Comment