AL-MAARIF.COM » JS http://www.al-maarif.com Hiasi hidup dengan senyuman Thu, 12 Aug 2010 23:35:17 +0000 http://wordpress.org/?v=2.8 en hourly 1 Inner HTML http://www.al-maarif.com/inner-html.htm http://www.al-maarif.com/inner-html.htm#comments Thu, 04 Feb 2010 18:14:52 +0000 al-maarif.com http://www.al-maarif.com/?p=343 Sample function innerHTML.

<script language=”javascript“>
function proses()
{
var val = document.getElementById(’innerhtml’).value;
document.getElementById(’html’).innerHTML = val;
}
</script>
</br></br></br>
<center>
<div id=’html’ style=’width: 100px; height:20px;background-color: #CCCCCC;‘></div></br>
<select id=’innerhtml‘ name=’innerhtml‘ onChange=’proses()’>
<option value=’HTML A’>HTML A</option>
<option value=’HTML B’>HTML B</option>
<option value=’HTML C’>HTML C</option>
</select>
</center>

inner-html

]]> http://www.al-maarif.com/inner-html.htm/feed 0 Hilangkan koma awal dan ahir http://www.al-maarif.com/remove-comma-on-js.htm http://www.al-maarif.com/remove-comma-on-js.htm#comments Thu, 04 Feb 2010 17:48:22 +0000 al-maarif.com http://www.al-maarif.com/?p=336 Berikut ini adalah contoh script remove comma  awal dan ahir pada js, misal var val = “,A,B,C,D,E,F,”; akan di hilangkan koma awal dan ahirnya dengan menggunakan script js sehingga hasil yang di inginkan adalah var val = “A,B,C,D,E,F”;.

<script language=”javascript“>
function removeComma()
{
var val = “,A,B,C,D,E,F,”;
val = val.split(”,”);
var removecomma=[];
for(k=0; k < val.length ;k++){
if(val[k]!=”"){
removecomma.push(val[k]);
}
}
var finish = removecomma.join(’,');
alert(finish);
}
</script>
<input type=”button” name=”a” id=”a” onclick=”removeComma()” value=”view” />

hasil yang bisa dilihat saat button di click

remove-comma

]]> http://www.al-maarif.com/remove-comma-on-js.htm/feed 0 MEMBUAT CALENDAR JS http://www.al-maarif.com/membuat-calendar-js.htm http://www.al-maarif.com/membuat-calendar-js.htm#comments Sat, 18 Jul 2009 06:56:25 +0000 al-maarif.com http://www.al-maarif.com/?p=152 Teryata membuat calendar dengan javascript(JS) tidak begitu sulit, Ketika saya mendapatkan pekerjaan yang berhubungan denagan calendar dan menggunakan JS, Wah saya langsung terkejut karena belum pernah sebelumnya saya dapatkan. Dengan semangat yang kuat dan pertolongan Om Google ahirnya saya dapatkan juga cara membuat kalendar denagan JS dan pekerjaan saya selesai juga. he he he Makasih Om Google Engkau adalah sumber ilmu.
Berikut ini adalah contoh script membuat calendar dengan javascript dan ditampilkan didalam html.

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Calendar JS</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head>
<body>
<a href=”javascript:void(0)” onClick=”showCalendar()”>SHOW CAlENDAR</a>
<script type=”text/javascript”>
function showCalendar()
{
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var year = date.getFullYear();

var months = new Array(’January’,
‘February’,
‘March’,
‘April’,
‘May’,
‘June’,
‘July’,
‘August’,
‘September’,
‘October’,
‘November’,
‘December’);

var this_month = new Date(year, month, 1);
var next_month = new Date(year, month + 1, 1);

//Mengetahui ketika bulan ini dimulai dan berakhir.
var first_week_day = this_month.getDay();
var days_in_this_month = Math.round((next_month.getTime() – this_month.getTime()) / (1000 * 60 * 60 * 24));

var calendar_html = ‘<table style=”background-color:c8997d; color:000000;”>’;

calendar_html += ‘<tr><td colspan=”7″ align=”center” style=”background-color:c7897e; color:2d0a06;”>’ + months[month] + ‘ ‘ + year + ‘</td></tr>’;
calendar_html += ‘<tr><td align=”center” style=”background-color:c7897e; color:fffeff;”>Minggu</td>’;
calendar_html +=’<td align=”center” style=”background-color:c7897e; color:fffeff;”>Senin</td>’;
calendar_html +=’<td align=”center” style=”background-color:c7897e; color:fffeff;”>Selasa</td>’;
calendar_html +=’<td align=”center” style=”background-color:c7897e; color:fffeff;”>Rabu</td>’;
calendar_html +=’<td align=”center” style=”background-color:c7897e; color:fffeff;”>Kamis</td>’;
calendar_html +=’<td align=”center” style=”background-color:c7897e; color:fffeff;”>Jumat</td>’;
calendar_html +=’<td align=”center” style=”background-color:c7897e; color:fffeff;”>Sabtu</td></tr>’;
calendar_html += ‘<tr>’;

//Isi minggu pertama setiap bulannya sesuai dengan jumlah kosong.
for(week_day = 0; week_day < first_week_day; week_day++)
{
calendar_html += ‘<td style=”background-color:c7897e; color:000000;”> </td>’;
}

week_day = first_week_day;
for(day_counter = 1; day_counter <= days_in_this_month; day_counter++)
{
week_day %= 7;

if(week_day == 0)
{
calendar_html += ‘</tr><tr>’;
}
//Memberi tanda yang berbeda untuk hari ini.
if(day == day_counter)
{
calendar_html += ‘<td align=”center” style=” color:FF0000;”><b>’ + day_counter + ‘</b></td>’;
}else{
calendar_html += ‘<td align=”center” style=”background-color:c7897e; color:000000;”> ‘ + day_counter + ‘ </td>’;
}
week_day++;
}

calendar_html += ‘</tr>’;
calendar_html += ‘</table>’;

//Menampilkan Kalendar
document.write(calendar_html);
}
</script>
</body>
</html>

]]> http://www.al-maarif.com/membuat-calendar-js.htm/feed 1 MULTI ARRAY JS http://www.al-maarif.com/multi-array-js.htm http://www.al-maarif.com/multi-array-js.htm#comments Wed, 15 Jul 2009 07:31:27 +0000 al-maarif.com http://www.al-maarif.com/?p=162 var multi = new Array (
new Array(
new Array(1,2),
new Array(3,4)),
new Array(
new Array(”A”,”B”),
new Array(”C”,”D”))
);

Hasil :
=>multi[0][0]= 1,2;=>multi[1][0]= A,B;
=>multi[0][1]= 3,4;=>multi[1][1]= C,D;
=>multi[0][0][0]= 1;=>multi[1][0][0]= A;
=>multi[0][0][1]= 2; =>multi[1][0][1]= B;
=>multi[0][1][0]= 3;=>multi[1][1][0]= C;
=>multi[0][1][1]= 4; =>multi[1][1][1]= D;

]]> http://www.al-maarif.com/multi-array-js.htm/feed 0