how can i allow user to scroll large text files? - javascript

I have very large text files that can reach 10's of gb's(on server side), and want the ability for user to scroll through them on my website.
This will allow them to view it without needing to download a program such as glogg.
I thought about implementing something that shows lines of text based on the users scroll positon, although i dont really know how to start doing this.
My website is build on react and nodejs.
Any ideas?

You can use overflow property in your css

Related

Automate scrolling through a PDF on a display screen

I have a PDF with c.17 pages, which I want to display on a screen, but want to find a way to automate displaying each page for a minute or so, before it moved onto the next page (and cycles around and around etc) without someone having to manually scroll or click.
I'm sure there is some code I can add to my PDF (I have pro) that will run this automated transition? Please help!
I haven't tried anything yet, apart from searching for various code options

Injecting a div into my site with JS (not able to edit the main theme files) is this possible?

I have a site over at https://sofubiki.com, running on Wiki.js
There's a column down the left hand side that holds the contents, then there's a big space beneath this that'd be perfect for adding some ad banners or other info. Is there any way to insert a section in this column without being able to edit the main site theme (limited knowledge and a confusing process!) Looking around the web it seems that a JS div is a possibility but I'm not too sure!?
Any help would be much appreciated!
Thanks!

Using JS for multi-page mobile site

I'm building a large site (30+ pages) and wanting to use a centralized HTML page with 3 columns. I'd like the middle column to change depending on links clicked either via the left column (nav side bar) or a nav at the top of the page.
Here's a simple layout out of what I'm talking about (don't know why the middle section isn't going behind the left-panel though). https://jsfiddle.net/cxLcmfh8/
So, different .middle-panel objects are linked to a .left-panel nav element. The left nav would remain the same and the middle would fade in depending on which link is clicked.
I'm worried something like this would be too large for mobile users. Is there a way to build a large site with a setup like this without having to have mobile users basically download the entire site just to enjoy some neat transitions?
if data is not to large that wont create any difference if large than you should use server side scripting like PHP,JSP or servlet to generate response in same page and apply animation when page load.
or use AJAX to download data as and when required and apply transition. This method would not download all data and won't create over head it take time depending on net speed.

WYSIWYG with absolute element positioning

Does anyone know a javascript WYSIWYG (free or paid) that allows for absolute positioning of text and images inside of it?
Hotglue is free, OpenSource, and allows complete absolute positioning, it can create entire pages, has support for multiple users, and stores HTML docs in flat-files and uses AJAX to keep the pages saved while editing, it even has a history and you can compare/restore previous versions.
http://hotglue.org/
I replaced the icon pictures though, as they aren't very similar to current designs out there, and you can disable things you don't need like embedding videos/etc.

"Type-writer Scrolling" in a web-page (JavaScript, CSS, and/or HTML)

I'm trying to work out how to do "type-writer scrolling" in JavaScript for a textarea in a web-page, but I'm having no luck. Essentially, what I'm trying to do is make a textarea that, when a new line is created, scrolls the document automatically so as to keep the new line in the same position as the previous line. I've seen something similar in desktop applications such as Write Monkey, but can't work out how to do it in JavaScript.
Thanks in advance for any suggestions!
Have a look at this page http://www.mediacollege.com/internet/javascript/page/scroll.html it shows basic scrolling methods
You could either scroll down by the height of your line (line-height css property) or scrollTo a specific point on the page
I have achieved something close to this, automatically expanding a textarea the way it is done on Facebook, but that was based on a conservative estimate, considering font size, box width, etc, to determine how many lines have probably wrapped. What you are describing is more exact -- down to the character.
The challenge here lies in knowing exactly how many lines are currently in the textarea and I can think of no way to do this. When you say, "a new line is created," you're talking about automatic wrapping and there is no way to read that or to trigger from it. It is part of the browser's hard-coded interpretation of many things, including your CSS.
If you went through with the whole typewriter theme, you would have a bell and the user would hit RETURN when they needed to, then you'd have your cue to scroll, but that sounds like a sure way to remind people why we no longer use typewriters.

Categories