Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Welcome to the Jo support forums! Please Sign Up and join in the discussion. You can also Sign In instantly with Twitter, OpenID or your Google ID.
Notification badge on jo widget
-
So, I have this jQuery function posted at http://pastebin.com/MCKmq9EX.
And I have this CSS posted at http://pastebin.com/JDSj3y5r.And here's how it is laid out in HTML at http://pastebin.com/x8B6X3CN.And finally, here's how it looks in a browser (tested with Safari, YMMV): http://www.wtmobilesoftware.com/jqm/test.htmlAs you can see, this draws a nice iOS-style notification badge on an HTML-5 widget (jQuery Mobile in this case).I'd like to see about porting this over to run on a joButton or joTab object. The CSS and jQuery code should run pretty much as is. However, since this is implemented in markup in JQM ("<li> <div id="myBadge" class="badge">11111</div><a href="b.html" data-icon="check" data-iconpos="top right">link2</a></li>">"),I'm not sure how to implement this as a JavaScript object in jo. Can anyone point me in the right direction?(Code based on a discussion at http://stackoverflow.com/questions/7885160/jquerymobile-custom-navigation.)
