ساخت یک home page با جی کوئری

[daneshh]

[FONT=&amp]با سلام و خسته نباشید[/FONT]​

[FONT=&amp]من می خواهم یک صفحه سایت داشته باشم که توی این صفحه یکسری منو توی قسمت هدر هست بر فرض :صفحه یک،صفحه دو،صفحه سه و...[/FONT]​

[FONT=&amp]می خوام با جی کوئری یک کدی بنویسم که وقتی روی هر منو که کلیک می کنم صفحه عوض نشود و توی همان صفحه بماند و یک پیغامی بدهد مثلا وقتی روی منوی صفحه دوم کلیک می کنم دیگر به صفحه دوم لینک نشود وصفحه دوم در همان صفحه اصلی لود شود و بنویسد شماره صفحه بر فرض 2 است یا شماره صفحه 3 است[/FONT]​

[FONT=&amp]در واقع یک متغیر دارم به نام [/FONT]page number[FONT=&amp] که میگه صفحه چندم هستم و یک متغیر به نام [/FONT]total pages[FONT=&amp] که تعداد کل صفحات را نشون میده حالا با جاو اسکرپیت به تعداد [/FONT]a[FONT=&amp] که در هدر دارم [/FONT]div[FONT=&amp] میسازم و به تعداد [/FONT]toatlpage[FONT=&amp]، [/FONT]a[FONT=&amp] احتیاج دارم ،روی هر کدام از این [/FONT]a[FONT=&amp] ها که کلیک کردم در [/FONT]div[FONT=&amp]ئی بنام [/FONT]result[FONT=&amp] بنویسه [/FONT]page number is[FONT=&amp] …[/FONT]​

[FONT=&amp]همه این [/FONT]div[FONT=&amp] ها داینامیک هستند[/FONT]​

[FONT=&amp]یعنی با استفاده از [/FONT]create element[FONT=&amp] یکسری المنت ،[/FONT]create[FONT=&amp] کنم که تگ [/FONT]a[FONT=&amp] را به آن [/FONT]bind[FONT=&amp] کنم یا از [/FONT]click[FONT=&amp] استفاده کنم که به ازای هر [/FONT]click[FONT=&amp] در [/FONT]div result[FONT=&amp] بنویسد[/FONT]​

Page number is 1​

[FONT=&amp]یعنی شماره صفحه را بنویسد[/FONT][FONT=&amp]برای [/FONT]page number [FONT=&amp] از [/FONT]data- [FONT=&amp] هم استفاده کردم ولی نتوانستم کدهاشو درست بنویسم[/FONT]​

[FONT=&amp]یک شکلی مثل همین شکل که اینجا گذاشتم که روی هر شماره که می نویسم شماره صفحه را بنویسه ولی من حالت خیلی ساده می خوام بنویسم[/FONT]​

[FONT=&amp]لطفا راهنمایی کنید[/FONT]
​

 

[imehrdad]

[FONT=&amp]با سلام و خسته نباشید[/FONT]​

[FONT=&amp]من می خواهم یک صفحه سایت داشته باشم که توی این صفحه یکسری منو توی قسمت هدر هست بر فرض :صفحه یک،صفحه دو،صفحه سه و...[/FONT]​

[FONT=&amp]می خوام با جی کوئری یک کدی بنویسم که وقتی روی هر منو که کلیک می کنم صفحه عوض نشود و توی همان صفحه بماند و یک پیغامی بدهد مثلا وقتی روی منوی صفحه دوم کلیک می کنم دیگر به صفحه دوم لینک نشود وصفحه دوم در همان صفحه اصلی لود شود و بنویسد شماره صفحه بر فرض 2 است یا شماره صفحه 3 است[/FONT]​

[FONT=&amp]در واقع یک متغیر دارم به نام [/FONT]page number[FONT=&amp] که میگه صفحه چندم هستم و یک متغیر به نام [/FONT]total pages[FONT=&amp] که تعداد کل صفحات را نشون میده حالا با جاو اسکرپیت به تعداد [/FONT]a[FONT=&amp] که در هدر دارم [/FONT]div[FONT=&amp] میسازم و به تعداد [/FONT]toatlpage[FONT=&amp]، [/FONT]a[FONT=&amp] احتیاج دارم ،روی هر کدام از این [/FONT]a[FONT=&amp] ها که کلیک کردم در [/FONT]div[FONT=&amp]ئی بنام [/FONT]result[FONT=&amp] بنویسه [/FONT]page number is[FONT=&amp] …[/FONT]​

[FONT=&amp]همه این [/FONT]div[FONT=&amp] ها داینامیک هستند[/FONT]​

[FONT=&amp]یعنی با استفاده از [/FONT]create element[FONT=&amp] یکسری المنت ،[/FONT]create[FONT=&amp] کنم که تگ [/FONT]a[FONT=&amp] را به آن [/FONT]bind[FONT=&amp] کنم یا از [/FONT]click[FONT=&amp] استفاده کنم که به ازای هر [/FONT]click[FONT=&amp] در [/FONT]div result[FONT=&amp] بنویسد[/FONT]​

Page number is 1​

[FONT=&amp]یعنی شماره صفحه را بنویسد[/FONT][FONT=&amp]برای [/FONT]page number [FONT=&amp] از [/FONT]data- [FONT=&amp] هم استفاده کردم ولی نتوانستم کدهاشو درست بنویسم[/FONT]​

[FONT=&amp]یک شکلی مثل همین شکل که اینجا گذاشتم که روی هر شماره که می نویسم شماره صفحه را بنویسه ولی من حالت خیلی ساده می خوام بنویسم[/FONT]​

[FONT=&amp]لطفا راهنمایی کنید[/FONT]
​

این خیلی راحته
می تونه شماره صفحات رو به یه چیزی بدی و وقتی رو شماره کلیک کرد بریزی تو اونجا که می خوای نشون بدی .
مثال :
بر فرض کلاس شماره ها pagenum هست و شما شماره هر صفحه رو ریختین توش یا اگه عکس هست مثلا به namel دادین
و کلاس اون قسمت که می خواین نشون بدین pagetext هست .

jQuery(".pagenum").click(function(){
  var pagenum   ;
pagenum = jQuery(this).attr("name") ;
 jQuery(".pagetext").append(pagenum);
});
[CODE/]

 

[daneshh]

سلام خیلی ممنون از جواب ،لطفا اگر امکان دارد کدها را کامل بنویسید یعنی با کد html تا تست بتونم تست کنم

 

[imehrdad]

سلام خیلی ممنون از جواب ،لطفا اگر امکان دارد کدها را کامل بنویسید یعنی با کد html تا تست بتونم تست کنم

دوست عزیز شما باید کد HTML تون رو بذارین تا روش اضافه بشه من خودم کد بذارم بدرد شما نمی خوره