Mahdi.Victory
جمعه 23 اسفند 1392, 14:36 عصر
سلام دوستان این کد با کلیک بر روی دکمه "نمایش پیغام" یک پیغام را به مدت زمانی که تعیین میشه نمایش میده,
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<style>
.message-box {
padding: 15px;
text-align: center;
border-radius: 5px;
background-color: #e5e5e5;
display: none;
box-shadow: 0 0 4px 0 #666;
border: 1px solid #fff;
font: normal 13px tahoma;
position: fixed;
width: 40%;
top: 25px;
left: 30%;
z-index: 50;
text-shadow: 0 0 1px #fff;
direction: rtl;
}
.message-box img {
vertical-align: middle;
}
.screen {
position: fixed;
width: 100%;
height: 100%;
opacity: .7;
background-color: #fff;
top:0;
left:0;
z-index:45;
display:none;
padding:0;
margin:0;
}
.sample-btn {
font: normal 12px tahoma;
padding: 5px 10px;
}
</style>
<script>
function showMessage(){
$('.message-box').slideDown().delay(3000).slideUp();
$('.screen').delay(3500).fadeOut();
}
$(function(){
$('.sample-btn').on('click',function(){$('.screen').fadeIn(), showMessage()});
});
</script>
</head>
<body>
<button class="sample-btn">نمایش پیغام</button>
<div class="screen"></div>
</body>
حالا من میخوام این پیغام وقتی صفحه باز میشه یا همون لود که شد نمایش بده و بسته بشه,
این قسمت
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
رو هم بگید چه فایلی را باید بجاش درج کنم,چون انلایین نیست این برنامه
یا اگه راه بهتری در نظر دارید راهنمایی کنید
یک سوال دیگه هم داشتم
من در فرمها برای نمایش یک پیغام(مثلا خالی بودن فیلد) از کد
else{echo "<script type='text/javascript'> alert('نام را وارد کنید!!!') </script>";}
استفاده می کنم
یک مشکلی که هست صفحه رو رفرش می کنه,
و اطلاعاتی که در فیلدهای قبلی درج شده پاک میشه
میخوام فقط پیغام نمایش داده بشه بدون رفرش و پاک شدن مقدارهای فیلدهای قبلی
و خیلی هم پیچیده نباشه
ممنون از همه
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<style>
.message-box {
padding: 15px;
text-align: center;
border-radius: 5px;
background-color: #e5e5e5;
display: none;
box-shadow: 0 0 4px 0 #666;
border: 1px solid #fff;
font: normal 13px tahoma;
position: fixed;
width: 40%;
top: 25px;
left: 30%;
z-index: 50;
text-shadow: 0 0 1px #fff;
direction: rtl;
}
.message-box img {
vertical-align: middle;
}
.screen {
position: fixed;
width: 100%;
height: 100%;
opacity: .7;
background-color: #fff;
top:0;
left:0;
z-index:45;
display:none;
padding:0;
margin:0;
}
.sample-btn {
font: normal 12px tahoma;
padding: 5px 10px;
}
</style>
<script>
function showMessage(){
$('.message-box').slideDown().delay(3000).slideUp();
$('.screen').delay(3500).fadeOut();
}
$(function(){
$('.sample-btn').on('click',function(){$('.screen').fadeIn(), showMessage()});
});
</script>
</head>
<body>
<button class="sample-btn">نمایش پیغام</button>
<div class="screen"></div>
</body>
حالا من میخوام این پیغام وقتی صفحه باز میشه یا همون لود که شد نمایش بده و بسته بشه,
این قسمت
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
رو هم بگید چه فایلی را باید بجاش درج کنم,چون انلایین نیست این برنامه
یا اگه راه بهتری در نظر دارید راهنمایی کنید
یک سوال دیگه هم داشتم
من در فرمها برای نمایش یک پیغام(مثلا خالی بودن فیلد) از کد
else{echo "<script type='text/javascript'> alert('نام را وارد کنید!!!') </script>";}
استفاده می کنم
یک مشکلی که هست صفحه رو رفرش می کنه,
و اطلاعاتی که در فیلدهای قبلی درج شده پاک میشه
میخوام فقط پیغام نمایش داده بشه بدون رفرش و پاک شدن مقدارهای فیلدهای قبلی
و خیلی هم پیچیده نباشه
ممنون از همه