2010-06-06 5 views
2

J'ai besoin que ma boîte de dialogue s'ouvre lorsque la page est chargée automatiquement. Quelle est la façon de le faire en utilisant jquery. Sans aucune interaction de l'utilisateur pour l'ouvrir.comment ouvrir la boîte de dialogue jquery ui automatiquement lorsque la page se charge?

J'ai essayé ce code mais le travail force

<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="css/style.css" media="screen,projection" /> 
     <script type="text/javascript" src="script/jquery-1.4.2.min.js"></script> 
     <link type="text/css" href="css/jquery-ui-1.8.1.custom.css" rel="stylesheet" /> 
     <script type="text/javascript" src="script/jquery-ui-1.8.1.custom.min.js"></script> 
     <script type="text/javaScript"> 
      $(function(){ 
       $('#dialog').dialog({ 
        autoOpen: true, 
        width: 600, 
        buttons: { 
         "Ok": function() { 
          $(this).dialog("close"); 
         } 
        } 
       }); 
      }); 
     </script> 
    </head> 
    <% 
       if (session.getAttribute("user") == null) { 
        response.sendRedirect("index.jsp"); 
       } 
    %> 
    <body> 
     <div id="wrap"> 
      <div id="header"> 
      </div> 

      <div id="leftside"> 
       <h2 class="hide">Sample menu:</h2> 
       <ul class="avmenu"> 
        <li><a href="dashboard.jsp" class="current">Dash Board</a></li> 
        <li><a href="createpoll.jsp">Create Poll</a></li> 
        <li><a href="availpoll.jsp">Vote Poll</a></li> 
        <li><a href="viewresults.jsp">View Results</a></li> 
        <li><a href="underconstruction.jsp">Settings</a></li> 
        <li><a href="logout">Log Out</a></li> 
       </ul> 
      </div> 

      <div id="contentwide"> 
       <%@page import="com.jSurvey.entity.question" %> 
       <%@page import="com.jSurvey.controller.questionJpaController" %> 
       <% 
        //code to write data to database 
       %> 
       <div id="dialog"><p>Data Added successfully</p></div> 
      </div> 
      <div id="footer"> 
      </div> 
     </div> 
    </body> 
</html> 

S'il vous plaît aider.

+1

http://jqueryui.com/demos/dialog/#options peuvent être utiles. – Matt

Répondre

4

utilisation autoOpen: true, pour le faire ouvrir directement lorsque les charges de page

0

Essayez:

$(document).ready(function() { 
     // Your dialog code here 
    }); 

EDIT: La seule autre chose que vous pourriez essayer est un $ (corps) .load (function() { // votre boîte de dialogue ici}); Si cela ne fonctionne pas, il y a un autre problème sous-jacent dans le chargement de votre page.

+0

'$ (function() {/ * Votre code de dialogue * /})' est équivalent à '$ (document) .ready (function() {/ * Votre code de dialogue * /}' – Matt

+0

l'a essayé aussi..it doesn Ne travaillez pas – rgksugan

+0

Ouais, je viens de me rendre compte que quand j'ai regardé dans un peu plus, juste un autre cas d'aveugle conduisant l'aveugle. – edl