rccharles
Level 6 (8,522 points)
Classic Mac OS

Q: Add pagination to the top of display posts page

I have an alpha stage javascript which places a third set of pagination to the top of the display ASC post web page.

 

Here is the web page Re: Why is Apple Support Communities website not iPhone responsive? with my enhancement.  It "works", but with this note.  The pagination isn't update after you use it.  I'll somehow have to figure out why and I suspect have to insert javascript code into the page to adjust.

 

Screen Shot 2016-08-12 at 2.43.10 PM.png

 

If it wasn't easy for me to code, it shouldn't be easy for you to install.

 

Installation:

1) install GreaseMonkey in Firefox. GreaseMonkey may work in other browser like Chrome, but I have not tried.

2) add the javascript from http://pastebin.com/raw/vdHECFTg

 

R

PS.  Hiroto has a solution too: Hiroto, javascript fix for ASC.

Mac mini, OS X Yosemite (10.10.5), Fall 2014; iPhone 4 7.1.2

Posted on Aug 12, 2016 11:59 AM

Close
rccharles

Q: Add pagination to the top of display posts page

  • All replies
  • Helpful answers

  • by ChitlinsCC,

    ChitlinsCC ChitlinsCC Aug 12, 2016 12:18 PM in response to rccharles
    Level 6 (8,217 points)
    Notebooks
    Aug 12, 2016 12:18 PM in response to rccharles

    Is this an attempt to make Hiroto's "wheel rounder" ? I like it just fine (with season to taste positioning)

    new-blank.png

    It actually doesn't MOVE them from their normal bottom of page position, it ADDS another set that 'floats' on the top right as you scroll the page

  • by rccharles,

    rccharles rccharles Aug 12, 2016 12:29 PM in response to rccharles
    Level 6 (8,522 points)
    Classic Mac OS
    Aug 12, 2016 12:29 PM in response to rccharles

    More on installing.

     

    How to install Greasemonkey.

    -- Get to you menu screen.  By clicking on the menu icon.  The one with three bars.

    Screen Shot 2016-08-12 at 3.03.11 PM.png

     

    -- Click on the add-ons icon

     

    Screen Shot 2016-08-12 at 3.09.24 PM.png

    -- click on extensions

     

    Screen Shot 2016-08-12 at 3.07.51 PM.png

     

     

    - Type greasemonkey in the search field.  You will see this.  Click on install.

    Screen Shot 2016-08-12 at 12.49.58 PM.png

     

    -- Greasemonkey is installed.  Click on Restart now.

    Screen Shot 2016-08-12 at 12.51.00 PM.png

    -- After the restart,  the User Scripts has been added. Click on User Scripts.

     

    Screen Shot 2016-08-12 at 12.51.48 PM.png

     

    -- Click on New User Script.  Fill in this info.  You fill in info in the required fields.Don't need to be accurate.  It's all in the javascript page you will use. Click on ok.

     

    Screen Shot 2016-08-12 at 3.26.50 PM.png

     

    -- The editor page.

     

    Screen Shot 2016-08-12 at 3.27.04 PM.png

     

    -- Clean out what you see on this page.

     

    -- Now, goto another web page.

    Browse to http://pastebin.com/raw/vdHECFTg


    --  Copy and paste. The raw pastebin javascript text.

     

    Screen Shot 2016-08-12 at 3.20.06 PM.png

    -- save

     

    You are done installing the javascript to alter an ASC web page.

     

    R

  • by rccharles,

    rccharles rccharles Aug 12, 2016 12:39 PM in response to ChitlinsCC
    Level 6 (8,522 points)
    Classic Mac OS
    Aug 12, 2016 12:39 PM in response to ChitlinsCC

    I place a copy of the pagination info at the top of the display post page.  It's like any other element on the page.  Hiroto's is on a fixed position on the window. When you scroll down, it stays on the screen.  When you scroll down with this javascript, this pagination doesn't appear.  There are still the two others.

     

    R

  • by ChitlinsCC,

    ChitlinsCC ChitlinsCC Aug 12, 2016 12:39 PM in response to rccharles
    Level 6 (8,217 points)
    Notebooks
    Aug 12, 2016 12:39 PM in response to rccharles

    Isn't GreaseMonkey just another "CSS invoking add-on" like Stylish that we already use?

  • by rccharles,

    rccharles rccharles Aug 12, 2016 12:50 PM in response to ChitlinsCC
    Level 6 (8,522 points)
    Classic Mac OS
    Aug 12, 2016 12:50 PM in response to ChitlinsCC

    Greasemonkey injects javascript into a web page.  A javascript program can change a web page to a greater extent.  Javascript can add data and html tags. Using javascript is more work, but can do the same thing as a user style sheet  plus a lot more.  It's looks and acts very similar to Stylish.  Stylish inject a css file into a web page.  Greasemonkey doesn't have an "edit" button .  You have to right click on the desired management block.  Had to do an internet search to figure this out.

     

    What I do in the javascript is to go in and find the first pagination block.  I make a copy of the block.  I find were I want to insert the copied block.  I insert the block.

     

    It wasn't much code, but I filled it up with my debugging code ... just in case.

     

    R

  • by ChitlinsCC,

    ChitlinsCC ChitlinsCC Aug 12, 2016 1:46 PM in response to rccharles
    Level 6 (8,217 points)
    Notebooks
    Aug 12, 2016 1:46 PM in response to rccharles

    Me like Hiroto's floaty mo betta, thanx

  • by ChitlinsCC,

    ChitlinsCC ChitlinsCC Aug 12, 2016 1:48 PM in response to rccharles
    Level 6 (8,217 points)
    Notebooks
    Aug 12, 2016 1:48 PM in response to rccharles

    I am enlightened, amigo - I can now see where once I was blind