ArticlesLinksMake a PayPal Contribution to remove CopyWrite notices!
|
DescriptionAugust 11 2008 - Updated: Totally javascript Book Flip for page turn effects.Sound Manager is the only Flash component courtesy of Scott Schiller (schillmania.com). Ideal for Online story books as a teachers aid or just for fun. Now has the ability to utilize html within each page and still maintain proper layout. Place any html code within the books pages - div id="myBook". Each code block within the myBook div will be treated as a seperate page. Setting are adjustable in the script. Download Zip Commentsvanbao: Will, Thanks for the quick response. I don't quite know what you mean by installing on the server. I downloaded the soundmanager2-nodebug-jsmin.js and uploaded to my server in the same folder as the bookflip.js folder. Then in my html file, I linked to it with this tag: <script type="text/javascript" src="soundmanager2-nodebug-jsmin.js"></script>
-
- For some reasons, that does not do it. please help me understand how to install this script on my server. I don't quite know how to install. Will: @vanbao: Make sure your folder permissions are set correctly for soundmanager folder. Upload the soundmanager demo folder/files as a test to make sure its set correctly on your server. Will: Update Part1:*Jump to page* dropdown modified, can optionally be set to jump to page incrementally, the default is to go directly to selected page without animation...Add doIncrementalAutoFlip = false; to your html page in the js variables section. Set to true for incremental. Will: Update Part 2:*Jump to page* dropdown can now support custom page names. Simply give your page container element a name and the script will takes care of the rest...eg. <div name="Home">....bookflip.zip and bookflip.js updated. hemz shaw: Hi Will,
- This is really awesome. was thinking of implementing the same for a school for physically challenged kids. There is a prob. Sometimes, text that these students want to copy & when ever we click on the text,page changes. Can you let me know how to set this to change on click of the button on the top, as well as a link on the bottom right and left of the page so that I can still copy the content of the page. Will: @hemz: look in your html near the bottom for: allowPageClick=true; //allow clicking page directly, set to false will disable it. As for moving buttons around there are many ways to do it but an understanding of html is required....you need to copy the buttons html code to the required location/s on your page:
- <input type=button class="buttons" value=prev onclick="goprev();">
- <input type=button class="buttons" value=next onclick="gonext();">
- Cheers :) greg: I downloaded and used the script and works awesome. But i have one problem with the code in html, i was not able to create internal link with the pages, can you please help me with that? Will: <a href="#" onclick="autoFlip(5);return false;">Page 5</a>
-
- 5 being the page to jump to....Is that what you mean? greg: Yes, thanks for the quick response. mmmaria: hello, I tried to open it with explorer. Just for double check. And the images doesnt apear (!) do you have any suggestion?
- thanks! Will: i can only guess? more details please....did youdownload the zip?
- error messages? mmmaria: I have downloaded the zip of version 3. And it works in safari and f.fox but Tried to open the html in explorer and no images loaded...
- and thanks for sharing your work!!! :) Will: mmmaria, the scipt definatly works in IE. Check your browsers settings...does a security bar warning come up when you open the bookflip....if not you possibly have settings disable for running javascript from the local file system. Test other local files that contain javascript to see if they work....you may have to adjust your browsers security level is too high. See http://netsecurity.about.com/cs/tutorials/ht/ht020203.htm and http://www.jfitz.com/tips/ie_security_config.html Dan: Is there any way to insert image-mapping into each individual page? I'm trying to implement a way for users to click on portions of a page and have a new image pop up according to where they clicked. Any ideas? will: Dan, in bookflip.js is function whichElement(e,dir). replace: if(tname=="A" || tname=="INPUT" || pname=="A" || pname=="INPUT") with: if(tname=="A" || tname=="INPUT" || pname=="A" || pname=="INPUT" || tname=="AREA")
-
- Tested using code from http://www.w3schools.com/TAGS/tag_map.asp 15 of 35 comments (part 1) [ » ] [ * ]
|