Home/ Questions/Q 542501
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T10:27:12+00:00

I’m creating a little iphone webapp for my school using the iWebkit (fancy css/javascript

  • 0

I’m creating a little iphone webapp for my school using the iWebkit (fancy css/javascript for making the interface for iphone / ipod touch web sites / webapps.

There is a feature called Popup which simulates a popup that you get in settings on your iPhone when you reset all settings (i.e. confirmation popup).

How can I make the popup appear AUTOMATICALLY when a HTML page is displayed – rather than having to click on the link per example of the user guide? (Page 22). I’ve tried doing a onload in the body tag and even header tag but it doesn’t work.

I don’t want to use a javascript alert as it’s not sexy.

This is what the code currently looks like based on Doug’s suggestion below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<title>Popup Test</title>

<script src="javascript/functions.js" type="text/javascript"></script>

<script type="text/javascript">
    document.addEventListener('load', function(){
    window.setTimeout(function(){
    iWebkit.popup('popup1'); // Adjust this line to have the correct popup id
    }, 5000); // This is in milliseconds. Keep the number as low as possible so it still works
    }, false);
</script>

123

Are you sure you want to do this?
Stop Server
Cancel

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Well, first the library (iWebkit) you are using is doing a “bad thing” by taking the entire onload event to itself instead of using the proper addEventListener function to attach itself to the onload function.

    onload is the proper place to put it, but here is how you will need to call the popup on page load (add this after the script src='/js/functions.js' line)

    <script type="text/javascript">
  window.addEventListener('load', function(){
     iWebkit.popup('foodpopup'); // Adjust this line to have the correct popup id
  }, false);
</script>

    If that doesn’t work, it might be because both your function and their onload stuff is running at the same time. You can then try this:

    <script type="text/javascript">
  window.addEventListener('load', function(){
     window.setTimeout(function(){
        iWebkit.popup('foodpopup'); // Adjust this line to have the correct popup id
     }, 300); // This is in milliseconds. Keep the number as low as possible so it still works
  }, false);
</script>
    • 0