Two columns display in the viewer? (facing pages)

[pollito pito]

I am still trying to convince the viewer that I want it to show two facing pages.
(old me likes reading in wide screen).
I’ve playing a lot with custom CSS without much of a success. Now, in some
old thread it was mentioned that the reader supports jQuery. If it is true, that
may open a lot of possibilities. However, I could not find any documentation
explaining how.
If someone could put me in the proper track…

1-Does the reader really supports jQuery?
2-Will it also support jQuery plugins?
3-Where do I put my jscript and eventually the plugins?
4-Can someone provide an example?
5-Where are the custom CSS settings stored?

Also, a somehow more general question: I suppose that for the purposes of the reader,
every paragraph is internally tagged as <p> or <div something> or even some unique
ID. Can someone explain? Is it possible to access those tags or at least the count, as it
is provided in the “Reference Mode”?

Thanks a lot.

[kovidgoyal]

the reader does support jquery (it's builtin). But there's no easy way to add plugins, short of editing the source code.

the reader doesn't store an id for paragraphs, instead the reference number is calculated each time it's needed. That javascript to do this is in the resources/viewer directory of the calibre install.

You can just add any javascript you want to these files to make it avaialble to the viewer.

[pollito pito]

Originally Posted by kovidgoyal

the reader does support jquery (it's builtin). But there's no easy way to add plugins, short of editing the source code.

Sorry, no python for me...

Originally Posted by kovidgoyal

the reader doesn't store an id for paragraphs, instead the reference number is calculated each time it's needed. That javascript to do this is in the resources/viewer directory of the calibre install.

I see it. But where the custom CSS settings are stored?

Originally Posted by kovidgoyal

You can just add any javascript you want to these files to make it avaialble to the viewer.

I add my fuctions to some of the files, but how do I call them? Or you mean that may be I could replace the , lets say, referencing.js with my ouwn referencing.js ?

Thank you very much.

[kovidgoyal]

you link to the javascript event handlers and have them call your code. like onmouseover or click or ready.

custom css can be edited in the viewer preferences.

[pollito pito]

Originally Posted by kovidgoyal

you link to the javascript event handlers and have them call your code. like onmouseover or click or ready.

OK, I got it. I will see what can be done there.

Originally Posted by kovidgoyal

custom css can be edited in the viewer preferences.

Yes, but where, like in what file, are they saved/stored?

Thanks again, for the answers and for the magnificent CALIBRE.

[kovidgoyal]

In one of the preference files, cant recall which. Look int he config directory accessible via Preferences->advanced

[pollito pito]

Originally Posted by kovidgoyal

In one of the preference files, cant recall which. Look int he config directory accessible via Preferences->advanced

It is in "viewer.py"

Thanks, now i can start my hacking

I'll report on any success ...