Flip Pages

[Amer Auof]

Hi all,

How can I flip pages by touch the Web viewer by HTML.

Thank you.

[TimAI2]

You mean like this ?

http://www.turnjs.com/

[Amer Auof]

Yes, this is a very nice code. However, I hope there would be much easier than this code.

[TimAI2]

You can have easier code, but that will result in less animation/fancy graphics

[Amer Auof]

I agree with you Tim.

So, how I can do this code. Is there an issue or any methods to do that code.

[TimAI2]

This is probably better as is done with pure javascript (more likely to work in the WebViewer)

and provides a tutorial and the source code.

https://www.html5rocks.com/en/tutorials/casestudies/20things_pageflip/

If you want a ready made solution, see my PDF Viewer example (no fancy animations)

HOWTO: View any PDF in WebViewer.

[Amer Auof]

Hi Tim,

Thank you so much for this good idea. Is it possible to do this code in App Inventor and how can I do it?

[TimAI2]

Yes, just write your html page, load it to the assets/media and call it.

[Amer Auof]

Hi Tim,

Would you please give me an example.

[TimAI2]

https://puravidaapps.com/snippets.php#2htmlread

[Amer Auof]

Hi Tim,

Would you please guide me how to do it because I know a little bit:)

https://drive.google.com/file/d/1hI2tHiCuvE2dorK7fJJ0pyMctzqdBkpL/view?usp=sharing

https://drive.google.com/file/d/1C1KqW5rDaXx67nrEC7jnAjHBTZXBrE40/view?usp=sharing

[Amer Auof]

Hi Tim,

I made an example to view the current page by html after select from list view.

so how can I flip the page.

https://drive.google.com/file/d/1dyLVxAGuaJ5P4jKt2U7EU5pvHnCYHh7u/view?usp=sharing

[TimAI2]

Osama,

Your aia really has nothing to do with using the flip pages javascript examples I pointed you to earlier in the thread.

You need to go back and read through the examples to understand how the flipping is used with content.

To be honest, adding the flipping and the javascript will only complicate your app. Sometimes less is more!

We have been over how to change the content in your html many times in previous threads raised by your various aliases.

I have reworked your aia to reduce excess blocks and improve presentation.

Note: the time and trouble you are going to, to create new accounts all the time, in the hope of getting help, is not worth it. Just post as who you really are

[Amer Auof]

Hi Tim,

Thank you so much for advise and I appreciate of your help. 

To be honest with you, I am planning to make a different application. It just contains pages without any sounds.

Please help me how to do it.

[Amer Auof]

Hello Tim,

Can you please tell me how can I make list for each item in the list in separate listview.

For example when I select  

1.Researchers.csv

It open list :

lecture 1

lecture 2

lecture 3

lecture 4

lecture 5

lecture 6

lecture 7

Then it read text for each lecture.

Please see attached .csv

Thank you so much Tim

[TimAI2]

Why not get everything into one list/csv file using google sheets, and format it correctly.

Google sheets can store up to @ 25 pages of text in a single cell - is that enough for your lectures ?

Not sure what your "Views" and "Lists" will look like.

Storing this as a single file and calling it in to AI2 is then managed using list manipulation

[Amer Auof]

It's an excellent idea.

Thank you too much for the idea.

Can you please advise me what to do in order to build the java script for flip pages.

[Chris Ward]

Hello Amer

You can learn how to flip pages (and more) at https://www.w3schools.com/js/default.asp

That's the best forum to ask questions about JavaScript too, given that many professional JavaScript developers are the Power Users there.

[TimAI2]

"Can you please advise me what to do in order to build the java script for flip pages."

Osama,

Did I not provide you with two examples earlier in this thread ?

[Amer Auof]

Yes, you did. But still I don't know exactly how to start and from where I start. 

[TimAI2]

to quote/paraphrase another power user:

"perhaps recognize that app development is not your thing. No harm done. There are many things you are good at!"

[Amer Auof]

I don't have an experience in app development but I am trying to learn more as I can. So, please help me if you don't mind.

[Taifun]

I don't have an experience in app development but I am trying to learn more as I can

A very good way to learn App Inventor is to read the free Inventor's Manual here in the AI2 free online eBook   http://www.appinventor.org/book2 ... the links are at the bottom of the Web page.  The book 'teaches' users how to program with AI2 blocks.

There is a free programming course here http://www.appinventor.org/content/CourseInABox/Intro  and the aia files for the projects in the book are here:  http://www.appinventor.org/bookFiles  

How to do a lot of basic things with App Inventor are described here:  http://www.appinventor.org/content/howDoYou/eventHandling  .

Also do the tutorials http://appinventor.mit.edu/explore/ai2/tutorials.html to learn the basics of App Inventor, then try something and follow the

 Top 5 Tips: How to learn  App Inventor

You will not find a tutorial, which does exactly what you are looking for. But doing the tutorials (not only reading a little bit) help you to understand, how things are working. This is important and this is the first step to do.

Taifun

---

Trying to push the limits of App Inventor! Snippets and Tutorials from Pura Vida Apps by  Taifun.