Re^3: mini thread navigation for perlmonks

[Anonymous Monk]

have you selected a different layout in Display Settings?

No, I'm using standard Anonymous Monk layout (logged out)

What do you mean? I used the animate function for the scrolling. If I understand you correctly, that's how it should be?

I mean it should be fixed on screen, so if I scroll the content, it remains on the screen where it was left, it floats, like a floating toolbar, it doesn't change its position on screen ; like browser navigation buttons, window contents scroll, the buttons stay on top of window

Right now its added after all the replies -- at the end -- I kinda tend to read from top to bottom, so navigation aids tend to be most useful when they poke me in the eye, like first page somewhere on top :)

See perlre for an example, I believe the magic it uses is  style="position: fixed;"

About draggable, I mean re-positionable -- floating is great, collapsability is great, draggability is the ultimate in control -- it might not matter if this navigation-aid is positioned well by default, but draggability is a great way to see if there is a better position -- jquery.ui.draggable.js

[tinita]

No, I'm using standard Anonymous Monk layout (logged out)

Which browser do you use?

I mean it should be fixed on screen, so if I scroll the content, it remains on the screen where it was left

Well, that's the intention of line 4: position: fixed in the css file ;-)
If the navi doesn't appear fixed in the top right corner, then there's really a problem with the css.

[Anonymous Monk]

Which browser do you use?

firefox 17 something

If the navi doesn't appear fixed in the top right corner, then there's really a problem with the css.

Hmm, maybe its not being loaded?

I'll try loading it explicitly with

javascript:(function(){
    $('<link rel="stylesheet" type="text/css" href="https://raw.github
+.com/perlpunk/mytools/master/perlmonks-js-css/perlmonks.css" >').appe
+ndTo("head");
})()

Aha, its not being loaded , finally provoked a message Error: The stylesheet https://raw.github.com/perlpunk/mytools/master/perlmonks-js-css/perlmonks.css was not loaded because its MIME type, "text/plain", is not "text/css".

update: apparently this is a feature not a bug, and apparently also its abuse to use raw.github like that, so

So, if you could post/publish/maintain a version of the latest js/css in <readmore><c></c></readmore> in the root node for example, and then perlmonks can link to it (with first code tags (abspart=1) being the JS and second(abspart=2) tags the CSS) like this

javascript:(function(){
    $('<script src="?;displaytype=displaycode;node_id=1048124;abspart=
+1"></script>').appendTo("head");
    $('<link rel="stylesheet" type="text/css" href="?;displaytype=disp
+laycode;node_id=1048124;abspart=2" >').appendTo("head");
})()

This way of linking is used for css all the time on perlmonks, example themes for Anonymous Monk or try out themes without changing display settings

Firefox likes it, there is no http/https/mimetype to complain about :)

[tinita]

I think ideally you would checkout the files locally on your workstation, but I put the files onto one of my servers:
http://www.perlpunks.de/perlmonks-js-css/threadnavi.js
http://www.perlpunks.de/perlmonks-js-css/perlmonks.css
Hope this helps =)