<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>TECTUM DIAL</title>
<link rel="shortcut icon" href="favicon.ico">
<link type="text/css" href="css/redmond/jquery-ui-1.8.9.custom.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
<script src="js/jquery.fullscreenr.js" type="text/javascript"></script>
<style type="text/css">
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 1px; position: relative; padding: 2px 0; cursor: pointer; float: left; list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 2px;}
#effect {padding: 0.4em; position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
#format { margin-top: 2em; }
td.error{ background-color: #dc0000; color:#FFFFFF;}
td.allok{ background-image:url(./img/white.png); color:#000000;}
</style>
<script>
(function( $ ){
//plugin buttonset vertical
$.fn.buttonsetv = function() {
$(':radio', this).wrap('<div style="margin: 1px"/>');
$(this).buttonset();
$('label:first', this).removeClass('ui-corner-left').addClass('ui-corner-top');
$('label:last', this).removeClass('ui-corner-right').addClass('ui-corner-bottom');
mw = 0; // max witdh
$('label', this).each(function(index){
w = $(this).width();
if (w > mw) mw = w;
})
$('label', this).each(function(index){
$(this).width(mw);
})
};
})( jQuery );
$(document).ready(function(){
//call plugin
$("#radio").buttonsetv();
});
$(function() {
$( "#datepicker" ).datepicker({
numberOfMonths: 1,
dateFormat: 'yy-mm-dd',
altFormat: 'yy-mm-dd',
autoSize: false,
minDate: new Date(2011, 2 - 1, 27),
dayNamesMin: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
dayNamesShort: ['Son', 'Mon', 'Die', 'Mit', 'Don', 'Fre', 'Sam'],
monthNames: ['Januar','Februar','Märtz','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'],
monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun','Jul','Aug','Sep','Okt','Nov','Dez']
});
$( "button, input:submit" ).button();
$('ul#icons li').hover(function() { $(this).addClass('ui-state-hover'); }, function() { $(this).removeClass('ui-state-hover'); });
$('#tabs').tabs();
$( "#slider-range" ).slider({range: true, min: 1900, max: 2011, values: [ 1940, 1990 ], slide: function( event, ui ) {$( "#amount" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );}});
$( "#amount" ).val( $( "#slider-range" ).slider( "values", 0 ) + " - " + $( "#slider-range" ).slider( "values", 1 ) );
$( "#open-link1" ).button().click(function() {$( "#dialog-link1" ).dialog( "open" );});
$( "#dialog-link1" ).dialog({height: 540, width: 820, modal: true, autoOpen: false, resizable: false});
$( "#open-link2" ).button().click(function() {$( "#dialog-link2" ).dialog( "open" );});
$( "#dialog-link2" ).dialog({height: 540, width: 820, modal: true, autoOpen: false, resizable: false});
$( "#open-link3" ).button().click(function() {$( "#dialog-link3" ).dialog( "open" );});
$( "#dialog-link3" ).dialog({height: 540, width: 820, modal: true, autoOpen: false, resizable: false});
});
var FullscreenrOptions = { width: 1024, height: 683, bgID: '#bgimg' };
jQuery.fn.fullscreenr(FullscreenrOptions);
function uhr() {
var datum = new Date();
var hour = datum.getHours();
var min = datum.getMinutes();
var sec = datum.getSeconds();
var h = hour;
var m = min;
var s = sec;
if(h < 10)
h = '0'+h;
if(m < 10)
m = '0'+m;
if(s < 10)
s = '0'+s;
document.getElementById('uhr').innerHTML = h+':'+m+':'+s;
}
window.onload = function() {setInterval('uhr()', 1000);}
///// AutoTab
function AutoTab(check,input)
{
// Wert ermitteln und vergleichen
if(check.value.length == check.getAttribute("maxlength"))
input.focus();
}
///// AJAX
function getXmlObject() {
var http_request;
if (window.XMLHttpRequest) {
http_request = new XMLHttpRequest();
}
else
if (window.ActiveXObject) {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
return http_request;
}
///// AJAX - BLZ
function holebank(blz) {
var http_request_dat = getXmlObject();
http_request_dat.onreadystatechange = function() {
try {
if (http_request_dat.readyState == 4) {
if (http_request_dat.status == 200) {
document.getElementById('deft_bkn').innerHTML = http_request_dat.responseText;
}
}
}
catch(e) {
//nichts
}
};
http_request_dat.open("POST","./ajax/blz_zu_name.php",true);
http_request_dat.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=ISO-8859-1');
http_request_dat.send('deft_blz=' + blz);
}
</script>
</head>
<body style="margin:0px; cursor:default; background-color:#1b81cc;">
<img id="bgimg" src="./img/wallpaper/default.jpg" />
<div id="realBody">
<form name="DEFT" style="display:inline" method="POST" enctype="multipart/form-data" action="index.php?page=customer&action=change_deft&deft=eaf4bf42c67a91efea12acfff935d864">
<table cellpadding="5" cellspacing="0" width="800" style="font-size:13px; font-family:Arial; color:#000000;">
<tr>
<td colspan="11" style="padding:0px;">
<p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:1px; font-weight:bold; font-family:Arial; font-size:13px;">
<span class="ui-icon ui-icon-circle-triangle-e" style="float:left; margin:3px 5px 3px 3px;"></span>
<span style="float:left; padding-top:3px;">Kundendaten</span>
</p>
</td>
</tr>
<tr>
<td width="70" class="allok"><b>Anrede</b></td>
<td width="100" class="allok"><input type="text" name="deft_anr" id="win7_white_form" value="Frau" style="width:100px" maxlength="10"></td>
<td width="5"></td>
<td width="70" style="background-image:url(./img/white.png);"><b>Titel</b></td>
<td width="50" style="background-image:url(./img/white.png);"><input type="text" name="deft_tit" id="win7_white_form" value="" style="width:50px" maxlength="10"></td>
<td width="5"></td>
<td width="70" class="allok"><b>Vorname</b></td>
<td width="100" class="allok"><input type="text" name="deft_vnm" id="win7_white_form" value="Leonor" style="width:100px" maxlength="40"></td>
<td width="5"></td>
<td width="70" class="allok"><b>Nachname</b></td>
<td width="150" class="allok"><input type="text" name="deft_nnm" id="win7_white_form" value="Alves" style="width:150px" maxlength="100"></td>
</tr>
<tr>
<td colspan="11" style="padding:0px;"><br />
<p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px; font-weight:bold; font-family:Arial; font-size:13px;">
<span class="ui-icon ui-icon-circle-triangle-e" style="float:left; margin-right:5px;"></span>
Bankdaten
</p>
</td>
</tr>
<tr>
<td class="allok"><b>Institut</b></td>
<td colspan="4" class="allok"><input type="text" id="deft_bkn" name="deft_bkn" value="" style="width:240px" maxlength="100"></td>
<td></td>
<td class="allok"><b>BLZ</b></td>
<td class="allok" style="padding:3px;">
<input type="text" name="deft_blz" id="deft_blz" value="" style="width:70px; float:left; margin:1px;" maxlength="8" onkeyup="holebank(this.value); AutoTab(this,document.DEFT.deft_knr);">
<ul id="icons" class="ui-widget ui-helper-clearfix" style=""><li class="ui-state-default ui-corner-all" title="BLZ prüfen" onClick="holebank(document.DEFT.deft_blz.value);"><span class="ui-icon ui-icon-search"></span></li></ul>
</td>
<td></td>
<td class="allok"><b>KontoNr.</b></td>
<td class="allok"><input type="text" name="deft_knr" id="win7_white_form" value="" style="width:150px" maxlength="10"></td>
</tr>
</table>
<br />
<input type='submit' id='win7_white_form2' value='SAVE'>
</form>
</table>
</div>
</body>
</html>