PDA

View Full Version : [Help] Help me with the JavaScript


thanhhungtn1
08-04-2011, 06:17 PM
I have got a JS code to make an topup notice with close button.
When I added it into my footer template, It show on well. But I can't click close button, nothing's happened. Please check this code and help me to correct it.
Thanks so much
This is the code:

<style type='text/css'>
.notification{height:70px;width:480px;display:bloc k;position:fixed;bottom:10px;left:10px;/*Border Radius*/border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;/*Box Shadow*/-moz-box-shadow:2px 2px 2px #cfcfcf;-webkit-box-shadow:2px 2px 4px #cfcfcf;box-shadow:2px 2px 2px #cfcfcf}
.notification span{background:url(https://lh5.googleusercontent.com/_U0QaeycS3vw/Taqu74WricI/AAAAAAAAAkE/eEcZwcRj0ko/close.png) no-repeat right top;cursor:pointer;display:block;width:19px;height :19px;position:absolute;top:-9px;right:-8px}
.notification p{width:400px;font-family:Arial,Helvetica,sans-serif;color:#323232;font-size:14px;line-height:21px;text-align:left;float:right;margin:10px 15px 0 0;*margin-top:15px;/*for lt IE8*/padding:0;/* TEXT SHADOW */ text-shadow:0 0 1px #f9f9f9}
.warning{border-top:1px solid #fefbcd;border-bottom:1px solid #e6e837;/*Background Gradients*/background:#feffb1;background:-moz-linear-gradient(top,#feffb1,#f0f17f);background:-webkit-gradient(linear,left top,left bottom,from(#feffb1),to(#f0f17f))}
.warning:before{content:url(https://lh3.googleusercontent.com/_U0QaeycS3vw/Taqu7wyV6rI/AAAAAAAAAkI/726O1B0-O94/warning.png);float:left;margin:15px 15px 0 25px}
.warning strong{color:#e5ac00;margin-right:15px}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){$('.notification').ho ver(function(){$(this).css('cursor','auto');});$(' .notification span').click(function(){$(this).parent().fadeOut(8 00);});});</script>
<div class='notification warning'><span/>
<p><strong>Warning!</strong>Đ?y l? một th?ng b?o. Click v?o button ở b?n phải để tắt.</p></div>

preemz10314
08-04-2011, 08:05 PM
im pretty you need to add in the close popup code to that

thanhhungtn1
08-05-2011, 03:15 AM
Can you help me with that code? when I tried with the html file it worked, but when add it into template it didn't.
Please help me fix that code :)