Make HTML elements appear into the page [closed] - javascript

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 years ago.
Improve this question
I've created an AngularJS single page app, which has chat rooms. I want to have, on my main page (index.html), some kind of JavaScript function which will gradually show text boxes of the rooms I have on my app. Like an old screensaver, each text box with a room name will be appearing on the page (in lets say 5 seconds intervals) on a random not occupied location on the background of the screen.
My question is - in UI/UX terms - what is the best way to present new content from lets say an array of data (in my case some texts array), with intervals of 5 seconds (JavaScript timer?), And makes each data appears out of the blue into the screen (CSS animation?).

Not Sure, But I think you want to achieve something like below https://owlcarousel2.github.io/OwlCarousel2/demos/autoplay.html

Related

Multiple (9) tabs in a page, wise or not? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I'm using bootstrap in my web API page, and i'm planning to put 9 tabs in a page. Each tabs will have to load database values based on drop-down choice and the choice will be displayed in a table, then from the table they will make another choice and then that choice will be added with several other textbox inputs to be stored in the database.
So there will be a to-and-fro data retrieve and send process for each. Is it wise to do this? Does it affect performance? Or should i put those tabs in separate pages?
This is more of a UX/IA issue than a coding concern. I would envision using AJAX to load/refresh each tab's content, which could affect performance based on how much data is returned, how the data is displayed, etc.
I'm typically a proponent of the "less is more" mindset so 9 tabs may be a lot, but again this is up to your app's purpose and UX.

Load more when scroll to bottom like facebook(Jsp or Servlets) [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
Yes, I want something like Facebook post. But i'm unable to find any good resources for Java.
I'm making my project using Servlets and Jsp technologies. It has lots of contents in Database. I'm fetching it using Select *.. But i want to put something like Facebook for Loading more contents when scroll to bottom.
Problem is that i don't know anything about Ajax, So please how to implement it on my servlets project during fetching the data, At least give me an ideas.
HELP WOULD BE APPRECIATED!!
Regardless of technology/language, your process goes something like:
1) Request x records from service and display
2) When user reaches end of x records, fetch x more records from web service with offset = x
3) Display those records
Repeat.

how to make pagination like google only using javascript? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 3 years ago.
Improve this question
how to make pagination data like google just using jquery. so when us press button between number 1 and number 6 pagination begin at 1. and when us press button 7 pagination start at 2 and so forth. someone can help me to make correct algorithm or javascript/jquery program?
I created something like this a few years ago (https://github.com/johncobley/jQuery-Paging)
It needs a partial address to which it will add the page number and variables containing the current page number and total quantity of pages (I use a hidden input).
Call it using something like -
$(".paging").paging({
url: "pageurl" + "?page=", //the actual number is added in the plugin
currentPage: parseInt($("#currentPage").val()),
pages: $("#pages").val(),
float: "left"
});
$(".paging") in this case is an empty div.
It uses CSS classes from jQuery-UI and it appears something like -
First page
Middle pages

loading different video background when user refreshes the page [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
What's the best way to load a different video background when user refreshes the page? I seem this done in flash but that's not what I want. Thank you.
I would do it this way:
Initialize a set of video sources in an array.
Randomly pickup a video among these sources using Math.random() and apply it to your webpage.
If you want different video after every refresh, save the source path in localStorage and check it after refresh.
Keep it simple. :)

Reasons\ and Benefits to build SPA application [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
As I understand, SPA means
Move maximum of logic to the client. Means client only receive JSON objects from the server by requesting them and nothing else
Push all our html to as single page
Maybe something else?
Questions
What are reasons/benfits to write Single Page Application?
Especially, what are the benefits to push all our html to a single page?
One of the big differences with SPAs is responsiveness. They just appear more responsive to the user because there's no gaps while a page has to load. Users can also be given direct feedback while they're waiting for changes (like spinning icons or progress bars). This kind of feedback is well received by users and decreases the perception of wait-time. Users can also be interacting with the app in multiple ways, all without having to wait for a new page load for each interaction.

Categories