/
  • ajax با jquery - همراه با لینک هش

  • ارسال پاسخ   امتیاز موضوع:
    • 1 رأی - میانگین امیتازات: 5
    • 1
    • 2
    • 3
    • 4
    • 5

    حالت موضوعی | حالت خطی ajax با jquery - همراه با لینک هش
    نویسنده پیام
    sneaker آفلاین
    عضو جدید
    **

    ارسال‌ها: 6
    تاریخ عضویت: ۱۳۸۹ شهريور ۷
    اعتبار: 0
    تشکرها : 0
    ( 4 تشکر در 3 ارسال )
    ارسال: #1
    Question ajax با jquery - همراه با لینک هش
    سلام،
    (من بخش آموزش اجکس رو خوندم ولی اون چیزی که میخاستم پیدا نشد این شد که تاپیک گذاشتم)
    عرضم به حضورتون که
    من با جی کوییری، دستو پا شکسته یه کدی کمی تا قسمتی خودم نوشتم، حالا به یه مشکل برخوردم، نیاز به کمکتون دارم
    تو صفحاتی که برای نمایش محتواشون از اجکس استفاده میشه فقط صفحه اوله که آدرس خاص داره و هر صفحه یه آدرس خاص نداره
    این مشکلو حل کردم، با کاراتر هش (#)
    حالا مشکلم اینه:
    [تصویر:  9d47845ab6554c9a8e0d.jpg]
    چون هیدر یه بار اول لود شده لینکهایی که جیکوئری شناخته تو صفحه قبلی بودنو درست کار میکنن ولی این لینک بازگشت که شناخته نشده کار نمیکنه چیکار کنم کار کنه؟
    اینم کدش:
    کد PHP:
    $(function() {
        var 
    $el = $(),
            
    $mainContent = $("#main-content");
            
        
    $mainContent.wrapInner("<div id='fade-wrapper' />");
        
    $mainContent.append('<img src="images/ajax-loader.gif" id="ajax-loader" />');    
        
        var 
    $fadeWrapper = $("#fade-wrapper"),
            
    $allNav = $("a.ajaxlink"),
            
    url '',
            
    hash window.location.hash,
            
    $ajaxLoader = $("#ajax-loader"); 
        
        if (
    hash) {
            
    hash hash.substring(1);
            
    url hash " #content";
            
    $fadeWrapper.load(url);
        }
        
    $allNav.click(function(e) {
            
    $el = $(this);
                $(
    window).scrollTop(0);           
                
    url $el.attr("href") + " #content";
                
    $fadeWrapper.animate({ opacity0.1 });
                
    $ajaxLoader.fadeIn(400, function() {
                    
    $fadeWrapper.load(url, function() {
                        
    window.location.hash $el.attr("href");
                        
    $fadeWrapper.animate({ opacity});
                        
    $ajaxLoader.fadeOut();
                    });   
                });
            
    e.preventDefault();
        });
    }); 
    ۱۳۸۹ شهريور ۷ ۰۹:۳۰ صبح
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    zoghal آفلاین
    صالح سوزنچی
    *****

    ارسال‌ها: 1,766
    تاریخ عضویت: ۱۳۸۷ دي ۲۵
    اعتبار: 23
    تشکرها : 1500
    ( 1729 تشکر در 992 ارسال )
    ارسال: #2
    RE: ajax با jquery - همراه با لینک هش
    من دقیقا نفهمیدم منظور از لینک هش چی هست!

    اما شما در هنگام لود صفحات کل صفحه یا قسمتی از صفحه رو لود میکنید و تغییر میدید

    اگر قسمتی رو آپدییت میکنید. اون اکشنی که داره با درخواست شما جواب میده موقع ایجاد لیینک داره # رو هم بهش اضافه میکنه
    ۱۳۸۹ شهريور ۷ ۰۹:۵۰ صبح
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط :
    sneaker آفلاین
    عضو جدید
    **

    ارسال‌ها: 6
    تاریخ عضویت: ۱۳۸۹ شهريور ۷
    اعتبار: 0
    تشکرها : 0
    ( 4 تشکر در 3 ارسال )
    ارسال: #3
    RE: ajax با jquery - همراه با لینک هش
    (۱۳۸۹ شهريور ۷ ۰۹:۵۰ صبح)zoghal نوشته شده توسط:  من دقیقا نفهمیدم منظور از لینک هش چی هست!

    اما شما در هنگام لود صفحات کل صفحه یا قسمتی از صفحه رو لود میکنید و تغییر میدید

    اگر قسمتی رو آپدییت میکنید. اون اکشنی که داره با درخواست شما جواب میده موقع ایجاد لیینک داره # رو هم بهش اضافه میکنه

    سلام صالح،من از صبح اینترنتم قطع بود برای همین دیر شد تا بیام
    منظورم از لینکه هش(#) اینه فرض کن تو یه سایتی میری که محتواش اجکسه دنباله یه مطلبی چند صفحه ورق میزنی و لینک تو لوکیشن تغییر نمیکنه حالا فردا اگه همون مطلبو بخای باید دوباره مراحلو طی کنی. ولی با این کد من لینک تو لوکیشن تغییر میکنه و اگه وارد آدرس بار بشه مستقیم میبردت همون جایی که میخای.
    به این ترتیب که اول صفحه نخست لود میشه بعد با جی کوئری لوکیشن بررسی میشه اگه هش داشت اون بخش صفحه که باید تغییر کنه میکنه
    اگه http://www.blog.loc/index.php یا http://www.blog.loc/index.php?l=1 (منظور از کوییری l=1 لیست اوله)به سرور ارسال بشه قالب کامل لود میشه و همچی سرجاشه و اگه index.php?ajax=content&l=1 بدون قالب فقط محتوا
    اگه index.php?ajax=content&p=1 ارسال بشه فقط صفحه اول(p=1) بدون قالب (با قالب index.php?p=1)
    کلن دو مد دارم با قالب یعنی کل صفحه و بدون قالب یعنی بخش هدف بدون اضافه جات دورو برش.

    البته از صبح بیکار نشتم درستش کردم ولی اون چیزی که میخاسنم نشد مجبور شدم لینکارو اینجوری کنم:
    ('jlink('index.php?ajax=content&p=1
    یه تابع جدید نوشتم به نام link

    این پروژه پایان نامه امه یه سیستم وبلاگدهی با ساب دومین و آجاکس واسه مدرک کاردانی آخر ماه رمضون تحویله هنوز 20% کامل نشده
    (آخرین ویرایش در این ارسال: ۱۳۸۹ شهريور ۷ ۰۶:۴۳ عصر، توسط sneaker.)
    ۱۳۸۹ شهريور ۷ ۰۶:۴۲ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    « قدیمی تر | تازه‌ تر »

    ارسال پاسخ
    پرش به انجمن:


    کاربرانِ درحال بازدید از این موضوع: 1 مهمان
    IranPHP.org | تماس با ما | بازگشت به بالا | بازگشت به محتوا | بایگانی | پیوند سایتی RSS