چه جوری مشه تب هایی مثل این ساخت..

www.ahvazcity.net · Sep 26, 2007

این دو تا سایت رو نگاه کند چند تا تب هست. چه جوری می شه آجاکسم استفاده کرد ؟
http://parsajax.net/
http://parsadata.net/

WindowsLab · Sep 26, 2007

سلام
این هم سورس(ParsAjax.net)! :
شاید به کار آید!!!

کد:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN"><META http-equiv="Content-Type" content="text/html; charset=utf-8"> <HTML><HEAD><STYLE> /* Rule 2 of style/style.css */ TD {	FONT-SIZE: 12px;	COLOR: #666666;	FONT-FAMILY: tahoma} /* Rule 2 of ../style/style.css */ TD {	FONT-SIZE: 12px;	COLOR: #666666;	FONT-FAMILY: tahoma} /* Rule 1 of style/style.css */ BODY {	FONT-SIZE: 12px;	COLOR: #666666;	FONT-FAMILY: tahoma} /* Rule 4 of style/style.css */ BODY {	SCROLLBAR-FACE-COLOR: #f0f0f0;	MARGIN: 0px;	SCROLLBAR-3DLIGHT-COLOR: #eeeeee;	SCROLLBAR-ARROW-COLOR: #aaaaaa;	SCROLLBAR-TRACK-COLOR: #fafafa;	SCROLLBAR-DARKSHADOW-COLOR: #eeeeee} /* Rule 1 of ../style/style.css */ BODY {	FONT-SIZE: 12px;	COLOR: #666666;	FONT-FAMILY: tahoma} /* Rule 4 of ../style/style.css */ BODY {	SCROLLBAR-FACE-COLOR: #f0f0f0;	MARGIN: 0px;	SCROLLBAR-3DLIGHT-COLOR: #eeeeee;	SCROLLBAR-ARROW-COLOR: #aaaaaa;	SCROLLBAR-TRACK-COLOR: #fafafa;	SCROLLBAR-DARKSHADOW-COLOR: #eeeeee} /* Rule 34 of style/style.css */ TD.news {	BORDER-RIGHT: #edebeb 1px solid;	BORDER-BOTTOM: #edebeb 1px solid;	TEXT-ALIGN: center} /* Rule 34 of ../style/style.css */ TD.news {	BORDER-RIGHT: #edebeb 1px solid;	BORDER-BOTTOM: #edebeb 1px solid;	TEXT-ALIGN: center} /* Rule 44 of style/style.css */ DIV.rssread {	DIRECTION: rtl;	MARGIN-RIGHT: 25px;	TEXT-ALIGN: right} /* Rule 44 of ../style/style.css */ DIV.rssread {	DIRECTION: rtl;	MARGIN-RIGHT: 25px;	TEXT-ALIGN: right} /* Rule 5 of style/style.css */ A {	FONT-SIZE: 12px;	COLOR: #666666;	FONT-FAMILY: tahoma} /* Rule 6 of style/style.css */ A:link {	TEXT-DECORATION: none} /* Rule 45 of style/style.css */ DIV.rssread A {	FONT-SIZE: 11px} /* Rule 5 of ../style/style.css */ A {	FONT-SIZE: 12px;	COLOR: #666666;	FONT-FAMILY: tahoma} /* Rule 6 of ../style/style.css */ A:link {	TEXT-DECORATION: none} /* Rule 45 of ../style/style.css */ DIV.rssread A {	FONT-SIZE: 11px} /* Rule 36 of style/style.css */ TD.taba {	BACKGROUND-IMAGE: url(../images/tabactive.gif);	COLOR: #666666} /* Rule 36 of ../style/style.css */ TD.taba {	BACKGROUND-IMAGE: url(../images/tabactive.gif);	COLOR: #666666} /* Rule 37 of style/style.css */ TD.tabu {	BACKGROUND-IMAGE: url(../images/tab.gif);	CURSOR: pointer;	COLOR: #666666} /* Rule 37 of ../style/style.css */ TD.tabu {	BACKGROUND-IMAGE: url(../images/tab.gif);	CURSOR: pointer;	COLOR: #666666} /* Rule 35 of style/style.css */ TD.freenews {	BORDER-BOTTOM: #edebeb 1px solid} /* Rule 35 of ../style/style.css */ TD.freenews {	BORDER-BOTTOM: #edebeb 1px solid} </STYLE></HEAD><BODY><DIV id="content"><TABLE cellSpacing="10" cellPadding="0" width="765" align="center" border="0"><TBODY><TR><TD vAlign="top" width="440"><DIV id="div_main"><TABLE cellSpacing="0" cellPadding="0" width="100%" align="center" border="0"> <TBODY><TR><TD width="10" height="19">&nbsp;</TD><TD class="freenews" width="17">&nbsp;</TD><TD class="freenews" width="51">&nbsp;</TD><TD class="tabu" id="tab_rss1" onclick="chTab('tab_rss',1,'taba','tabu');makeRequest('rss_div','ajax/index.php?action=RSS&rss=sport');" align="center" width="88">ورزشی</TD><TD class="tabu" id="tab_rss2" onclick="chTab('tab_rss',2,'taba','tabu');makeRequest('rss_div','ajax/index.php?action=RSS&rss=economic');" align="center" width="88">اقتصادی</TD><TD class="tabu" id="tab_rss3" onclick="chTab('tab_rss',3,'taba','tabu');makeRequest('rss_div','ajax/index.php?action=RSS&rss=society');" align="center" width="88"><SPAN class="righttab">اجتماعی</SPAN></TD><TD class="taba" id="tab_rss4" onclick="chTab('tab_rss',4,'taba','tabu');makeRequest('rss_div','ajax/index.php?action=RSS&');" align="center" width="88">عمومی</TD></TR><TR align="left"><TD vAlign="top" colSpan="2" height="8"><IMG height="8" src="http://parsajax.net/images/newsreadertop.gif" width="27" /></TD><TD class="news" align="left" background="images/bgnews.gif" colSpan="5" rowSpan="3"><DIV class="rssread" id="rss_div">&nbsp;<BR /><A href="http://news.parseek.com/Url/?id=1850469" target="blank">بازتاب گسترده سخنرانی احمدی نژاد در دانشگاه کلمبیا در مطبوعات ...</A><BR /><A href="http://news.parseek.com/Url/?id=1850468" target="blank">رهبر تندروی کشمیری در ضیافت افطاری سفارت پاکستان شرکت نخواهد ...</A><BR /><A href="http://news.parseek.com/Url/?id=1850467" target="blank">تیم فوتبال سپاهان ایران به مرحله نیمه نهایی جام قهرمانان ...</A><BR /><A href="http://news.parseek.com/Url/?id=1850466" target="blank">وزنه‌برداری قهرمانی جهانی - ایران بیست و دوم شد ...</A><BR /><A href="http://news.parseek.com/Url/?id=1850465" target="blank">اولین مدال طلای مسابقات دوچرخه‌سواری جاده قهرمانی جهان ...</A><BR /><A href="http://news.parseek.com/Url/?id=1850464" target="blank">مدیر ورزشی باشگاه رئال مادرید: اخراج "کاپلو" تصمیم درستی ...</A><BR /><A href="http://news.parseek.com/Url/?id=1850463" target="blank">سپاهان ایران به مرحله نیمه نهایی جام قهرمانان آسیا صعود ...</A><BR /><A href="http://news.parseek.com/Url/?id=1850462" target="blank">العربیه: نیروهای رژیم صهیونیستی با تانک به بیت حانون یورش ...</A><BR /><BR /></DIV></TD></TR><TR align="left"><TD vAlign="bottom" background="images/newsreadercenter.gif" colSpan="2"><P>&nbsp;</P><P>&nbsp;</P><P><IMG height="90" src="http://parsajax.net/images/rssreader.gif" width="20" /></P></TD></TR><TR align="left"><TD vAlign="bottom" colSpan="2" height="8"><IMG height="8" src="http://parsajax.net/images/newsreaderbottom.gif" width="27" /></TD></TR></TBODY> </TABLE></DIV></TD></TR></TBODY></TABLE></DIV></BODY></HTML>

www.ahvazcity.net · Sep 26, 2007

دوست عزیز این کارو خودم می تونستم بگم می خوام الگوریتمشو یاد بگیرم

peyman1987 · Sep 27, 2007

خوب الگوریتمش اینه که وقتی روی تب کلیک شد یه مقدار که نمایانگر تب کلیک شده اس با AJAX فرستاده میشه و محتوا دوباره خونده میشه و جایگزین محتوای قبلی میشه. در واقع فکر میکنم یک div وجود داره که مدام محتواش بسته به تب کلیک شده تغییر میکنه.

WindowsLab · Sep 27, 2007

سلام
درسته!
من راه زیر رو پیشنها می کنم:
یک جدول با سطر و به تعداد تب ها ستون!
دو راه ساده بدون Ajax پیشنهاد می کنم!

» یک Div درون سطر دوم جدول به دلیل قابلیت مانور بهتر، پس از کلید بر روی تب ها، محتوای Div از سرور تامین بشه بوسیله Asp یا ...
» یک Frame درون سطر دوم جدول، پس از کلید بروی تب ها ، آدرس فریم عوض بشه!

کد:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <style type="text/css">
        Td.TabCtrl{}
    </style>
    <script type="text/javascript">
        function RefreshTab(TabUrl)
        {
            TabFrame.src=TabUrl;
        }
    </script>
</head>
<body>
    <table style="width: 643px; height: 317px">
        <tr>
            <td class="TabCtrl" onclick="RefreshTab('Tab1.htm')">Tab 1</td>
            <td class="TabCtrl" onclick="RefreshTab('Tab2.htm')">Tab 2</td>
            <td class="TabCtrl" onclick="RefreshTab('Tab3.htm')">Tab 3</td>
            <td class="TabCtrl" onclick="RefreshTab('Tab4.htm')">Tab 4</td>
            <td class="TabCtrl" onclick="RefreshTab('Tab5.htm')">Tab 5</td>
            <td class="TabCtrl" onclick="RefreshTab('Tab6.htm')">Tab 6</td>
        </tr>
        <tr align="center">
            <td colspan="6" style="height: 230px" align="center">
                <iframe src="#" id="TabFrame" style="width: 615px; height: 267px"></iframe>
            </td>
        </tr>
    </table>
</body>
</html>