PDA

View Full Version : اضافه کردن کنترل ها به تب های ساخته شده با jQuery



sara_aryanfar
پنج شنبه 21 مهر 1390, 12:47 عصر
باسلام من در سایت خودم از کد زیر برای ایجاد تب استفاده کردم البته این فقط یک قطعه از کد هست می خوام بدونم چطوری باید برای هر تب کنترل های خودمو اضافه کنم که اون کنترل ها فقط داخل اون تب دیده بشن

<ul id="navigation">
<li class="one"><a href="#">Details</a></li>
<li class="two"><a href="#">Schedule</a></li>
<li class="three selected"><a href="#">Speakers</a></li>
<li class="four"><a href="#">Sponsors</a></li>
<li class="five"><a href="#">Register</a></li>
<li class="shadow"></li>
</ul>

exlord
پنج شنبه 21 مهر 1390, 17:40 عصر
با jQuery UI یا کد دیگه ای دارین برای تب ...
اگه jQuery ui باشه :

<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
tab 1 content
</div>
<div id="tabs-2">
tab 2 content
</div>
<div id="tabs-3">
tab 3 content
</div>
</div>

hjran abdpor
پنج شنبه 21 مهر 1390, 17:43 عصر
با سلام.
شما باید از CSS استفاده کنید اگه درست سوالتون را متوجه شده باشم، !!!!!!!!!! این یک نمونه است نگاه کنید شاید کمکتون کرد !
http://www.remotesynthesis.com/post.cfm/adding-and-removing-tabs-with-jquery-and-jquery-ui
اگه کمک نکرد سوالتون را باز مطرح کنید!

با سپاس

sara_aryanfar
پنج شنبه 21 مهر 1390, 19:24 عصر
با jQuery UI یا کد دیگه ای دارین برای تب ...
اگه jQuery ui باشه :

<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
tab 1 content
</div>
<div id="tabs-2">
tab 2 content
</div>
<div id="tabs-3">
tab 3 content
</div>
</div>

من از کد شما استفاده کردم اما خوب متن
tab 1 content مثلا همیشه نشون داده میشه من می خوام وقتی روی تب 1 کلیک میشه یه متن نمایش داده بشه و وقتی روی تب 2 کلیک میشه یه متنم دیگه

exlord
پنج شنبه 21 مهر 1390, 19:36 عصر
من از کد شما استفاده کردم اما خوب متن
tab 1 content مثلا همیشه نشون داده میشه من می خوام وقتی روی تب 1 کلیک میشه یه متن نمایش داده بشه و وقتی روی تب 2 کلیک میشه یه متنم دیگه
اگه شما از jquery ui برای ساختن تب استفاده میکنین ... ساختار html اش اینه و همینطوری که شما میخواین میشه .... ولی اگه از کد دیگه ای استفاده میکنین باید نسبت به اون کد html رو تغببر بدین ... شما از چه کد (js) برای ساختن تب استفاده میکنین ؟

sara_aryanfar
پنج شنبه 21 مهر 1390, 19:53 عصر
راستش من از نمونه کد استفاده کردم که براتون قرار میدم ملاحظه بفرمائید

http://up.iranblog.com/images/xyqheigokm0xny5tgsf3.rar

exlord
پنج شنبه 21 مهر 1390, 22:21 عصر
این کد حالا فقط یه منوی سادس ... قسمت تب بودش یادشون رفته کد بنویسن براش :قهقهه: .... شما برو از تب jquery UI استفاده کن ...