Wednesday, June 5, 2024
 Popular · Latest · Hot · Upcoming
52
rated 0 times [  57] [ 5]  / answers: 1 / hits: 17808  / 10 Years ago, fri, november 7, 2014, 12:00:00

I am passed 3 html elements as parameters to JS function. JS function is in separate file. I have problem to bind 'click' event with _confBtn object (which is parameter). My complete JS file:



 window.HAS = window.HAS || {};
HAS.MyApp = HAS.MyApp || {};

(function (_this, $, undefined) {
var _sessionTimeOut = false;
var _startCountDown = false;
var _counterTime;
var _countDownTime;
var _dialogWrap;
var _confBtn;
var _counter;

_this.init = function (showDialogTime, logofCountDownTime, dialogWrap, counter, confirmationButton) {

_counterTime = 5;
_countDownTime = 0;
_dialogWrap = $('#' + dialogWrap);
_confBtn = $('#' + confirmationButton);
_counter = $('#' + counter);
alert(_confBtn.text());
createSessionTimeOut();
$(document).bind(mousemove keypress mousedown mouseup, resetTimeOut);
}

_confBtn.on('click', function () {
window.clearInterval(_startCountDown);
_dialogWrap.css('visibility', 'hidden');
createSessionTimeOut();
$(document).bind(mousemove keypress mousedown mouseup, resetTimeOut);
});

function createSessionTimeOut() {
_sessionTimeOut = window.setTimeout(function () {

_dialogWrap.removeAttr(style);
_counter.text(_counterTime);
$(document).unbind(mousemove keypress mousedown mouseup);

startCountDown();
}, 2000);
}

function startCountDown() {
_startCountDown = window.setInterval(function () {
if (_counterTime >= 0) {
_counter.text(_counterTime--);
}
_countDownTime++;
if (_countDownTime >= 4) {
logOutUser();
return;
}

}, 1000);
}

function resetTimeOut() {
window.clearTimeout(_sessionTimeOut);
_sessionTimeOut = false;
createSessionTimeOut();
}

function logOutUser() {
$.ajax({
url: '/MyApp/Account/LogOut',
type: 'GET',
success: function () {
document.location.href = '/MyApp/Account/Login';
}
})
}

}(window.HAS.MyApp.SessionTimeOut = window.HAS.MyApp.SessionTimeOut || {}, jQuery));


I call in separate page like in following:



SessionTimeOut.init('5', '5', 'dialog-wrap', 'confirm-button', 'counter');


I have issue with _confBtn when I try to call click event. Browser show that is undefined.



Please help.


More From » jquery

 Answers
41

It would probably better to do something more dynamic like this:



function SomeFunction (element1,element2) {
var e1 = $(#+element1),
e2 = $(#+element2);
// Do something with variables e1 and e2
}


and you would call like this:



//html:
<div id=one><div>
<div id=two><div>

//javasctript:
SomeFunction('one','two');

[#68879] Wednesday, November 5, 2014, 10 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
billier

Total Points: 153
Total Questions: 85
Total Answers: 91

Location: Monaco
Member since Sun, Jan 16, 2022
2 Years ago
billier questions
Sun, Dec 27, 20, 00:00, 4 Years ago
Tue, May 26, 20, 00:00, 4 Years ago
Fri, Apr 3, 20, 00:00, 4 Years ago
;