• اطلاعیه ها

    • Saeed Fard

      پوشش زنده وردکمپ ۲۰۱۸ اروپا توسط وردپرس پارسی   23/03/97

      اگر کاربر وردپرس هستید حتما تا به حال اسم وردکمپ رو شنیدید، کمپ و دورهمی بزرگ توسعه‌دهنده‌ها و کاربران وردپرس که سالانه در کشورهای مختلف برگزار میشه تحت عنوان وردکمپ هستش که از سمت مراجع اصلی وردپرس حمایت و برگزار می‌شه.   این‌ بار در سال 2018 وردکمپ اروپا در شهر بلگراد کشور صربستان در حال برگزاری هستش، این رویداد طی سه روز 24 تا 26 تیر ماه (June 14-16) برگزار میشه، در این رویداد مصطفی صوفی از وردپرس پارسی و به نمایندگی تمامی کاربران وردپرس فارسی حضور داره. وردپرس پارسی رویداد وردکمپ 2018 اروپا رو به صورت زنده توسط مصطفی پوشش می‌ده و در صورت علاقه‌مندی به این مراسم می‌تونید از طریق وردپرس پارسی دنبالش کنید.در حال حاضر یک روز از این مراسم گذشته که گزارش اون در قسمت پوشش زنده قرار گرفته. برای دنبال کردن مراسم وردکمپ اروپا به صورت لحظه‌ای به صفحه پوشش زنده در قسمت زیر مراجعه کنید. همینطور در آینده منتظر خبر برگزاری اولین وردکمپ در ایران توسط وردپرس‌پارسی باشید. https://wp-parsi.com/wceu-2018

      لینک خبر در وردپرس پارسی : https://wp-parsi.com/wceu-2018-live  
reza_5180

مشکل در کار با تگ div

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

ارسال شده در (ویرایش شده)

سلام دوستان

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

اینکار رو انجام دادم و وقتی این لینک رو دقیقا بعد از تگ body میزارم و روش کلیک میکنم به درستی عمل میکنه

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

بلکه داخل همون بلاک خودش که با تگ div درست شده نشون میده

چطور از این div های تو در تو خارج شم؟

ویرایش شده در توسط reza_5180
0

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


لینک به پست

درود بر شما,

اصولا شما باید آخرین Div را برای خارج کردن در نظر بگیرید . همچنین سعی کنید کدهاتونو با فرمت استاندارد بنویسید که هم خوانایی و هم زیبایی داشته باشد.


<div>
<div>
<div>
</div>
</div>
</div>

برای تشخیص دادن هم بهتره از آخرین نگارش نرم افزار Adobe استفاده کنید منظورم Adobe Dreamweaver CC ( همراه با آپدیت ها )

همانند نمونه زیر :

74927979204257082931.png

خواص Class و Id هم میتونه تاثیر گذار باشه ... فکر کنم احتیاج باشه که کد رو قرار بدید وگرنه اگر توضیحات ( که فکر نکنم ) قابل فهم هست میتونید از همین روش استفاده کنید.

1

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


لینک به پست

آدرس سایت یا کد پاپ آپ رو بدید (اینکه پنجره کجا باز بشه بستگی به کد جاوا اسکریپت فراخوانی پاپ آپ داره)

0

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


لینک به پست

ارسال شده در (ویرایش شده)

این موضوع رو میدونم

مثل این که متوجه سوالن نشدید

اگه من این کد صفحه پاپ آپ رو جایی قرار بدم که هیچ تگ div ای دخالت نداشته باشه، این صفحه پاپ آپ به درستی روی صفحه به طور کامل نشون داده میشه

اما اگه من این لینک رو ببرم جایی که داخل چند تا تگ div و تگ header قرار داشته باشه با این مشکل مواجه میشم که صفحه پاپ آپ در همون بالا داخل hedear سایت نشون میده

اینم کد اون قسمت از کد قالبم


<header>
<div class="container clearfix">
<div class="row">
<div class="span12">
<div class="navbar navbar_">
<div class="container">
<h1 class="brand brand_"><a href="index.html"><img alt="" src="http://www.safs.ir/cyber/img/logo.png"> </a></h1>
<a class="btn btn-navbar btn-navbar_" data-toggle="collapse" data-target=".nav-collapse_">menu<span class="icon-bar"></span> </a>
<div class="nav-collapse nav-collapse_ collapse">
<ul class="nav sf-menu">
<li><a href="#box1">111</a></li>
<li class="sub-menu"><a href="">222</a>
<ul>
<li><a id="onclick">222-1</a></li>
<div id="contactdiv">
<div id="contact"><img src="cancel.png" class="img" id="cancel"/></div>
Hi
</div>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>

این یه قسمت که زیر مخصوص پاپ آپه


<li><a id="onclick">222-1</a></li>
<div id="contactdiv">
<div id="contact"><img src="cancel.png" class="img" id="cancel"/></div>
Hii
</div>

این کد جاوا اسکریپتش


<script type="text/javascript">
$(document).ready(function() {
setTimeout(popup, 3000);
function popup() {
$("#logindiv").css("display", "block");
}
$("#login #cancel").click(function() {
$(this).parent().parent().hide();
});
$("#onclick").click(function() {
$("#contactdiv").css("display", "block");
});
$("#contact #cancel").click(function() {
$(this).parent().parent().hide();
});
});
</script>

ویرایش شده در توسط reza_5180
0

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


لینک به پست

یک </div> کم گذاشته بودید

<header>
<div class="container clearfix">
<div class="row">
<div class="span12">
<div class="navbar navbar_">
<div class="container">
<h1 class="brand brand_"><a href="index.html"><img alt="" src="http://www.safs.ir/cyber/img/logo.png"> </a></h1>
<a class="btn btn-navbar btn-navbar_" data-toggle="collapse" data-target=".nav-collapse_">menu<span class="icon-bar"></span> </a>
<div class="nav-collapse nav-collapse_ collapse">
<ul class="nav sf-menu">
<li><a href="#box1">111</a></li>
<li class="sub-menu"><a href="">222</a>
<ul>
<li><a id="onclick">222-1</a></li>
<div id="contactdiv">
<div id="contact"><img src="cancel.png" class="img" id="cancel"/></div>
Hi
</div>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</header>

1

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


لینک به پست

ممنون که گفتید

اما مشکل من حل نشد

0

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


لینک به پست

لطفا آدرس سایتی که پاپ روشه بذارید (کد مشکلی نداره و داره با کلیک شدن لینک یه بخش از سایت نمایش داده میشه )

نحوه نمایش اون بخش مربوط به کدهای CSS مربوطه داره

0

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


لینک به پست

آها ببخشید من سوال رو درست نخونده بودم ، عذرخواهی میکنم.

این کد رو دقیقاً برای چی استفاده میکنید؟

0

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


لینک به پست

این آدرس

http://cyber.shblog.ir/

وقتی روی "درباره ما" کلیک کنید میبینید پاپ آپ در همون قسمت اجرا می شود

این کد برای این کار میخوام که مثلا چند تا امکانات مثل اوقات شرعی داخلش اجرا بشه

0

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


لینک به پست

خوب دوست عزیز معلومه که اگه پاپ آپ در داخل دایو تعریف بشه در قسمت مربوط به اون دایو باز میشه (دایو ها اول کلمه دیویژن یا همون جدا کننده هستند) واگر مهمترین وظیفشون یعنی جداکنندگی رو درست انجام ندن دیگه دایو نیستن!

0

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


لینک به پست

کد شما پاپ آپ نیست یک بالونه

اگر می خواهید موقعیت بالونتون در صفحه ثابت باشه و تحت تاثیر اسکرول یا دایوی قرار نگیره بهش خاصیت position:fixed بدید

در حال حاضر احتمالا خاصیت position:absolute براش تعریف شده که در اینصورت اگر در عناصر والد عنصری خاصیت position:relative داشته باشه بالون مختصات نمایشش رو از اون می گیره پس یا باید بالون را از عنصر relative خارج کنید یا به خاصیت پوزیشنش مقدار fixed بدید یا خاصیت پوزیشن عناصر والد را static کنید

4

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


لینک به پست

خیلی خیلی ممنون

با تغییر کد position:absolute به position:fixed درست شد

متشکر

2

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


لینک به پست

دوستان یه مشکل دیگه با همین بالن پیدا کردم گفتم همین جا بگم. الان من از این بالن در یه گزینه استفاده میکنم کامل درست کار میکند. اما اگه بخوام به یه گزینه دیگه این قابلیت بالن رو بدم ، گزینه ای که اول دادم دیگه این قابلیت رو نداره و گزینه جدیده فقط قابلیت بالن رو پیدا میکنه. چی کار کنم که هر تعداد گزینه ای که خواستم، بتونم این قابلیت رو بهش بدم؟

0

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


لینک به پست

<script type="text/javascript">
$(document).ready(function() {
setTimeout(popup, 3000);
function popup() {
$("#logindiv").css("display", "block");
}
$("#login #cancel").click(function() {
$(this).parent().parent().hide();
});
$("#onclick").click(function() {
$("#contactdiv").css("display", "block");
});
$("#onclick1").click(function() {
$("#contactdiv1").css("display", "block");
});
$("#contact #cancel").click(function() {
$(this).parent().parent().hide();
});
});
</script>
<li><a id="onclick">222-1</a></li>
<div id="contactdiv">
<div id="contact"><img src="cancel.png" class="img" id="cancel"/></div>
Hii
</div>
<li><a id="onclick1">222-1</a></li>
<div id="contactdiv1">
<div id="contact"><img src="cancel.png" class="img" id="cancel"/></div>
Hii 1
</div>

2

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


لینک به پست

درست نشد استاد. یعنی هیچ اتفاقی نمی افته

حتی تو css هم onclick1 مثل onclick درست کردم

0

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


لینک به پست

این contactdiv رو هم تبدیل به contactdiv1 کردید؟

به کدها دقت کنید

1

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


لینک به پست

ارسال شده در (ویرایش شده)

بله تبدیل کردم اما نشد

ویرایش شده در توسط reza_5180
0

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


لینک به پست

از این کد استفاده کنید

http://jsfiddle.net/wnsm1n1s/5/

0

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


لینک به پست

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

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

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

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


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

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

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


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