Sysdate on javascript

August 27th, 2009

ลองเอาไปใช้กันน่ะครับ อิอิ

function getSysDate(elements){
var d = new Date();
var curr_date = d.getDate();
var curr_month = d.getMonth();
var curr_year = d.getFullYear();
var curr_hour = d.getHours();
var curr_minute = d.getMinutes();

curr_date = curr_date<10 ?"0"+curr_date:curr_date; curr_month = curr_month<10 ?"0"+curr_month:curr_month; curr_hour = curr_hour<10 ?"0"+curr_hour:curr_hour; curr_minute = curr_minute<10 ?"0"+curr_minute:curr_minute; var sys_date = curr_date + "/" + curr_month + "/" + curr_year+" "+ curr_hour+":"+curr_minute; elements.value = sys_date; }

ถ้าของใคร format ไม่เหมือนกับตัวอย่างก็ดัดแปลงกันตามที่ต้องการได้เลยครับ

Posted in มุม Html, มุม Java, มุม PHP | Comments Off on Sysdate on javascript

script ปฏิทินครับใช้งานง่าย

August 26th, 2009

ผมไปเจอมาครับและทดลองใช้งานแล้วใช้งานง่ายดีเลยมาแบ่งปั่นเพื่อนๆ ครับ สำคัญฟรีด้วย เมื่อ Download เราก็เอาไปตั้ง path ที่เราเตรียมไว้สำหรับ js ตัวนี้ แล้วก็ทำตามตัวอย่าง

– ประกาศมันซะใน <head></head>

1
2
3
4

...
<link type="text/css" rel="stylesheet" href="js/dhtmlgoodies_calendar.css?random=20051112" media="screen"></link>
<script type="text/javascript" src="js/dhtmlgoodies_calendar.js?random=20060118"></script>
...

สร้าง Field เพื่อมารับค่า

1
2
3

...
<input type="text" value="" readonly name="theDate">
...

สร้างปุ่มเพื่อติดต่อไปที่ script

1
2
3

...
<input type="button" value="Cal" onclick="displayCalendar(document.forms[0].theDate,'dd/mm/yyyy',this)">
...

หรือจะเอาถึงหน่วย นาที

1
2
3

...
<input type="button" value="Cal" onclick="displayCalendar(document.forms[0].theDate,'dd/mm/yyyy hh:ii',this,true)">
...

หรือเอาแบบ image

1
2
3

...
<img name="theDateimg" id="theDateimg" style="cursor:pointer" onClick="displayCalendar(document.forms[0].theDateimg,'dd/mm/yyyy hh:ii',this,true)" src="image/calendar/cal.gif" width="16" height="15" align="absmiddle">
...

ที่จริงโหลดมา มันจะมีตัวอย่างให้เราดูแล้ว
———————
Download

ที่มา : dhtmlgoodies

Posted in มุม Html, มุม Java, มุม PHP | Comments Off on script ปฏิทินครับใช้งานง่าย

การใช้งานพื้นฐานของ Taglib JSTL

August 20th, 2009

ก็เอามาฝากกันครับ และเพื่อเป็นการทบทวนความรู้ของผมด้วยอีกทีนึง อิอิ ทำไปนานไม่ค่อยได้ใช้ ส่วนใหญ่ผมจะไปใช้อีกเทคโนโลยี คือ velocity ครับ

การใช้งานของ c:forEach
ช่วยในการวน loop ง่ายขึ้นบนหน้า html
– แบบ Jsp ธรรมดา

1
2
3
4
5

...
<% for(int i=1;i&lt;=10;i++) { %>
	<%=i%&gt;&lt;br/>
<% } %>
...

– แบบ Taglib

1
2
3
4
5
6
7

...
  <body>
    <c:forEach var="count" begin="1" end="5" step="1">
      <c:out value="${count}" /&gt;&lt;br />
    </c:forEach>
  </body>
...

หรือ

1
2
3
4
5
6
7

...
<select class="selectpaging" id="pageList" name="pageList" onChange="gotoPage(aisform);">
   <c:forEach var="page" begin="1" end="${pageAll}" step="1">
      <option value="&lt;c:out value="${page}"/>"><c:out value="${page}"/></option>
   </c:forEach>
</select>
...

การใช้งานของ c:out
เป็นคำสั่งที่จะเอาค่าที่ส่งมาจาก control มาแสดงที่หน้า Jsp

1
2
3
4
5

...
<p>
  Hi, <c:out value="${hello}"/>
</p>
...

หรือ

1
2
3

...
<c:out value="${person.name}" default="n/a"/>
...

การใช้งาน c:set
เพื่อกำหนดค่าต่างๆลง bean

1
2
3

...
<c:set var="person" scope="Web Application">
...

การใช้งานของ c:if
– แบบแรก

1
2
3
4
5

...
<c:if test="${param.guess=='Java'}">
	You guessed it! <br /><br />
</c:if>
...

– แบบ if else

1
2
3
4
5
6
7
8

...
<c:if test="${param.guess=='Java'}">
	You guessed it<br /><br />
</c:i>
<c:if test="${param.guess!='Java'}">
	You are wrong<br />
</c:if>
...

คำสั่งพวกนี้เป็นพื้นฐานก็จริงครับ แต่มันก็เพียงพอแล้วครับที่จะเอามาใช้งานจริงๆกันได้เลย^^

Posted in มุม Html, มุม Java | 1 Comment »

« Previous Page — « Previous Entries
Next Entries » — Next Page »