Date???

Gimana caranya yaa menampilkan kalender di dalam program lebih dari satu??
Ternyata mudah..
Saya sudah coba dan ini source code nya..

<html>
<head>
<title>Project Activity</title>
<link type="text/css" rel="stylesheet" href="#surl("value=/style.css")"/>
<style type="text/css">@import url("style.css");</style>
<link rel="stylesheet" type="text/css" media="all" href="../../jscalendar-1.0/calendar-win2k-cold-2.css" title="win2k-cold-1" />
<script type="text/javascript" src="../../jscalendar-1.0/calendar.js"></script>
<script type="text/javascript" src="../../jscalendar-1.0/lang/calendar-en.js"></script>
<script type="text/javascript" src="../../jscalendar-1.0/calendar-setup.js"></script>
</head>
<body>
<link rel="stylesheet" href='../../css/jscalendar-1.0/calendar-djkn-simple2008.css' type="text/css">
<link rel="stylesheet" href='../../css/jstabs.css' type="text/css">
<link rel="stylesheet" href='../../css/form.css' type="text/css">
<link rel="stylesheet" href='../../css/menu.css' type="text/css">
<script src="../../jscript/simple_ajax.js"></script>
<script src="../../jscript/jscalendar-1.0/calendar.js"></script>
<script src="../../jscript/jscalendar-1.0/lang/calendar-ina.js"></script>
<script src="../../jscript/jscalendar-1.0/calendar-setup.js"></script>
<script src="../../jscript/jstabs.js"></script>
<script src="../../jscript/currency.js"></script>
<script src="../../jscript/prototype.js"></script>
<script src="../../jscript/rico.js"></script>
<script>
function calendarSetup(textFieldID,btnID) {
Calendar.setup ({inputField:textFieldID,ifFormat:"%d-%m-%Y",button:btnID});
}
function genRandom(){
var dt = new Date();
var result = Math.floor(Math.random( ) * (dt.getTime()));
return result;
}
function enlargeScreen(){

}
function normalScreen(){
}
</script>

<style type="text/css">
<!--
.style9 {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.style10 {font-size: 12px}
.style11 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
<form method="post" action="save.action">
<table width="100%" border="0" cellpadding="2" cellspacing="2" bgcolor="#d0dcff">
<tr bgcolor="#d0dcff">
<td colspan="2" bgcolor="#d0dcff">
<img src="../../images/silk/wrench.png" border="0">&nbsp;
<strong>Add Project</strong>
</td>
</tr>
<tr bgcolor="#ffffff">
<td height="427" colspan="2" bgcolor="#FFFFFF">
<table width="100%" border="0">
<tr>
<td colspan="4">
#if (!$actionErrors.isEmpty())
<div class="errorMessage">Errors</div>
<ul class="errorMessage">
#foreach( $error in $actionErrors )
<li>$error</li>
#end
</ul>
#end
</td>
</tr>
<tr>
<td width="14%">
<div align="right"><strong><font color="red">*</font> Assigner : </strong></div>
</td>
<td colspan="3">
<input name="textfield" type="textfield" id="userName" onfocus="this.blur()" value="$!project.assigner.username" size="15" readonly="true" />
<input id="userId" name="userId" value="$!project.assigner.id" type="hidden">
<input value="View" onclick="javascript:window.open('listuser.action?name=user','cats','scrollbars=yes,status=no,width=300,height=300')" type="button"> </td>
</tr>
<tr>
<td>
<div align="right"><strong><font color="red">*</font> Name : </strong></div>
</td>
<td colspan="3">
<input maxlength="128" name="project.name" size="30" value="$!project.name">
</td>
</tr>
<tr>
<td>
<div align="right"><strong><font color="red">*</font> Description : </strong></div>
</td>
<td colspan="3">
<input maxlength="128" name="project.description" size="30" value="$!project.description">
</td>
</tr>
<tr>
<td>
<div align="right"><strong><font color="red">*</font> Manager : </strong></div>
</td>
<td colspan="3">
<input id="managerName" value="$!project.manager.username" size="15" readonly="true" onfocus="this.blur()" type="textfield">
<input id="managerId" name="managerId" value="$!project.manager.id" type="hidden">
<input value="View" onclick="javascript:window.open('listuser.action?name=manager','cats','scrollbars=yes,status=no,width=300,height=300')" type="button">
</td>
</tr>
<tr>
<td>
<div align="right"><strong><font color="red">*</font> Company : </strong></div>
</td>
<td colspan="3">
<input id="perusahaanName" value="$!project.company.name" size="15" readonly="true" onfocus="this.blur()" type="textfield">
<input id="companyId" name="companyId" value="$!project.company.id" type="hidden">
<input value="View" onclick="javascript:window.open('listcompany.action','cats','scrollbars=yes,status=no,width=300,height=300')" type="button"> </td>
</tr>
<tr>
<td>
<div align="right"><strong>Code : </strong></div>
</td>
<td colspan="3">
<input maxlength="12" name="project.code" size="30" value="$!project.code">
</td>
</tr>
<tr>
<td>
<div align="right"><strong>Background : </strong></div></td>
<td colspan="3">
<textarea rows="2" name="project.background" cols="50">$!project.background</textarea>
</td>
</tr>
<tr>
<td>
<div align="right"><strong>Objective :</strong></div>
</td>
<td colspan="3">
<input maxlength="128" name="project.objective" size="30" value="$!project.objective">
</td>
</tr>
<tr>
<td>
<div align="right"><strong>Start Date : </strong></div>
</td>
<td colspan="3">
<input type="text" name="project.startDate" value="$!project.startDate" size="15" id="f_date_a" readonly="1">
<img src="../../images/img.gif" id="f_trigger_a" style="cursor: pointer; border: 1px solid red;" title="Start Date" onmouseover="this.style.background='red';" onmouseout="this.style.background=''"/>
</td>
</tr>
<tr>
<td>
<div align="right"><strong>Finish Date :</strong></div>
</td>
<td colspan="3">
<input type="text" name="project.finishDate" value="$!project.finishDate" size="15" id="f_date_b" readonly="1">
<img src="../../images/img.gif" id="f_trigger_b" style="cursor: pointer; border: 1px solid red;" title="Finish Date" onmouseover="this.style.background='red';" onmouseout="this.style.background=''"/>
</td>
</tr>
<tr>
<td>
<div align="right"><strong>Priority :</strong></div>
</td>
<td colspan="3">
<input maxlength="28" name="project.priority" size="30" value="$!project.priority"></td>
</tr>
<tr>
<td>
<div align="right"><strong>Progres : </strong></div></td>
<td colspan="3">
<input name="project.progressPresentage" size="4" value="$!project.progressPresentage"> %</td>
</tr>
<tr>
<td>
<div align="right"><strong>Critical Project :</strong></div>
</td>
<td colspan="3">
<input name="project.criticalProject" value="1" type="radio"> Yes
<input name="project.criticalProject" value="0" type="radio"> No</td>
</tr>
<tr>
<td>
<div align="right"><strong>Project Notes : </strong></div>
</td>
<td colspan="3"><textarea rows="2" name="project.projectNotes" cols="50">$!project.projectNotes</textarea></td>
</tr>
<tr>
<td>
<div align="right"><strong>Project Parent :</strong></div>
</td>
<td colspan="3">
<input id="projectName" value="$!project.iparent" size="15" readonly="true" onfocus="this.blur()" type="textfield">
<input id="projectId" name="projectId" value="$!project.iparent" type="hidden">
<input value="View" onclick="javascript:window.open('listproject.action','cats','scrollbars=yes,status=no,width=300,height=300')" type="button"></td>
</tr>
<tr>
<td>
<div align="right"><strong>Status :</strong></div>
</td>
<td colspan="3">
<select name="project.projectStatus">
<option value="0"> Uncomplete </option>
</select>
</td>
</tr>
<tr>
<td>
<div align="right"><strong>Category : </strong></div>
</td>
<td colspan="3">
<select name="projectCategory.id">
#foreach($c in $projectCategories)
<option value="$!c.id" #if($c.id == $!project.projectCategory.id) selected #end>
$!c.description
</option>
#end
</select>
</td>
</tr>
<tr>
<td>
<div align="right"><strong>Priority Type :</strong></div>
</td>
<td colspan="3">
<select name="projectPriorityType.id">
#foreach($p in $projectPriorityTypes)
<option value="$!p.id" #if($p.id == $!project.projectPriorityType.id) selected #end>
$!p.name
</option>
#end
</select>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td width="44%">&nbsp;</td>
<td width="5%">&nbsp;</td>
<td width="37%">&nbsp;</td>
</tr>
<tr>
<td colspan="4">
<font color="red">*</font> <i>Not Null </i>
</td>
</tr>
</table>
<hr />
<input type="submit" value="Update"/>
<input type="hidden" name="project.id" value="$!project.id"/>
</td>
</tr>
</table>
</form>
<script type="text/javascript">
Calendar.setup({
inputField : "f_date_a", // id of the input field
ifFormat : "%d/%m/%Y", // format of the input field
showsTime : false, // will display a time selector
button : "f_trigger_a", // trigger for the calendar (button ID)
singleClick : true, // double-click mode
step : 1 // show all years in drop-down boxes (instead of every other year as default)
});
</script>
<script type="text/javascript">
Calendar.setup({
inputField : "f_date_b", // id of the input field
ifFormat : "%d/%m/%Y", // format of the input field
showsTime : false, // will display a time selector
button : "f_trigger_b", // trigger for the calendar (button ID)
singleClick : true, // double-click mode
step : 1 // show all years in drop-down boxes (instead of every other year as default)
});
</script>
<script>
calendarSetup("f_date_a","f_trigger_a");
calendarSetup("f_date_b","f_trigger_b");
</script>
</body>
</html>

button

Ketika di klik button merah itu akan keluar gambar kalender seperti di bawah ini
tgl1

tgl2

Dan hasilnya seperti ini..
hasil

Selamat mencoba...

Blueoxygen Ramen

Posted on Oktober 19, 2010 by arilia

Ramen

Blueoxygen Ramen. Itu adalah project yang sekarang ini saya kerjakan. Project ini masih berbentuk Cimande1. Capek dech.....
Kemarin udah ngerjain project pakai Cimande2, eh sekarang balik ke Cimande1 lagi . Udah agak lupa ma cara kerjanya. Hhagz...
harus import database dulu, bikin descriptor, module function, site, wf role, role manager, role privillage, role site privillage dan
yang terakhir user manager. Lalu log out. Di Cimande2 tidak ada proses seperti ini. O ia masih ada lagi. Sebelum run project kita
harus run build.xml terlebih dahulu, lalu export jar, baru dech run project. Sungguh merepotkan ;( .

Kembali lagi ke project Blueoxygen Ramen. Setelah saya checkout project ini, lalu saya run, isinya adalah seperti ini.

Tampilan

Benar kan?? Begitu banyak folder. Bingung saya mulai darimana project ini dijalankan. Apakah dari add category, add DAP (DocAttachmentProject),
add DAT (DocAttachment Task), add member project, add priority type atau add task project. Yang pasti, ini project masih banyak error nya.
Terutama di search add member dan search comment. Huft....


Permalink     1 Comment

Coding Tampilan (.jsp)

Posted on September 06, 2010 by arilia

Untitled Document

Disini saya akan memberilkan coding untuk tampilan (.jsp) pada program yang kemarin saya tuliskan. Kita mulai dari item-add.jsp.

item-add.jsp

<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="j" uri="/struts-jquery-tags"%>
<%@taglib prefix="c" uri="/struts-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Item</title>
<j:head jqueryui="true" loadAtOnce="true" loadFromGoogle="false"
compressed="false" />
</head>
<body>
<s:url id="post" action="item" />
<s:form id="item" action="item" method="post">
<table border="0" cellpadding="3" cellspacing="1" align="center">
<tr>
<td width="100"><s:a action="item">Search</s:a></td>
</tr>
<tr>
<td colspan="2"><s:actionerror /> <s:actionmessage /></td>
</tr>
<tr bgcolor="#d0dcff">
<td colspan="3"><strong>Item</strong></td>
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="code" label="Code" size="30" labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="name" label="Name" size="30" labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="description" label="Description" size="30"
labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="price" label="Price" size="30" labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<td>Category</td>

<td>
<select name="item.cate.id">
<option value="$!item.cate.id"></option>
</select>
</td>

</tr>
<tr bgcolor="#ffffff">
<td colspan="2" align="right"><input type="submit"
value="Submit" width="70" /> <input type="reset" value="reset"
width="70" /></td>
</tr>
</table>
</s:form>
</body>
</html>

Lalu kita tambahakan item-detail.jsp

<%@taglib prefix="s" uri="/struts-tags" %>
<%@taglib prefix="j" uri="/struts-jquery-tags" %>

<html>
<head>
<title>Detail Item Data</title>
</head>
<body>
<table bgcolor="#e4e4e4" border="0" cellpadding="3" cellspacing="1" align="center">
<tr>
<td bgcolor="#ffffff" colspan="3"><s:a action="item">Item List</s:a></td>
</tr>
<tr bgcolor="#d0dcff">
<td colspan="1">
<strong>Item Detail</strong> </td>
<td colspan="2"> </td>
</tr>
<tr>
<td bgcolor="#d0dcff" width="100">Code</td>
<td bgcolor="#ffffff">:</td>
<td bgcolor="#ffffff" width="300">${code}</td>
</tr>
<tr>
<td bgcolor="#d0dcff">Name</td>
<td bgcolor="#ffffff">:</td>
<td bgcolor="#ffffff">${name}</td>
</tr>
<tr>
<td bgcolor="#d0dcff">Description</td>
<td bgcolor="#ffffff">:</td>
<td bgcolor="#ffffff"><s:property value="birthDate" />
${description}</td>
</tr>
<tr>
<td bgcolor="#d0dcff">Price</td>
<td bgcolor="#ffffff">:</td>
<td bgcolor="#ffffff">${price}</td>
</tr>
</table>

<br></br>
</body>
</html>

item-edit.jsp

<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="j" uri="/struts-jquery-tags"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Item</title>
<j:head jqueryui="true" loadAtOnce="true" loadFromGoogle="false"
compressed="false" />
</head>
<body>
<s:url id="post" action="item" />
<s:form id="item" action="/item/%{id}" method="post">
<s:hidden name="_method" value="PUT" />
<table border="0" cellpadding="3" cellspacing="1" align="center">
<tr>
<td width="100"><s:a action="item">Search</s:a></td>
</tr>
<tr>
<td colspan="2"><s:actionerror /> <s:actionmessage /></td>
</tr>
<tr bgcolor="#d0dcff">
<td colspan="3"><strong>Item</strong></td>
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="code" label="Code" size="30" labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="name" label="Name" size="30" labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="description" label="Description" size="30"
labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="price" label="Price" size="30" labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<td>Category</td>
<td><select name="cate.id">
<option value="$!item.cate.id"></option>
</select></td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="2" align="right"><input type="submit"
value="Submit" width="70" /> <input type="reset" value="reset"
width="70" /></td>
</tr>
</table>
</s:form>
</body>
</html>

item-parent-success.jsp

<%@taglib prefix="s" uri="/struts-tags"%>
<s:url id="ids" action="item/%{id}" />
<script>
function onload() {
//alert('${ids}');
window.opener.location.href='${ids}';
window.close();
}
onload();
</script>

Dan yang terakhir adalah item.result

<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="j" uri="/struts-jquery-tags"%>
<html>
<head>
<title>View Item Data</title>
</head>
<body>
<table bgcolor="#000000" border="0" cellpadding="3" cellspacing="1"
width="98%">
<tr bgcolor="#d0dcff">
<td width="12%"><strong>Item</strong></td>
<td align="left" colspan="4"><s:url id="result" action="category" />
<a href="${result}">Categories</a></td>
<td colspan="3">
<form action="" method="get"><input type="text" name="skey"
size="30" value="<%=request.getParameter("skey")%>" /> <input
type="submit" value="Search" width="100" /></form>
</td>
</tr>
<tr bgcolor="#e4e4e4" align="center">
<td>Code</td>
<td width="16%">Name</td>
<td width="23%">Description</td>
<td width="15%">Price</td>
<td width="15%">Category</td>
<td colspan="3">Action</td>
</tr>
<s:iterator var="p" value="model">
<tr bgcolor="#ffffff">
<td>${p.code}</td>
<td>${p.name}</td>
<td>${p.description}</td>
<td>${p.price}</td>
<td>${item.cate.kate}


</td>
<td width="9%"><s:url id="detail" action="item/%{id}" /> <a
href="${detail}">Detail</a></td>
<td width="5%"><s:url id="edit" action="item/%{id}/edit" /> <a
href="${edit}">Edit</a></td>
<td width="20%"><s:url id="delete" action="item/%{id}/delete" />
<a href="${delete}"
onClick="javascript: return confirm('Delete ${p.name}?');">Delete</a>
</td>
</tr>
</s:iterator>

<tr bgcolor="#e4e4e4">
<td><s:url id="result" action="item" /> <a href="${result}">
All </a></td>
<td colspan="7" align="right"><strong> <s:url id="new"
action="item/new" /> <a href="${new}">Add new &gt;</a> </strong></td>
</tr>
</table>
</body>
</html>

 

 

 

 


Permalink     No Comments

Jalannya contoh program dgn Cimande2

Posted on Agustus 24, 2010 by arilia

Untitled Document

Berikut ini adalah jalannya contoh program yang menggunakan Cimande2

Tampilan awal yg akan kita jumpai saat menjalankan program dgn Cimande 2 adalah seperti berikut:

Add New
Table di atas masih kosong karena kita belum mengisi table dlm database program tersebut.
Setelah kita click link Add New,,, maka akan muncul tampilan seperti berikut ini :

Masukkan iinput
Kemudian kita coba untuk memasukkan inputan
Input data
Click Submit,,,
dan data yang kita inputkan tadi akan dimunculkan pada table result
Result

Untuk melihat secara detail data tersebut,,
kita click Detail...
Data akan dimunculkan seperti berikut ini:
Detail data
Namun jika pada table result tadi kita click Edit,,
maka tampilan yng muncul akan seperti ini
Edit dulu
Jika kita mengganti datanya dan kita click Submit,,,
data akan di-update dan dimunculkan di table result juga me-replace data yg sebelumnya kita edit tadi..

Namun jika pada table result tadi kita click Delete,,
muncul tampilan seperti berikut..

Delete Data

Click OK untuk menghapus data,, dan click cancel untuk membatalakan..

Create, Update, dan Delete sudah kita coba,,,
Untuk Read terutama search,,, kita gunakan menu di pojok kanan atas halaman untuk mencari data

Search menu

"null" pd textfield di atas kita ganti dgn Code data yang akan kita cari...
Lalu kita click button Search...
Dan data yg ditampilkan hanyalah data yg Codenya sama dengan yg kita cari..
Result 001

Click All untuk memunculkan kembali semua data..
Click All
Semua data yang belum ada dalam table akan dimunculkan lagi ..
All Again
Nah,,
demikianlah jalannya contoh program yang menggunakan Cimande2.


Permalink     No Comments