shayan

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

11 پست در این موضوع قرار دارد

سلام

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

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

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

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

http://candomelk.ir/show_requests.php

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

سپاس

0

به اشتراک گذاری این پست


لینک به پست

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

مثلا اینکه قبل از ایجاد تایپیک باید اول انجمن رو جستجو می کردید (این مورد بیش از 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>

4

به اشتراک گذاری این پست


لینک به پست

کار نکرد

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

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

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

ممنون

0

به اشتراک گذاری این پست


لینک به پست

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

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

3

به اشتراک گذاری این پست


لینک به پست

درست شد

ممنون

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

امکانش هست؟

0

به اشتراک گذاری این پست


لینک به پست

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


http://getbootstrap.com/

1

به اشتراک گذاری این پست


لینک به پست

ممنون استاد

یه مسئله دیگه

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

2

به اشتراک گذاری این پست


لینک به پست

یه مشکل دیگه

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط Aria.021
      سلام دوستان.
      این دمو رو ببینید: https://jsfiddle.net/jfriend00/v9g1x0o6/
      من میخوام یه تکست داشته باشم که با یه دکمه کپی بشه و کدش هم همینه.
      حالا من نمیدونم اون کد جاوا رو چطوری به قالبم اضافه کنم که بتونم توی single.php فراخوانی کنمش!
      توی function هم گذاشتم ، پوسته هنگ کرد.
      ممنون میشم راهنمایی کنید.
    • توسط DariushGreat
      سلام
      من از کد زیر برای نمایش فهرست‌هام بهره می‌گیرم
      jQuery(document).ready(function(){ $(".root li").hover( function p() { $(this).addClass("current").find(".sl").addClass("nav-hover") }, function w() { $(this).removeClass("current").find(".sl").removeClass("nav-hover") }); }); مشکل اینه که به هنگام رفتن موس روی گزینه تندی ظاهر می‌شه و با رفتن موس تندی می‌ره! می‌خوام هنگامی‌که موس از روی گزینه‌ها می‌ره کنار، یه مدتی فهرست باز بمونه. چی کار کنم؟
       
      ممنون برای کمک
    • توسط DariushGreat
      سلام
      افزونه lazy load تداخل جی‌کوئری داره و باعث می‌شه عکسا بارگزاری نشن. چی کار کنم؟
      ممنون برای کمک
    • توسط Sange Sabur
      سلام دوستان
      من میخوام یک منوی ثابت فیکس در انتهای سایت داشته باشم و و وقتی به آخر سایت اسکرول میشه برای اینکه این منو روی فوتر رو نپوشونه با جیکوئری یه کلاس دیگه بهش بدم تا حذف بشه
      لطفا راهنمایی بفرمائید