ورود

View Full Version : سوال: ساخت يک قسمت با چند تب



hamid67fathi
دوشنبه 25 شهریور 1387, 23:22 عصر
ساخت يک قسمت با چند تب
سلام من ميخواستم يه panel بسازم که چندتا tab داشته باش
و با کيليک رو هر تب اطلاعات اون tab لود بشه با لودينگ
ميشه راهنمايم کنيد ؟

Lagon666
سه شنبه 26 شهریور 1387, 10:26 صبح
http://www.google.com/search?q=DHTML+TAB&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a


Tab هاتو درست کن. برای لودش هم با AJAX کمکت میکنم.

org.kiani
سه شنبه 26 شهریور 1387, 11:03 صبح
سلام
من با اجازه Lagon666 عزیز یک راهنمایی مختصری بهتون می کنم.
یک تصویر براتون قرار می دم که روش ایجاد چنین پنلی رو توضیح داده همچنین تابعی که برای این کار نیاز هست. امید وارو کارا باشه.



function callContent( content_url ) {
var xhr = null;
try {
xhr = new ActiveXObject( 'Msxml2.XMLHTTP' );
} catch( e1 ) {
try {
xhr = new ActiveXObject( 'Microsoft.XMLHTTP' );
} catch( e2 ) {
try {
xhr = new XMLHttpRequest();
} catch( e3 ) {
alert( "Your browser does not support ajax technology!" );
}
}
}

xhr.open( 'GET', content_url );
xhr.onreadystatechange = function() {
if( xhr.readyState == 4 ) {
document.getElementById( 'CONTENT' ).innerHTML = xhr.responseText;
}
}
xhr.send( null );

}



البته من توصیه می کنم به دید آموزشی به این تابع نگاه کنید چون این برنامه رو میشه خیلی اصولیتر نوشت! ;)

eAmin
چهارشنبه 27 شهریور 1387, 14:21 عصر
سلام
من با اجازه Lagon666 عزیز یک راهنمایی مختصری بهتون می کنم.
یک تصویر براتون قرار می دم که روش ایجاد چنین پنلی رو توضیح داده همچنین تابعی که برای این کار نیاز هست. امید وارو کارا باشه.



function callContent( content_url ) {
var xhr = null;
try {
xhr = new ActiveXObject( 'Msxml2.XMLHTTP' );
} catch( e1 ) {
try {
xhr = new ActiveXObject( 'Microsoft.XMLHTTP' );
} catch( e2 ) {
try {
xhr = new XMLHttpRequest();
} catch( e3 ) {
alert( "Your browser does not support ajax technology!" );
}
}
}

xhr.open( 'GET', content_url );
xhr.onreadystatechange = function() {
if( xhr.readyState == 4 ) {
document.getElementById( 'CONTENT' ).innerHTML = xhr.responseText;
}
}
xhr.send( null );

}



البته من توصیه می کنم به دید آموزشی به این تابع نگاه کنید چون این برنامه رو میشه خیلی اصولیتر نوشت! ;)


سلام.

حتما که نیاز نیست از ای جکس استفاده بشه، می تونید چندتا div رو که display:none داره رو نمایش بدید.

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

hamid67fathi
چهارشنبه 27 شهریور 1387, 20:25 عصر
ميتونيد يه مثال بزنيد ؟؟
امين جان

Lagon666
چهارشنبه 27 شهریور 1387, 22:23 عصر
ساخت يک قسمت با چند تب
سلام من ميخواستم يه

panel بسازم که چندتا tab داشته باش
و با کيليک رو هر تب اطلاعات اون tab لود بشه با لودينگ
ميشه راهنمايم کنيد ؟





سلام.

حتما که نیاز نیست از ای جکس استفاده بشه، می تونید چندتا div رو که display:none داره رو نمایش بدید.

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

امیر جان. جواب من به خاطر اون عبارت قرمز رنگه.