درخواست سورس جیکوئری ساده

shayan · مهر 93

سلام

دوستان من تو قسمت هدر سایتم یه قسمتی رو تعبیه کردم با عنوان "برنامه بعدی"

و میخوام بعد از این که اون طرف روی اون عنصر کلیک کرد یه پنجره ای باز بشه که البته بشه از یه جایی مثلا ابزارک محتواش رو مدیریت کرد

دقیقا یه همچین چیزی تو ذهنمه

این سایت رو باز کنید

http://candomelk.ir/show_requests.php

تو ستون عملیات رو مشاهده که کلیک کنید کاملا متوجه منظور بنده خواهید شد

سپاس

imanfakhar · مهر 93

شما تمام قوانین انجمن رو خوندید؟

مثلا اینکه قبل از ایجاد تایپیک باید اول انجمن رو جستجو می کردید (این مورد بیش از 100 تایپیک داره)

یا اینکه باید شرح سئوالتون رو کامل و مشروح بنویسید و نباید کاربران را ارجاع بدید به یک لینک دیگه تا متوجه سئوالتون بشند؟

وقتی قوانین را خوندید و فقط بخشی که به دردتون می خوره رو ازش گزینش کردید آدم احساس می کنه داره بهش توهین می شه ...

بگذریم


<!DOCTYPE html>
<html dir="rtl">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>lightbox</title>
<style type="text/css">
a {
color:#888;
text-decoration:none;
}
a:hover {
color:#000;
}
.myBoxInner {
position:fixed;
display:block;
left:0;
right:0;
top:0;
bottom:0;
padding:10% 25%;
background-color:rgba(0, 0, 0, .5);
z-index:999999;
}
.myBox {
display:block;
padding:0;
background-color:azure;
overflow:hidden;
border-radius:6px;
}
.myBox-header {
display:block;
background-color:aliceblue;
padding:10px;
border-bottom:1px #FFF solid;
}
.myBox-entry {
padding:15px;
font-size:18px;
margin-bottom:100px;
border-top:1px #D5EBFF solid;
}
</style>
<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".myBoxInner,.myBox").hide();
$("button").click(function() {
$(".myBoxInner").fadeIn(1000).find(".myBox").delay(1200).slideDown(500);
});
$(".closeBox").click(function() {
$(this).parents(".myBox").slideUp(500).parent(".myBoxInner").delay(200).fadeOut(800);
})
});
</script>
</head>
<body>
<div class="myBoxInner">
<div class="myBox">
  <div class="myBox-header">
  <a href="#" class="closeBox">×</a>
  </div>
  <div class="myBox-entry">
متن توضیح متن توضیح متن توضیح متن توضیح متن توضیح متن توضیح متن توضیح متن توضیح
</div>
</div>
</div>
<div class="item"><button>توضیحات</button></div>
</body>
</html>

shayan · مهر 93

کار نکرد

کپی کردم تو یه فایل به نام index.html و با مرورگر های متعدد بازش کردم

ولی از همون ابتدا بدون هیچ کلیکی صفحه لایت باکس شده رو نشون میده و با زدن ضربدر هم نمیره

بررسی کنید لطفا

ممنون

imanfakhar · مهر 93

کدها را اشتباه گذاشتید

http://jsfiddle.net/fakhar/7ex58jcx/

shayan · مهر 93

درست شد

ممنون

فقط این که اگر بشه از خارج از صفحه(از بالا) حرکت کنه و بیاد پایین و بعد از ضربدر زدن محو بشه خیلی خوب میشه

امکانش هست؟

Ehsaan · مهر 93

سایت مدنظر شما از فریم‌ورک Bootstrap استفاده کرده، اگه شما میخواید مثل این سایت بشه، از این فریم ورک استفاده کنید.


http://getbootstrap.com/

imanfakhar · مهر 93

http://jsfiddle.net/fakhar/7ex58jcx/2/

shayan · مهر 93

ممنون استاد

یه مسئله دیگه

تو مرورگر کروم وقتی سایت رو رفرش میکنم اول اون لایت باکس نشون داده میشه بعد محو میشه

میشه اینو کاریش کرد؟؟

imanfakhar · مهر 93

این رو از کد حذف کنید

[/size]
$(".myBoxInner,.myBox").hide();

و به هر دو کلاس در css خاصیت display:none بدید

shayan · مهر 93

یه مشکل دیگه

زمانی که دکمه submit فرم تماس با ما رو میزنم

این لایت باکس نمایش داده میشه !!!

imanfakhar · مهر 93

این دیگه خداوکیلی مشکلی نیست که تو انجمن مطرحش کنید

سلکتور کد در حال حاضر button است یک کلاس به button هایی که قراره اینکار را انجام بدند بدید و سلکتور را به اون کلاس تغییر بدید

ورود

درخواست سورس جیکوئری ساده

پست های پیشنهاد شده

shayan 116

لینک به ارسال

imanfakhar 26231

لینک به ارسال

shayan 116

لینک به ارسال

imanfakhar 26231

لینک به ارسال

shayan 116

لینک به ارسال

Ehsaan 1865

لینک به ارسال

imanfakhar 26231

لینک به ارسال

shayan 116

لینک به ارسال

imanfakhar 26231

لینک به ارسال

shayan 116

لینک به ارسال

imanfakhar 26231

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها