[jQuery] loading code
[jQuery] loading code
i load this html file into another one with the load command of jquery
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function checkLogin() {
var Username = $("#LoginUsername").attr('value');
var Password = $("#LoginPassword").attr('value');
$.ajax({ url:
'index.php?m=login&c=checkLogin&Username='+Username+'&Password='+Password+''
});
$.unblockUI();
}
$(document).ready(function() {
alert($('#closeLoginbox'));
$('#closeLoginbox').click(function() {
alert('close');
$.unblockUI();
});
$('#startLogin').click(function() {
alert('start');
checkLogin();
$.unblockUI();
//$.blockUI("<h1>Bitte warten! Anmeldedaten werden geprüft. hfg
</h1>" );
});
});
</script>
</head>
<body>
<!-- Loginbox Start -->
<div class="NavigationFrame" id="NavigationFrame">
<ul id="Navigation">
<li class="Logo">
</li>
</ul>
</div>
<div class="ContentFrame" id="ContentFrame">
<div class="MainContent" ID="MainContent">
<div class="Box1">Login Username oder User E-Mail</div>
<div class="Box1"><input style="width:100%" name="LoginUsername"
type="text" class="text" id="LoginUsername" value="" /></div>
<div class="Box1">Passwort:</div>
<div class="Box1"><input style="width:100%" name="LoginPassword"
type="password" class="text" id="LoginPassword" value="" /></div>
<div class="Box1" style="text-align:right;">
<input id="closeLoginbox" type="image"
src="../includes/templates/standard/images/main/abbrechen.png" />
<input id="startLogin" type="image"
src="../includes/templates/standard/images/main/start.png" />
</div>
</div>
</div>
<div class="FooterFrame" id="FooterFrame">
</div>
<!-- Loginbox Stop -->
</body>
</html>
this is the mainpage
<script type="text/javascript">
// XML;HTML,... laden Ajax
// http://jquery.com/demo/ajax/
// Grundlagen
// http://www.drweb.de/programmierung/ajax-jquery.shtml
// Tooltip tutorial
// http://javamagazin.de/itr/online_artikel/psecom,id,921,nodeid,11.html
// unblock when ajax activity stops
//$().ajaxStop($.unblockUI);
//http://www.dhtmlsite.com/ajax.php
function loadLoginbox(Target) {
$(Target).load("index.php?m=login&c=loadLoginbox");
}
function openLoginbox(Target) {
loadLoginbox(Target);
$.blockUI(Target, { width: '400px'});
}
$(document).ready(function() {
$.blockUI.defaults.pageMessage = "Bitte warten! Daten werden
übertragen";
var Popupbox = $('#Popupbox')[0];
openLoginbox(Popupbox);
$('#openLogoutbox').click(function() {
$.blockUI(Popupbox, { width: '400px'});
});
$('#openLoginbox').click(function() {
$.blockUI(Popupbox, { width: '400px'});
});
});
</script>
but then click events not recognized. the ready /onload is running but
nothing happens when i click on the buttons:(
____________
Virus checked by G DATA AntiVirusKit
Version: AVK 17.7336 from 03.09.2007
Virus news: www.antiviruslab.com