Modal Alert box for iphone using Jqtouch

Question

Hi All, I am developing sample i-phone web application, i am stuck-up with creating alert box using jqtouch. Does anybody knows about to create sample modal alert box doe iphone. I don't want to use the existing JavaScript alert due the tile bar problem.

Any sample code or ref link available?

Thanks in advance

Jonson

Answer 1

http://docs.phonegap.com/phonegap_notification_notification.md.html#Notification

please accept answer if it is helpful

Answer 2

In jQTouch demo you will find a demo named ext_floaty. You can use the floating window as alert.

Here is some relevant discussion

Answer 3

You want to use the floaty extension. See a live example with your iPhone or Safari in DEV iPhone mode here: link text

The code to include on that page is listed on that page, view source. The extension is the JS file and these functions call it.

script src="../../extensions/jqt.floaty.js" type="application/x-javascript" charset="utf-8"

        $(function(){

            $('#togglefloaty').click(function(){
                $('.floaty').toggleFloaty();
                $(this).removeClass('active');
                return false;
            });

            $('#hidefloaty').click(function(){
                $('.floaty').hideFloaty();
                $(this).removeClass('active');
                return false;
            });

            $('div#jqt .floaty').makeFloaty({
                spacing: 20,
                time: '1s'
            });

        });

            <ul class="individual">
                <li><a href="#" id="hidefloaty">Hide Floaty</a></li>
                <li><a href="#" id="togglefloaty">Toggle Floaty</a></li>
            </ul>

Answer 4

Hi Jayesh, Thanks for your answer.It works fine. But the pblm is that its not modal. User can click any other button still the message box is displayed. Any solution for this?