Hi,
I just noticed that javascript code in HTML Widget is not executed on iOS.
In the attached example, clicking on the ‘Change content’ button calls a function within the HTML Widget that makes it change its content.
Hype caller function :
HTML Widget content:
It works on a desktop browser, but not on iPad (neither Safari nor Chrome) - am I doing something wrong ?
Is the same behaviour to be expected from Android browsers ?
Cheers,
Teo
Here is the Hype document:
iPadWidget.hype.zip (15.8 KB)
this’ll be a security issue … cross origin request …
from safari:
Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.
from chrome:
Error in myTestFunction: SecurityError: Blocked a frame with origin "null" from accessing a cross-origin frame.
do you really need a iFrame-construct¿
if so, you may be better off with a postMessage-approach : iPadWidget.hype 2.zip (13.3 KB)
Thank you for the quick reply.
Unfortunately I need an iFrame because:
Unless there is another way to print it, I’m stuck with this method.
iPadPrintWidget.hype.zip (18.6 KB)
i posted a possible solution in my previous post … you can use postMessage which can send a message whith arguments. the target needs an eventListener ‘message’
Oops, sorry - from my abyss of despair, I didn’t notice your attachment. 
Unfortunately, it does not seem to work either on an iPad…
change this line
myObject = hypeDocument.getElementById('myWidget').getElementsByTagName("IFRAME")[0];
Brilliant! This works perfectly.
Many thanks for your great help!
not that for 
tipp:
if you connect your appledevice with your mac (cable) you can use desktop-safaris devtools to examine the devices safariwindow.
in this case it showed that hype displays another hierarchy on mobile safari while wrapping the iFrame with a div appending overflow-touch … -> nice to know
sunny day