رفتن به مطلب
Milad123

اضافه کردن دکمه بستن تبلیغ به این کد

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

سلام

به این کد چجوری میشه قابلیت بستن تبلیغ رو اضافه کرد؟


<div id="fixeddiv" style="position: fixed; z-index: 500; left: 1px; bottom: 300px;">
<a target="_blank" href="#" title="بنر">
<img src="/wp-content/uploads/2015/05/Banner2.gif" width="120" height="220"></a>
</div>

اگه روی همین کد راهنمایی کنید خیلی عالی میشه :)

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


لینک به ارسال

سلام

با استفاده از قابلیت hide در جی کوئری می تونید براحتی اینکار رو انجام بدید.

http://www.w3schools.com/jquery/jquery_hide_show.asp

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


لینک به ارسال

سلام،

همونظور که دوستمون گفتن با جی کوئری میشه. مثلا اینجوری میتونید اضافه کنید(البته بسته یه سلیقه خودتون استایلش رو میتونین هرجوری طراحی کنین):


<div id="fixeddiv" style="position: fixed; z-index: 500; left: 1px; bottom: 300px;">
<div style="position:absolute;border:1px solid red;border-radius:50%;height:30px;margin-top:30px;left:90px"><a onclick="$('#fixeddiv').hide()"><img src="close.png" /></a></div>
<a href="#" target="_blank" title="بنر"><img src="/wp-content/uploads/2015/05/Banner2.gif" style="height:220px; width:120px" /></a></div>

پیش نمایش

البته برای کار کردن تابع hide() ، باید در صفحه مورد نظر jquery رو فراخوانی کرده باشید، مثلا به اینصورت داخل <head>:


<head>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>

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


لینک به ارسال

سلام،

همونظور که دوستمون گفتن با جی کوئری میشه. مثلا اینجوری میتونید اضافه کنید(البته بسته یه سلیقه خودتون استایلش رو میتونین هرجوری طراحی کنین):


<div id="fixeddiv" style="position: fixed; z-index: 500; left: 1px; bottom: 300px;">
<div style="position:absolute;border:1px solid red;border-radius:50%;height:30px;margin-top:30px;left:90px"><a onclick="$('#fixeddiv').hide()"><img src="close.png" /></a></div>
<a href="#" target="_blank" title="بنر"><img src="/wp-content/uploads/2015/05/Banner2.gif" style="height:220px; width:120px" /></a></div>

پیش نمایش

البته برای کار کردن تابع hide() ، باید در صفحه مورد نظر jquery رو فراخوانی کرده باشید، مثلا به اینصورت داخل <head>:


<head>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>

ممنون من این کد رو قرار دادم اما کار نمیکنه متاسفانه

ببینید دلیل اینکه میگم حتما همین کد باشه، اینه که میخوام هر بنری رو که میخوام بذارم، بتونم محل نمایش و سایز رو مختص همون بنر مشخص کنم

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

اما این کدی که دارم، میشه برای هر بنر مشخص کرد که کجای صفحه نمایش داده بشه و سایزش چقدر باشه...

حالا من همچین کدی رو همراه با دکمه ی بستن میخوام.

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


لینک به ارسال

شاید جی کوئری رو درست فرخوانی نکردین. چون می بینید که در پیش نمایش هم درست کار میکنه. البته می تونید از یه کد ساده هم استفاده کنید توی div خودتون، مثلا اینو بذارید داخلش:


<a onclick="$('#fixeddiv').hide()"><img src="close.png" style="position:absolute;width:30px;" /></a>

من از این کد در صفحات خودم استفاده کردم...

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


لینک به ارسال

شاید جی کوئری رو درست فرخوانی نکردین. چون می بینید که در پیش نمایش هم درست کار میکنه. البته می تونید از یه کد ساده هم استفاده کنید توی div خودتون، مثلا اینو بذارید داخلش:


<a onclick="$('#fixeddiv').hide()"><img src="close.png" style="position:absolute;width:30px;" /></a>

من از این کد در صفحات خودم استفاده کردم...

ممنون، این بصورت یه ضربدر وسط بنره حتی اگر هم کار کنه به نظرم شکل جالبی نداره!

کدی شبیه کد تبلیغات بلاگفا ندارید؟

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


لینک به ارسال

من این کد رو پیدا کردم :


<div style="width:120px; height:auto; position:fixed; top:0px; right:0px;" id="mainADS">
<div style="background:#966; width:auto; height:20px; padding-bottom:5px; cursor:pointer; text-align:right;" onclick="closeads()">
<img src="http://lrnquick.com/wp-content/uploads/close32.png" style="width:20px; height:20px; margin-right:0px; float:left">
بستن تبلیغات
</div>
<img style="width:120px; height:240px;" src="http://lrnquick.com/wp-content/uploads/120-240-02.gif">
<script type="text/javascript">
function closeads(){
document.getElementById("mainADS").style.display='none';
}
</script>

فقط الان یه مشکل هست :

اونم اینکه وقتی از کد توی صفحه بیش از یکبار استفاده میکنیم، با کلیک روی دکمه بستن تبلیغات تمام تبلیغات باهم بسته میشه نه یکی یکی!

مثلا من توی صفحه اصلی سایت یه بنر سمت راست دارم و یه بنر سمت چپ

برای هر دو، با استفاده از همین کد دکمه ی بستن تبلیغات میذارم.

وقتی مثلا روی دکمه ی بستن بنر سمت چپ کلیک میکنیم، خب طبیعتا باید فقط همون بنر بسته بشه، اما هر دو بنر باهم بسته میشه!

چطوری میشه این تفکیک رو ایجاد کرد؟

آیا میشه با شماره بندی "mainADS" برای هر بنر این مشکل رو رفع کرد؟

یه مورد دیگه هم اینکه چطور میشه جایگاه دقیق بنر رو مشخص کرد؟

ویرایش شده توسط Milad123

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


لینک به ارسال

مشکل بطور کامل رفع شد.

کد هم میذارم که اگه کسی مثل من خواست استفاده کنه و دعامون کنه :D


<div style="width:175px; height:auto; position:fixed; bottom:0px; right:0px;" id="mainADS1">
<div style="background:#966; width:auto; height:20px; padding-bottom:5px; cursor:pointer; text-align:right;" onclick="closeads1()">
<img src="http://lrnquick.com/wp-content/uploads/close32.png" style="width:20px; height:20px; margin-right:0px; float:left">
بستن تبلیغات
</div>
<a target="_blank" href="#" title="دیواری">
<img style="width:175px; height:220px;" src="/wp-content/uploads/2015/05/divari.gif"></a>
<script type="text/javascript">
function closeads1(){
document.getElementById("mainADS1").style.display='none';
}
</script>
</div>

توی قسمت های جاوا اسکریپتم که عدد 1 استفاده شده، برای تکرار کد داخل یه صفحه، کافیه اون عدد رو برای هر کد تغییر بدید.

ممنون از همگی ;)

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


لینک به ارسال

مشکل بطور کامل رفع شد.

کد هم میذارم که اگه کسی مثل من خواست استفاده کنه و دعامون کنه :D


<div style="width:175px; height:auto; position:fixed; bottom:0px; right:0px;" id="mainADS1">
<div style="background:#966; width:auto; height:20px; padding-bottom:5px; cursor:pointer; text-align:right;" onclick="closeads1()">
<img src="http://lrnquick.com/wp-content/uploads/close32.png" style="width:20px; height:20px; margin-right:0px; float:left">
بستن تبلیغات
</div>
<a target="_blank" href="#" title="دیواری">
<img style="width:175px; height:220px;" src="/wp-content/uploads/2015/05/divari.gif"></a>
<script type="text/javascript">
function closeads1(){
document.getElementById("mainADS1").style.display='none';
}
</script>
</div>

توی قسمت های جاوا اسکریپتم که عدد 1 استفاده شده، برای تکرار کد داخل یه صفحه، کافیه اون عدد رو برای هر کد تغییر بدید.

ممنون از همگی ;)

تو این کد اگه بخوام وقتی کاربر روی دکمه بستن کلیک کرد دوباره تبلیغ واسش باز نشه باید چیکار کنم؟

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


لینک به ارسال

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

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • اضافه کردن...