Eredmény: 1 - 8 (8) összesen

Téma: URL változtatás szkrollozásra ajaxosan - hogyan?

  1. #1
    búgócsiga Akka logója
    Csatlakozott
    10-05-06
    Hozzászólás
    3.720
    Begyűjtött 1.271 köszönetet
    653 hozzászólásával

    Alapbeállítás URL változtatás szkrollozásra ajaxosan - hogyan?

    Infinite szkroll megoldást használok WP oldalon: amikor valaki egy poszt végére ér, automatikusan betöltődik a következő poszt. Szeretném, ha a következő poszt megjelenésével egy időben az URL is változna a böngészőben.
    Merre érdemes elindulni? Túl sok infót nem találtam erről.
    Köszi előre is.


    Itt is elérsz: Optimization Tips

  2. #2
    Bölcs djarni logója
    Csatlakozott
    08-05-08
    Hely
    Székesfehérvár
    Hozzászólás
    4.948
    Begyűjtött 437 köszönetet
    338 hozzászólásával

    Alapbeállítás re: URL változtatás szkrollozásra ajaxosan - hogyan?

    Magyarul a remek felhasználói élmény és navigációs trend előnyeit szeretnéd összefókuszálni a seo barát technikával

    A megoldás érdekelne engem is. Amígy nincs, addig szerintem úgy érdemes, hogy az értékesítő (landing page) részeket szkrollozod, a hasznos tartalmakat, cikkeket pedig url-ezed..


    Prémium Linképítés - sikerek, kockázatok nélkül - Linképítés 2017.

  3. Az alábbi felhasználók hálásak a válaszért:

    Akka (2014-05-14)

  4. #3
    Szerkesztő
    Csatlakozott
    07-08-26
    Hely
    Debrecen
    Hozzászólás
    247
    Begyűjtött 8 köszönetet
    7 hozzászólásával

    Alapbeállítás re: URL változtatás szkrollozásra ajaxosan - hogyan?

    Elvileg javascripttel: window.history.pushState("object v string akarmi lehet","Title - Cím","\akarmi-uj-url.html");



  5. #4
    búgócsiga Akka logója
    Csatlakozott
    10-05-06
    Hozzászólás
    3.720
    Begyűjtött 1.271 köszönetet
    653 hozzászólásával

    Alapbeállítás re: URL változtatás szkrollozásra ajaxosan - hogyan?

    Idézet Profka eredeti hozzászólása Hozzászólás megtekintése
    Elvileg javascripttel: window.history.pushState("object v string akarmi lehet","Title - Cím","\akarmi-uj-url.html");
    WP az oldal, így mindenképpen valamiféle dinamikus megoldást keresek.



  6. #5
    Hekker 0xFF logója
    Csatlakozott
    09-08-21
    Hozzászólás
    1.078
    Begyűjtött 168 köszönetet
    118 hozzászólásával

    Alapbeállítás re: URL változtatás szkrollozásra ajaxosan - hogyan?

    1. Minden tartalmi divhez hozza raksz valamit. pl
    Kód:
    data-changeurlto="url-amit-szeretnel"
    2. Minden tartalmi divhez hozza adsz egy class-t pl change-url-on-appear
    3. felteszed ezt a jQuery plugint : https://github.com/morr/jquery.appear
    4. Raksz egy triggert.
    5. Elkapod, hogy melyik element jelent meg.
    6. Kilvasod changeurlto értéket.
    7. Megnézed, hogy a böngészőben elérhető a history API
    8. Ha igen akkor pusholod : history.pushState(null, null, $(elem).data('changeurlto'));


    Aki ér hozzá kb 3 órás meló.



  7. Az alábbi felhasználók hálásak a válaszért:

    Akka (2014-05-14)

  8. #6
    búgócsiga Akka logója
    Csatlakozott
    10-05-06
    Hozzászólás
    3.720
    Begyűjtött 1.271 köszönetet
    653 hozzászólásával

    Alapbeállítás re: URL változtatás szkrollozásra ajaxosan - hogyan?

    0xFF listája és némi kutakodás/buherálás nyomán sikerült megcsinálni, amit szerettem volna.

    Amivel most küzdök:
    Szeretnék kitenni egy floating share részt is, ami görgetés közben az aktuális URL-hez igazodik a megosztások számát tekintve. Úgy, ahogy pl. itt is látható lefelé görgetve:
    OCZ Storage Solutions Re-emerges as Toshiba Subsidiary

    Az oldalamon most egy js figyeli a szkrollozást, és egy megadott div részt, és ettől függően mahinál az URL-lel. Az URL frissítésre nem lehet rátenni valahogy egy div rész, vagy egy js újratöltését?

    Próbáltam a $.getScript-et is és a jQuery.get-et is, de egyikkel sem jutottam előbbre.

    Itt az aktuális kódrész:

    PHP kód:
    function initialise_Scrollspy(){
        
    // spy on post-divider - changes the URL in browser location, loads new post 
        
    jQuery('.post-divider').on('scrollSpy:exit'changeURL ); 
        
    jQuery('.post-divider').on('scrollSpy:enter'changeURL );
        
    jQuery('.post-divider').scrollSpy();
    }
    function [
    B]changeURL[/B](){
        var 
    el jQuery(this);
        var 
    this_url el.attr('data-url');
        var 
    this_title el.attr('data-title');
        var 
    offset el.offset();
        var 
    scrollTop jQuery(document).scrollTop();
        
    // if exiting or entering from top, change URL 
        
    if ( ( offset.top scrollTop ) < 150 ) {
            
    curr_url this_url;
            
    History.pushState(nullnullthis_url );
            
    window.document.title this_title;
        } 
        
    doAutoLoad();
    }
    function [
    B]doAutoLoad[/B](){
        
    // grab the url for the new post
        
    var post_url jQuery('a[rel="prev"]').attr('href');
        if ( !
    post_url ) return;
        
    // check to see if pretty permalinks, if not then add partial=1
        
    if ( post_url.indexOf'?p=' ) > -) {    
            
    np_url post_url '&partial=1'
        
    } else {
            
    np_url post_url '/partial';
        }
        
    // remove the post navigation HTML
        
    jQuery(nav_container).remove();
        
    jQuery.getnp_url , function( data ) { 
            var 
    $post_html jQuery'<hr class="post-divider" data-url="' post_url '"/>' +    data ); 
            var 
    $title $post_html.findpost_title_selector );
            
    jQuerycontent_container ).append$post_html );
            
    // get the HR element and add the data-title
            
    jQuery('hr[data-url="' post_url '"]').attr'data-title' $title.text() );
            
    // need to set up ScrollSpy on new content
            
    initialise_Scrollspy();
        }); 




  9. #7
    'Say Hello To My Little Friend'
    Csatlakozott
    10-04-13
    Hely
    Budapest
    Hozzászólás
    2.788
    Begyűjtött 867 köszönetet
    663 hozzászólásával

    Alapbeállítás re: URL változtatás szkrollozásra ajaxosan - hogyan?

    Most látom csak ezt a topicot. Régen én is ilyesmit kérdeztem, és Geri aánlotta a pjax nevű cuccot: https://github.com/defunkt/jquery-pjax .
    JQuery alapon működik, és AJAX lekérések mellett tud URL változtatást is, ami is a fentebb írt pushStatet használja, de azért lehet jobb, mert már gyakorlatilag egy keretet ad a használatnak, és bejáratott cucc. Nekem szuperül muzsikált.

    (Ref: http://entity.hu/javascript-ajax-jqu...las-js-el.html)


    Utoljára módosítva: Emphus által : 2014-05-17 13:39

  10. Az alábbi felhasználók hálásak a válaszért:

    Akka (2014-05-17)

  11. #8
    búgócsiga Akka logója
    Csatlakozott
    10-05-06
    Hozzászólás
    3.720
    Begyűjtött 1.271 köszönetet
    653 hozzászólásával

    Alapbeállítás re: URL változtatás szkrollozásra ajaxosan - hogyan?

    Idézet Emphus eredeti hozzászólása Hozzászólás megtekintése
    Igen, ezt sikerült megoldani. A megosztások számának aktualizálása az, amivel most küzdök.



Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •