HTML widget causing iBooks to Crash

I am attempting to embed an HTML 5 widget in an iBook made with iBooks Author. The widget was created with Hype. It tests fine in Safari. When I export it as an iBA widget and embed it, iBooks crashes. The crash occurs predictably upon "scene changes". The widget is 2.4 mB so I am wondering if there is a memory issue. There are no movies and very few imported graphics within the widget. Any ideas?

If the widget works in Safari on an iPad then it should work in iBooks.
There are many issues with html widgets in IA and using local storage is one of them, but your 2.4MB should fit.
If the widget is using <frames> it will crash, you should use <iframe> instead.
You cannot embed Flash, webgl and some other codings, but html5, css3 and javascript usually work fine.
hope this helps...

Similar Messages

Html widget for "ibooks author"

Hi,
I there a possibility to create a contact form in html to add to the html widget of "ibooks author" with an Adobe product?

Hi,
With Adobe FormsCentral, you can embed the HTML form into a HTML page.
Please check this document and see if the information/fuctionality described will work for you:
http://forums.adobe.com/docs/DOC-1991
Thanks,
Lucia

How to use Dashcode to make HTML Widgets in iBooks Author?

I'm writing books on iBooks Author, and I got a problem:
I wanna add some HTML Widgets to my books, and I was told I should use Dashcode to make them. So I downloaded the Xcode, but I don't know how to open the Dashcode on my Mac. I really hope someone could give me some lessons, I would be very grateful!

Start here: iBooks Author: About HTML widget creation

CNET HTML emails cause Mail to crash

I subscribe to CNET's Morning Dispatch. It is delivered in HTML format.
Sometimes when I select the message the content is blank. I can click on another message and then return to the CNET message which will then display properly.
Now Mail crashes when I try to display a CNET message. I tried to view yesterday's CNET message in the Trash. Mail crashed. Now Mail seems to open trying to display yesterday's message and crashing before I can do anything. This happened once last week and I had to restore ~/Library/Mail/ from my nightly backup.
Just now I tried relaunching Mail. I held down the Shift key as it launched (Hail Mary!). Mail opened with no mailbox selected. Everything seems to be OK.
iMac G4 Mac OS X (10.4.3) Mail 2.0.5

I subscribe to CNET's Morning Dispatch. It is delivered in HTML format.
Sometimes when I select the message the content is blank. I can click on another message and then return to the CNET message which will then display properly.
Now Mail crashes when I try to display a CNET message. I tried to view yesterday's CNET message in the Trash. Mail crashed. Now Mail seems to open trying to display yesterday's message and crashing before I can do anything. This happened once last week and I had to restore ~/Library/Mail/ from my nightly backup.
Just now I tried relaunching Mail. I held down the Shift key as it launched (Hail Mary!). Mail opened with no mailbox selected. Everything seems to be OK.
iMac G4 Mac OS X (10.4.3) Mail 2.0.5

How do I reset the furthest page read in iBooks from an HTML Widget?

Our training department just got a bunch of iPads and I'm writing some custom HTML widgets for iBooks for them for testing, in-class activities, etc.
On the last page I have a link to clear all the forms and return to the first page. Like this: <a href="ibooks:///#page(1)">Click here</a>
That all works fine but the next time the book is opened it auto-syncs to the FURTHEST page read (the last page with the test on it) instead of the LAST page read (the first page- from the link mentioned above).
Basically we want the link to reset the furthest page read to the first page of the book when they finish the test so that the next person to use the iPad goes to page one automatically.
Does anyone have an idea of how to do something like completely clear the iBook cache?
Much obliged!

This was hand-coded HTML, CSS, jQuery/Javascript with a PHP file on our server that processes answers and emails them to our training director.
I use Brackets exclusively for coding.
Hope this helps you.

Custom close / exit button in HTML widget

Hi,
how to set a custom close / exit button in a HTML widget for iBooks Author? I want to replace or hide the standard button in the top left corner.
I already tried some JavaScript but nothing seems to work so far. Where can this button be modified or disabled and how to create a custom one?
Best regards

Hi Ken,
thanks for your reply.
It's good to hear that this button can be changed.
It would be interesting to know how this can be achieved. Any hints?
Best regards

HTML5 audio widget for iBooks Author

Hello!
I'm creating a HTML widget for iBooks Author and I want to add a audio tag of HTML5 in my HTML file. When I do this, I test in Safari Browser and the audio sounds good, so I add my widget with the HTML file, sounds, Default.png and Info.plist and I do a Preview for see in iPad. When I open the widget in iPad the sound doesn't work and it show me a message like this:
"cannot play audio file"
The audio have a .m4a extension. I don't know what can I do...
Someone can help me, please?
Thanks!

Hi Crisiii,
I have the same problem. However, in my case it does work if I test the widget in an new empty book. When I add the widget to the real book it does not work. mabe you should do the test to troble-shoot and have a better idea of what is wrong in your case.
I will try to find a fix to the problem and let you know if I do. Please do the same if you find what the problem is.
Thank you.

Html Widget Crashes. How to load only one html widget at a time?

I have a bunch of html widgets which are just tab navigators with html pages inside of them. I must have about 20 of them , mostly leading to google image searches for common searches I tend to do in my work. Instead of constantly searching for these things on google I just click on the tab with the google search for say..."tree images". Its very fast and effecient for me.
The problem is now I have so many that it crashes photoshop, or crashes adobe configurator most of the time if I try to open the panel file. Im guessing that the panel I made tries to load all 20 google image searches at once, instead of only loading the page I click on one at a time. Is there anyway to stop configurator from loading my html widgets that arent clicked on ?

Anyone?

How to reset an iBooks Author Html Widget?

Hi folks!
I'm using with great pleasure Adobe Edge Animate 1.0 to make Html Widgets for Apple iBooks Author!
In a composition, I've defined this variable:
var track1 = new Audio();
        track1.src = "media/track1.m4a";
        track1.volume = 0.5;
and made it play:
track1.play();
All it works but...what if I want that - when I go out from the widget on iBooks on iPad - the track pauses?
I've coded this in my index.html file inside the widget:
    widget.pauseAudioVisual = function() {
// do this when closing Widget
$.Edge.getComposition(EDGE-114545384).getStage();
track1.pause();
widget.didEnterWidgetMode = function() {
// do this when entering widget
$.Edge.getComposition(EDGE-114545384).getStage();
track1.pause();
... but when I go out form widget the track still plays on....
Any hint?
Many thanks in advance!
Davide

I suspect the file is corrupted in some form.
Which could be a few keystrokes away from fixing or days of BS&T, sorry. There's no way to know, especially from here.
If you're handy with a text editor, crack into the xml and compare it to a behaving file to see if you can spot the issue(s). Or, do the same and carefully graft sections from it to a new file until you manage to manually rebuild.
In the end, tho, I think your time at this point is best spent simply redoing from scratch. If you have further questions, please start your own, unique thread so you can better track, close if solved, etc.
And again, to everyone....if your work has value, be sure to have a tested and reliable backup in place at all times.
Good luck.

Several html widgets I created contain the javascript libraries. Is there a way to create a common javascript library that can be accessed by all my widgets? I'm trying to reduce the size of the ibook I'mm creating.

Several html widgets I created contain the javascript libraries. Is there a way to create a common javascript library that can be accessed by all my widgets? I'm trying to reduce the size of the ibook I'm creating.

Seen this thread?
Can javascript libraries be shared across widgets?

Can custom HTML widgets be copy protected in iBooks Author 2.0?

Hi to All!
Never used iBooks Author up to this point, but looking in to it.
As per the subject heading: If a custom designed HTML widget is used in iBooks Author 2.0 can it easily be copied & pasted by viewers for their own puposes? If this is so can this action be prevented - i.e. can a custom HTML widget be copy protected in some fashion?
Thank You.

See this previous thread:
https://discussions.apple.com/thread/4122632?start=0&tstart=0

IBooks HTML Widget Warning

I've created a series of HTML Widgets using Hype and iAd Producer for my iBooks. However, on trying to upload it to iTunes Bookstore I received this message: WARNING ITMS-9006: "Study_it_2.ibooks : data-anchor-ref = danchor-gallery-0" at Book (MZitmspBookPackage)
I'm not sure what this means and would love some clarification. Please note that the book has been approved (so far), and the name of the book is Study it 2.
Thanks in advance!

Same problem a few minutes ago. Almost same error:
WARNING ITMS-9006: "Adobe_Publishing_Suite_Final.ibooks : data-anchor-ref = danchor-framethumb-3" at Book (MZitmspBookPackage)
My book also have a Hype 2 widget and one Gallery Widget (and several video widgets)
I can´t see so far the book on iTunes Connect. There was a 1 GB upload.
Update: The Book is on iTunes Connect, so the warning should not be so important as to block the book.
Message was edited by: Carlos Burges

HTML Widget not working with iBooks when exported

I've created an HTML widget for my iBook using Tumult Hype. The widget itself uses the draggable code. When I test it on Chrome and Safari, the code works fine. However, when I use export the iBook and test it on my iPad, the images are not draggable. This is also a problem with movie files, accordion drag and drop lists, etc.
Anyone know what's going on?

I never used iWeb08, but I just tried to make a site in '09 and my HTML widgets don't work either, on the web. They work if I publish to a folder.
The widgets load flash .swf files. I had to manually put them in the site folder on my computer, and in the widget I access them with a file name like "../flash/file.swf". It worked on the folder, but when I published to the site, they don't load.
Since iWeb doesn't know about the folder I stuck in there, I had to upload it to the site folder also. But that still doesn't fix the problem. I looked at the HTML widget source, and to me it looks like the file pathnames are correct, it just doesn't seem to be running the widget.
Anyone have a fix for this?
Thanks
Bob

Refresh rate for scroll area in html widget (iBooks Author)

So, I am finding that within the html widget, the refresh rate of a scrolling area is lagging.
As someone scrolls, the scroll window is black before the content catches up and is viewable.
Any recommendations to fix this problem?

This is stripped down test code:
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=1024px" />
<title>Test Scrolling Area</title>
<style type="text/css">
 body { overflow: hidden; background: #000; margin: 0px;}
 #section { position: absolute; }
 .bkgrd { position: absolute; }
 .list { width: 348px; height: 471px; position: absolute; top: 108px; left: 8px; overflow: scroll; -webkit-overflow-scrolling: touch; }
 .fill { width: 348px; height: 471px; overflow-x: hidden; overflow-y: scroll; background: transparent; font-size: 1em; font-family: "Optima" sans-serif; color: white; }
 .fill p.lineup { font-weight: bold; color: #fff; margin: 0;}
 .fill .head { font-weight: bold; color: #d40000; }
 .fill .normal { font-weight: normal; color: #fff; margin: 0;}
 .fill .head { font-weight: bold; color: #d40000; }
 .fill .date { color: #d40000; }
 .fill .city { font-weight: bold; }
</style>
</head>
<body>
<div id="section">
 <div class="bkgrd">
 <img src="images/bgrd.jpg" width="1024px" height="auto" />
 </div>
 <div class="list">
 <div class="fill">
 June 
 00 City, ST Really Long Venue Name 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Really Long Venue Name 
 00 City, ST Really Long Venue Name 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Really Long Venue Name 
 
 June 
 00 City, ST Really Long Venue Name 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Really Long Venue Name 
 00 City, ST Really Long Venue Name 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Really Long Venue Name 
 
 
 </div>
 </div>
</div> 
</body>
</html>

Can a HTML Widget access the content of a iBook page?

I am writing a HTML Widget that will present more information about the content where it is located by accessing a database. To do so, it needs to access the content of the page where it located, or, at least, the page number. Is there a way to do this?
Sure I can 'hard code' the info in the widget's javascript and have one different widget per page/content, but that will be difficult to maintain and deploy.
Thanks in advance.

Hi KT!
Thanks for your help.
In the same line of thinking I would like to ask if it is posible to access, via javascript, the propeties of the widget so that, in thesis, use the description or title property to pass info to the script about content or page number.

HTML widget causing iBooks to Crash

Similar Messages

Maybe you are looking for