Search jQuery

jQuery Forum

Using jQuery

rata71

Execute jQuery function from javascript

in Using jQuery • 13 years ago

Please excuse my English and my ignorance in jquery

I have a function javascript which validate information.

function validateLogin() {

if ( document.getElementById("login").value == "fail" )

.... i need show a modal window to login ....

}

I trying use jQuery, but.... i don't know how call the jQuery function....for example....

$(document).ready(function() {

$('#div_login').click(function(e) {

alert("HELLO, Log in please!!!!");

});

How i can call the event click of #div_login????

Replies(5)

dominique..

Réf.: Execute jQuery function from javascript

13 years ago

Hello,

Try this :
$('#div_login').click();

Regards,
Dominique VINCENT
http://www.toitl.com/
http://helpdesk.toitl.com/

rata71

Re: Réf.: Execute jQuery function from javascript

13 years ago

Hi Dominique, tks for the quickly responde, but, i try this, but this don't result....

In this sample, i want run the event by onClick, i know that jQuery is otherwise, but, to simulate the situation.....

here is the complet (almost) code

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

<script>
$(document).ready(function() {

        //select all the a tag with name equal to modal
        $('#div_login').click(function(e) {
                //Cancel the link behavior
                e.preventDefault();
                // show the window to login
        });

});

</script>
</head>
<body>

<div id="boxes">

<div id="dialog1" class="window">
<div class="d-header">
    <input type="text" value="username" onclick="this.value=''"/><br/>
    <input type="password" value="Password" onclick="this.value=''"/>
</div>
<div class="d-blank"></div>
<div class="d-login"><input type="image" alt="Login" title="Login" src="../imagenes/login-button.png"/></div>
</div>

<div id="mask"></div>
</div>

<input type=button id=boton value=LOGIN onClick="$('#div_login').click()" >
</body>
</html>

Tks!!!
Gabriel

dominique..

Réf.: Execute jQuery function from javascript

13 years ago

Try this :

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
  rel="stylesheet" type="text/css"/>
  <script type="text/javascript"  src='../../../../libuser/toitldocumentdomain.js'></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js"></script>
<script>
$(document).ready(function() {

  $('#boton').click(function(e) {
  // show the window to login
  $("#dialog1").dialog({modal:true});
  });

});

</script>
</head>
<body>

<div id="boxes">

  <div id="dialog1" class="window" style="display:none">
  <div class="d-header">
  <input type="text" value="username" onclick="this.value=''"/><br/>
  <input type="password" value="Password" onclick="this.value=''"/>
  </div>
  <div class="d-blank"></div>
  <div class="d-login"><input type="image" alt="Login" title="Login" src="../imagenes/login-button.png"/></div>
</div>

  <div id="mask"></div>
</div>

<input type="button" id="boton" value="LOGIN"  / >

Regards,
Dominique VINCENT
http://www.toitl.com/
http://helpdesk.toitl.com/

rata71