oskarkrawczyk / heyoffline Goto Github PK

Forgot to add @ symbol, 676f702

The script doesn't work on Mozilla Firefox 29.0.1 (Windows 7).

But works fine on the same machine with -
Google Chrome 35.0.1916.153 m
Opera 22.0.1471.70
Internet Explorer 11.0.9600

It doesn't work on Webkit browser but it works on Firefox Mobile

This project is just awesome !
But there's a thing that embarrass me, it's not possible to check the network when the website opens.
I would be usefull if the website is available offline (thanks to the HTML5 manifest).

I just want to say this is really useful for me. I am creating a web text editor and want to tell users if they can save. If it is alright I would like to build on this API.

Please see the code below, the output of console.log shows that onOnline and onOffline events are the opposite of network availability. (meaning that onOnline triggered when disconnected from the wifi, and onOffline triggered when reconnected to wifi)
The modal window show and hide are correct.

$(function () {
new Heyoffline({
onOnline: function () {
console.log("online now");
},
onOffline: function () {
console.log("offline now");
}
});
});

please advise,
Thank you,

setInterval + async request would probably be the way to go with this.

I switched my Wi fi off for about 60 seconds. But then I did not see any DOM change to reflect the functioning of your online demo script. Is there anything more I need to do?

Thanks. Great project btw.

I am trying to change the texts of the heyoffline script. Unfortunately, i'm not being able to change it's options, like such:

new Heyoffline({
text: {
title: "Heading",
content: "WarningMessage",
button: "Close Alert"
}
});

It tells me that "object is not a function". My console is telling me that "Heyoffline" is an object, not a function.
Without any adjustments, if I disconnect my wifi, it displays your heyoffline popup just fine.

Any clue what I am missing here?

TIA, Jasper

• Rewrite into ES6
• Consider external CSS
• Configurable message template
• Remove CoffeeScript remains
• Discard Bower stuff
• Publish on NPM

I can't figure out how to change the text. I've tried with the following code

new Heyoffline({
  text.title: "Heading",
  text.content: "Warning Text",
  text.button: "Close Warning" 
} ) ;

But I just get some error messages. Uncaught SyntaxError: Unexpected token .

What could be wrong?

• Love the project
• Unfortunately, it seems that heyoffline.js:24 (return element.addEventListener(event, fn, useCapture);) gives this error:

"Object doesn't support this property or method"

• After a little research, it seems that if the addEventListener function is not available you can use attachEvent.
• I'll give it a shot and see if I can contribute a fix for it, but no guarantees :)

Would be useful to update the readme to have a list of supported browsers or, alternately, a description of what features are required for this to work.

My first impression of this was that it did not work because I tried the demo in Firefox 19.0.2 (which does not support the features required by this utility).

Hey there. Great little script - works fine in Chromium under Ubuntu, but doesnt in Firefox. Also fails in a Windows 7 virtualbox under Safari and Firefox, havent tested Chrome yet. Just an FYI, hope to see improvements in the future!

I tested this by disconnection my network connection while on the demo site and it didn't detect I had lost my connection.

So is this script only for mobile devices? Or for when the browser is set to Work Offline ?

Tested on Firefox 17.0.

I undestand that firefox spec is not standard regarding the online/offline events. But it should trigger at least when the user clicks on "work offline" which is not the case currently.

Thanks.

How to load Heyoffline using require.js

I connect to the Internet via ssh proxy tunnel. If I disable the proxy tunnel message won't appear (it'll appear only when I disconnect from Wi-Fi).

Mac OS X 10.8.2

A conditional would be useful to check at any point in a script if the client/browser is offline or online.