سعید شعبانی 2047 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 سلام امیدوارم که عنوان رو اشتباه نزده باشم من می خواهم که دو بخش که توسط ابزارک ساخته شده است یکی شوند و با کلیک بر روی هر یک از عناوین لینک های مربوط به آن بخش نشان داده شود. فرقی هم ندارد که با ابزارک بتوان ساخت یا اینکه به صورت دستی ولی فقط نمی خواهم از افزونه استفاده کنم. در تصویر زیر هم به گونه ای ساده نشان داده ام که چه چیزی لازم دارم. نقل قول لینک به ارسال
عبدالماجد 3203 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 بفرمایید!البته خودتون باید توش تغییر بدید تا طبق نظرتون در بیاد. 4 نقل قول لینک به ارسال
Morteza 34190 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 اسم اینها tab هست. توی انجمن هم معرفی شده. 4 نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در آذر 91 مالک گزارش بازنشر ارسال شده در آذر 91 بفرمایید!البته خودتون باید توش تغییر بدید تا طبق نظرتون در بیاد.آموزش هایی که در این سایت و دیگر سایت ها دیدم را در لوکال اجرا کردم و هیچکدام جواب ندادند. و همه آنها متنی که باید برای هر تب نشان داده شود را در پایین تب ها پشت سر هم نشان می دادند اگر ممکن است همینجا کد html و css نهایی را قرار دهید. نقل قول لینک به ارسال
Morteza 34190 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 انتخاب کنید:http://webdesignledger.com/tutorials/11-useful-jquery-tab-navigation-solutions 3 نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در دی 91 مالک گزارش بازنشر ارسال شده در دی 91 (ویرایش شده) من از بین این موارد مورد زیر را انتخاب کردم. اما نمی دونم که js زیر را کجا باید بگذارم.http://www.unwrongest.com/projects/tabify/$('#menu').tabify(); ویرایش شده دی 91 توسط dnoj-ir نقل قول لینک به ارسال
kasra 4929 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 در پوستتون بین تگ head بزارید نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در دی 91 مالک گزارش بازنشر ارسال شده در دی 91 من کد رو به صورت زیر در head گذاشتم ولی عمل نکرد.<script type="text/javascript">$('#menu').tabify();</script> نقل قول لینک به ارسال
Morteza 34190 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 <script type="text/javascript">$(document).ready(function() { $('#menu').tabify();});</script> 2 نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در دی 91 مالک گزارش بازنشر ارسال شده در دی 91 آقا مرتضی این کد را گذاشتم ولی در لوکال جواب نمیده. قبلا هم چندین بار تست کرده بودم ولی باز هم جواب نمی داد. نقل قول لینک به ارسال
عبدالماجد 3203 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 شما مطمئنی کتابخانه ی جی کوئری توی پوستتون موجود هست و درست فراخونی شده ؟ 2 نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در دی 91 مالک گزارش بازنشر ارسال شده در دی 91 شما مطمئنی کتابخانه ی جی کوئری توی پوستتون موجود هست و درست فراخونی شده ؟فکر کنم فراخوانی بشه. عکس رو نگاه کنید. نقل قول لینک به ارسال
Morteza 34190 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 نمونه:http://jsfiddle.net/janjarfalk/6Y6Pa/1/ 1 نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در دی 91 مالک گزارش بازنشر ارسال شده در دی 91 نمونه:http://jsfiddle.net/janjarfalk/6Y6Pa/1/این رو دیدم. ممکن هست در لوکال کار نکنه؟ نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 نه ربطی به لوکال نداره jquery اگر به ورژن های مختلف لینک بشه تداخل ایجاد می کنهبرای تب می تونید دستور زیر را استفاده کنید که jquery نباشهدر head <script type="text/javascript"><!--function mytab(Down){document.getElementById('example1').style.display='none'document.getElementById('example2').style.display='none'document.getElementById(Down).style.display='block'//--></script>در محل مورد نظر<table style="width: 100%"> <tr> <td><a href="javascript:mytab('example1')">عنوان تب اول</a></td> <td><a href="javascript:mytab('example2')">عنوان تب دوم</a></td> </tr> <tr> <td colspan="2"><div id="example1" style="display:block"> محتویات تب اول </div> <td colspan="2"><div id="example1" style="display:none"> محتویات تب دوم </div> </td> </tr></table>example1,example2 را با id مناسب که برای لایه ها می گذارید عوض کنید دقت کنید این دو آی دی در سه جا باید قرار بگیرند 4 نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در بهمن 91 مالک گزارش بازنشر ارسال شده در بهمن 91 (ویرایش شده) دوستان مدتی بود که می خواستم از این tab ها استفاده کنم ولی وقت نمی شد حالا وقت دارم لطفا کمکم کنید تا tab ها درست کار کنند.من از این tab استفاده کردماول کد زیر را بالای </head> گذاشتم<script type="text/javascript">$('#menu').tabify();</script>بعد استایل بهش دادم و کد زیر را هم در سایدبار گذاشتم<ul id="menu"><li class="active"><a href="#jquery">jQuery</a></li><li><a href="#prototype">Prototype</a></li><li><a href="#ext">Ext</a></li></ul><div id="jquery">jQuery is a cross-browser…</div><div id="prototype">The Prototype Javascript…</div><div id="ext">Ext (X-t) is a Javascript…</div>ولی الان همه محتویات tab ها زیر هم نشون داده می شوند و با کلیک روی هر tab هم هیچ تغییری نمی کند. این هم لینک آنلاین ویرایش شده بهمن 91 توسط سعید شعبانی نقل قول لینک به ارسال
Morteza 34190 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 فایل جاوااسکریپت مربوط به تب رو توی پوسته قرار ندادید! 1 نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در بهمن 91 مالک گزارش بازنشر ارسال شده در بهمن 91 فایل جاوااسکریپت مربوط به تب رو توی پوسته قرار ندادید!مگر این نیست؟<script type="text/javascript">$('#menu').tabify();</script>اگر این نیست پس چه چیزی را باید قرار دهم؟ نقل قول لینک به ارسال
Morteza 34190 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 خیر فایل نه کد به نام tabify.js در پکیج دانلود هست. نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .