-
September 13th, 2012, 11:23
#1
صفحه popup برای محصولات بصورت معمولی یا آژاکس
سلام دوستان عزیز و مهندسین گرامی
دوستان کسی میتونه کمک کنه تا ببینیم میتونیم صفحه popup برای محصولات با تکنولوژی جی کوئری یا آژاکس درست کنیم , به این صورت که توضیح محصول زیاده پس ما لینکی با عنوان توضیح بیشتر میزاریم و وقتی کاربر روش کلیک کرد بدون بسته شدن صفحه توضیحات بیشتر بصورت آژاکس یا ... ظاهر شه.
مثل این سایت : http://www.tarhine.com/cart.php
البته این سایت از جاوا اسکریپت استفاده کرده که درست کردنش ساده هست ولی من میخوام آژاکس یا جی کوئری باشه چون امنیتش بالاست و تمام مرورگرها ساپورتش می کنن.
ویرایش توسط سید محمد حسینی : September 13th, 2012 در ساعت 11:33
-
-
September 13th, 2012 11:23
# ADS
-
September 13th, 2012, 16:45
#2
پاسخ : صفحه popup برای محصولات بصورت معمولی یا آژاکس
سلام مجدد
بیش از 4 ساعت هست که اینو گذاشتم ولی هیچکی جواب نداد
تو این 4 ساعت بیکار نبودم
و خودم با جی کوئری که فوق العاده هست درست کردم.
اینجا میزارم تا بقیه هم استفاده کنند.
ساخت پنجره های Popup با جی کوئری | مدرسه وب ایران | آموزش طراحی وب سایت
یه مقدار تغییرات لازمه:
js ها رو تو پوشه خودش در قالب بریزین
css رو با یه نام stylepopup.css تغییر نام بدین در پوشه اصلی قالب بریزین
بقیه عکسها بدرد نمی خوره فقط عکس modal-gloss.png بازم بریزین توی همان شاخه اصلی
توی header قبل از تگ </head> کدهای زیر رو بزارین :
<script src="templates/{$template}/js/jquery.min.js" type="text/javascript"></script>
<script src="templates/{$template}/js/jquery.reveal.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="templates/{$template}/stylepopup.css" />
بعد از <body> هم متنها تون رو جایگزین کنین و با کدهای زیر بزارین :
<!--popup -->
<div id="myModal" class="reveal-modal">
<h4>تست پنجره جدید</h1>
<p>تست متن</p>
<a class="close-reveal-modal">×</a>
</div>
آخرین مرحله کد زیر رو در قسمت تعریف محصول --- توضیحال محصول بزارید و تمام
<a href="#" data-reveal-id="myModal">توضیح بیشتر</a>
خیلی خیلی قشنگ شد.
گلایه از دوستان و مهندسین عزیز : کسانی مثه من که میان اینجا و نیاز به راهنمایی و کمک دارن، دستشون رو بگیرید. ( ذکات علم ، نشر آن است )
-
پاسخ با نقل قول