Topbar Focusizer Download 1.1.1

5.0
us Allon Prooit 2 months ago

A small component to keep the topbar in focus. Also includes javascript that is supposed to make the topbar scroll up when scrolling down and then return after scrolling back up.
Needing help to further develop it.
V1.0 - Initial release. Keeps the topbar constantly in focus.
V1.1 - Code corrected for the community to help develop it.
V1.1.1 - Code corrected by Rafael Amorim. Code needs to be adjusted for right side buttons in CSS.

Comments
German Michael Zülsdorff Replied 2 months ago

Ok,
so with document.getElementById(".topbar")
w3schools is trying to find and access a node with the id .topbar
And the result is:
Uncaught TypeError: Cannot read properties of null (reading 'style')
null means: not found.
Thus, I'd ask myself: Does a node with an id like that exist at all in my theme? ;)

us Allon Prooit Replied 2 months ago

Just so you know, the basic coding for the component came from here...
w3schools.com

us Allon Prooit Replied 2 months ago

Here's the error again, hopefully easier to read...
enter image description here
Also, thanks Rafael! Glad to find some good code to work with. The Github repository has the V1.0 uploaded. AT3META's GitHub

Breton Rafael Amorim Replied 2 months ago

I'm flattered to see my component been using as inspiration to a new component :-)

If you can, put your code into GitHub to allow us improve it.

German Michael Zülsdorff Replied 2 months ago

Sorry, but I'm unable to read that. Upload that new code and we'll see ..

us Allon Prooit Replied 2 months ago

Ok, so I made a number of adjustments and ended up with the following error. Not sure how to proceed. See image for details... something about the javasript.

error

German Michael Zülsdorff Replied 2 months ago

The options to choose from are

  1. ossn_extend_view('ossn/site/head', 'js/topbarfocusizer');
    in order to get your script separated and uncached in the head area of the html

  2. ossn_extend_view('js/ossn.site', 'js/topbarfocusizer');
    in order to get your script merged with other component's javascript and being minified and cached (with Ossn cache=enabled)

us Allon Prooit Replied 2 months ago

Indeed, that is the difference. Any thoughts on what I should change to get this component working to spec? I see a few alterations i can make...

German Michael Zülsdorff Replied 2 months ago

ossn_extend_view('ossn/site/head', 'js/imagesinmessage_head');
ossn_extend_view('js/ossn/site/head', 'js/topbarfocusizer');

That's a major difference, isn't it?
And yes, the CSS part is working

us Allon Prooit Replied 2 months ago

Can someone please let me know if this component works on OSSN 6.1 or not?

Component

Developer: Allon
License GPL v2
Type: Tools
Requires Ossn Version : 5.6
Latest Version: 1.1.1
Last Updated 1 month ago
Repository Url View Repository

Versions