No comments
Posted at Thursday, December 18, 2014 | by
Ahmad Rofiq
Seputar Informasi Tentang Dunia IT
All Stories
Thursday 18 December 2014
Jelajahilmu11 -
saya akan sedikit berbagi mengenai bagaimana cara mudah membuat kalender di html dengan menggunakan javascript,
langkah pertama - masukkan script ini di bawah <head>
langkah kedua - masukkan script ini di bawah <body>, pilih posisi sesuai yang anda inginkan, misalnya di sidebar bagian atas recent post atau di bawah about.
langkah ketiga - masukkan script berikut ke dalam tag <body>.
dan hasilnya akan seperti ini
Selamat mencoba :)
cara membuat kalender di html menggunakan javascript
saya akan sedikit berbagi mengenai bagaimana cara mudah membuat kalender di html dengan menggunakan javascript,
langkah pertama - masukkan script ini di bawah <head>
<script language="JavaScript">
/*
Dynamic Calendar II (By Jason Moon at http://www.jasonmoon.net)
Permission granted to Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var ns6=document.getElementById&&!document.all
var ie4=document.all
var Selected_Month;
var Selected_Year;
var Current_Date = new Date();
var Current_Month = Current_Date.getMonth();
var Days_in_Month = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var Month_Label = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
var Current_Year = Current_Date.getYear();
if (Current_Year < 1000)
Current_Year+=1900
var Today = Current_Date.getDate();
function Header(Year, Month) {
if (Month == 1) {
Days_in_Month[1] = ((Year % 400 == 0) || ((Year % 4 == 0) && (Year % 100 !=0))) ? 29 : 28;
}
var Header_String = Month_Label[Month] + ' ' + Year;
return Header_String;
}
function Make_Calendar(Year, Month) {
var First_Date = new Date(Year, Month, 1);
var Heading = Header(Year, Month);
var First_Day = First_Date.getDay() + 1;
if (((Days_in_Month[Month] == 31) && (First_Day >= 6)) ||
((Days_in_Month[Month] == 30) && (First_Day == 7))) {
var Rows = 6;
}
else if ((Days_in_Month[Month] == 28) && (First_Day == 1)) {
var Rows = 4;
}
else {
var Rows = 5;
}
var HTML_String = '<table><tr><td valign="top"><table BORDER=4 CELLSPACING=1 cellpadding=2 FRAME="box" BGCOLOR="C0C0C0" BORDERCOLORLIGHT="808080">';
HTML_String += '<tr><th colspan=7 BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Heading + '</font></th></tr>';
HTML_String += '<tr><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sun</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Mon</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Tue</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Wed</th>';
HTML_String += '<th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Thu</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Fri</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sat</th></tr>';
var Day_Counter = 1;
var Loop_Counter = 1;
for (var j = 1; j <= Rows; j++) {
HTML_String += '<tr ALIGN="left" VALIGN="top">';
for (var i = 1; i < 8; i++) {
if ((Loop_Counter >= First_Day) && (Day_Counter <= Days_in_Month[Month])) {
if ((Day_Counter == Today) && (Year == Current_Year) && (Month == Current_Month)) {
HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000"><strong><font color="red">' + Day_Counter + '</font></strong></td>';
}
else {
HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Day_Counter + '</td>';
}
Day_Counter++;
}
else {
HTML_String += '<td BORDERCOLOR="C0C0C0"> </td>';
}
Loop_Counter++;
}
HTML_String += '</tr>';
}
HTML_String += '</table></td></tr></table>';
cross_el=ns6? document.getElementById("Calendar") : document.all.Calendar
cross_el.innerHTML = HTML_String;
}
function Check_Nums() {
if ((event.keyCode < 48) || (event.keyCode > 57)) {
return false;
}
}
function On_Year() {
var Year = document.when.year.value;
if (Year.length == 4) {
Selected_Month = document.when.month.selectedIndex;
Selected_Year = Year;
Make_Calendar(Selected_Year, Selected_Month);
}
}
function On_Month() {
var Year = document.when.year.value;
if (Year.length == 4) {
Selected_Month = document.when.month.selectedIndex;
Selected_Year = Year;
Make_Calendar(Selected_Year, Selected_Month);
}
else {
alert('Please enter a valid year.');
document.when.year.focus();
}
}
function Defaults() {
if (!ie4&&!ns6)
return
var Mid_Screen = Math.round(document.body.clientWidth / 2);
document.when.month.selectedIndex = Current_Month;
document.when.year.value = Current_Year;
Selected_Month = Current_Month;
Selected_Year = Current_Year;
Make_Calendar(Current_Year, Current_Month);
}
function Skip(Direction) {
if (Direction == '+') {
if (Selected_Month == 11) {
Selected_Month = 0;
Selected_Year++;
}
else {
Selected_Month++;
}
}
else {
if (Selected_Month == 0) {
Selected_Month = 11;
Selected_Year--;
}
else {
Selected_Month--;
}
}
Make_Calendar(Selected_Year, Selected_Month);
document.when.month.selectedIndex = Selected_Month;
document.when.year.value = Selected_Year;
}
</script>
/*
Dynamic Calendar II (By Jason Moon at http://www.jasonmoon.net)
Permission granted to Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var ns6=document.getElementById&&!document.all
var ie4=document.all
var Selected_Month;
var Selected_Year;
var Current_Date = new Date();
var Current_Month = Current_Date.getMonth();
var Days_in_Month = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var Month_Label = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
var Current_Year = Current_Date.getYear();
if (Current_Year < 1000)
Current_Year+=1900
var Today = Current_Date.getDate();
function Header(Year, Month) {
if (Month == 1) {
Days_in_Month[1] = ((Year % 400 == 0) || ((Year % 4 == 0) && (Year % 100 !=0))) ? 29 : 28;
}
var Header_String = Month_Label[Month] + ' ' + Year;
return Header_String;
}
function Make_Calendar(Year, Month) {
var First_Date = new Date(Year, Month, 1);
var Heading = Header(Year, Month);
var First_Day = First_Date.getDay() + 1;
if (((Days_in_Month[Month] == 31) && (First_Day >= 6)) ||
((Days_in_Month[Month] == 30) && (First_Day == 7))) {
var Rows = 6;
}
else if ((Days_in_Month[Month] == 28) && (First_Day == 1)) {
var Rows = 4;
}
else {
var Rows = 5;
}
var HTML_String = '<table><tr><td valign="top"><table BORDER=4 CELLSPACING=1 cellpadding=2 FRAME="box" BGCOLOR="C0C0C0" BORDERCOLORLIGHT="808080">';
HTML_String += '<tr><th colspan=7 BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Heading + '</font></th></tr>';
HTML_String += '<tr><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sun</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Mon</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Tue</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Wed</th>';
HTML_String += '<th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Thu</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Fri</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sat</th></tr>';
var Day_Counter = 1;
var Loop_Counter = 1;
for (var j = 1; j <= Rows; j++) {
HTML_String += '<tr ALIGN="left" VALIGN="top">';
for (var i = 1; i < 8; i++) {
if ((Loop_Counter >= First_Day) && (Day_Counter <= Days_in_Month[Month])) {
if ((Day_Counter == Today) && (Year == Current_Year) && (Month == Current_Month)) {
HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000"><strong><font color="red">' + Day_Counter + '</font></strong></td>';
}
else {
HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Day_Counter + '</td>';
}
Day_Counter++;
}
else {
HTML_String += '<td BORDERCOLOR="C0C0C0"> </td>';
}
Loop_Counter++;
}
HTML_String += '</tr>';
}
HTML_String += '</table></td></tr></table>';
cross_el=ns6? document.getElementById("Calendar") : document.all.Calendar
cross_el.innerHTML = HTML_String;
}
function Check_Nums() {
if ((event.keyCode < 48) || (event.keyCode > 57)) {
return false;
}
}
function On_Year() {
var Year = document.when.year.value;
if (Year.length == 4) {
Selected_Month = document.when.month.selectedIndex;
Selected_Year = Year;
Make_Calendar(Selected_Year, Selected_Month);
}
}
function On_Month() {
var Year = document.when.year.value;
if (Year.length == 4) {
Selected_Month = document.when.month.selectedIndex;
Selected_Year = Year;
Make_Calendar(Selected_Year, Selected_Month);
}
else {
alert('Please enter a valid year.');
document.when.year.focus();
}
}
function Defaults() {
if (!ie4&&!ns6)
return
var Mid_Screen = Math.round(document.body.clientWidth / 2);
document.when.month.selectedIndex = Current_Month;
document.when.year.value = Current_Year;
Selected_Month = Current_Month;
Selected_Year = Current_Year;
Make_Calendar(Current_Year, Current_Month);
}
function Skip(Direction) {
if (Direction == '+') {
if (Selected_Month == 11) {
Selected_Month = 0;
Selected_Year++;
}
else {
Selected_Month++;
}
}
else {
if (Selected_Month == 0) {
Selected_Month = 11;
Selected_Year--;
}
else {
Selected_Month--;
}
}
Make_Calendar(Selected_Year, Selected_Month);
document.when.month.selectedIndex = Selected_Month;
document.when.year.value = Selected_Year;
}
</script>
langkah kedua - masukkan script ini di bawah <body>, pilih posisi sesuai yang anda inginkan, misalnya di sidebar bagian atas recent post atau di bawah about.
<div id=NavBar style="position:relative;width:286px;top:5px;" align="left">
<form name="when"><table>
<tr>
<td><input type="button" value="<-- Last" onClick="Skip('-')"></td>
<td> </td>
<td><select name="month" onChange="On_Month()">
<script language="JavaScript1.2">
if (ie4||ns6){
for (j=0;j<Month_Label.length;j++) {
document.writeln('<option value=' + j + '>' + Month_Label[j]);
}
}
</script>
</select>
</td>
<td><input type="text" name="year" size=4 maxlength=4 onKeyPress="return Check_Nums()" onKeyUp="On_Year()"></td>
<td> </td>
<td><input type="button" value="Next -->" onClick="Skip('+')"></td>
</tr></table></form></div>
<div id=Calendar style="position:relative;width:238px;top:-2px;" align="left"></div>
<form name="when"><table>
<tr>
<td><input type="button" value="<-- Last" onClick="Skip('-')"></td>
<td> </td>
<td><select name="month" onChange="On_Month()">
<script language="JavaScript1.2">
if (ie4||ns6){
for (j=0;j<Month_Label.length;j++) {
document.writeln('<option value=' + j + '>' + Month_Label[j]);
}
}
</script>
</select>
</td>
<td><input type="text" name="year" size=4 maxlength=4 onKeyPress="return Check_Nums()" onKeyUp="On_Year()"></td>
<td> </td>
<td><input type="button" value="Next -->" onClick="Skip('+')"></td>
</tr></table></form></div>
<div id=Calendar style="position:relative;width:238px;top:-2px;" align="left"></div>
langkah ketiga - masukkan script berikut ke dalam tag <body>.
<body onLoad="Defaults()">
Selamat mencoba :)
Cara Membuat Kalender di html Menggunakan JavaScript
Jelajahilmu11 -
saya akan sedikit berbagi mengenai bagaimana cara mudah membuat kalender di html dengan menggunakan javascript,
langkah pertama - masukkan script ini di bawah <head>
langkah kedua - masukkan script ini di bawah <body>, pilih posisi sesuai yang anda inginkan, misalnya di sidebar bagian atas recent post atau di bawah about.
langkah ketiga - masukkan script berikut ke dalam tag <body>.
dan hasilnya akan seperti ini
Selamat mencoba :)
cara membuat kalender di html menggunakan javascript
saya akan sedikit berbagi mengenai bagaimana cara mudah membuat kalender di html dengan menggunakan javascript,
langkah pertama - masukkan script ini di bawah <head>
<script language="JavaScript">
/*
Dynamic Calendar II (By Jason Moon at http://www.jasonmoon.net)
Permission granted to Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var ns6=document.getElementById&&!document.all
var ie4=document.all
var Selected_Month;
var Selected_Year;
var Current_Date = new Date();
var Current_Month = Current_Date.getMonth();
var Days_in_Month = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var Month_Label = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
var Current_Year = Current_Date.getYear();
if (Current_Year < 1000)
Current_Year+=1900
var Today = Current_Date.getDate();
function Header(Year, Month) {
if (Month == 1) {
Days_in_Month[1] = ((Year % 400 == 0) || ((Year % 4 == 0) && (Year % 100 !=0))) ? 29 : 28;
}
var Header_String = Month_Label[Month] + ' ' + Year;
return Header_String;
}
function Make_Calendar(Year, Month) {
var First_Date = new Date(Year, Month, 1);
var Heading = Header(Year, Month);
var First_Day = First_Date.getDay() + 1;
if (((Days_in_Month[Month] == 31) && (First_Day >= 6)) ||
((Days_in_Month[Month] == 30) && (First_Day == 7))) {
var Rows = 6;
}
else if ((Days_in_Month[Month] == 28) && (First_Day == 1)) {
var Rows = 4;
}
else {
var Rows = 5;
}
var HTML_String = '<table><tr><td valign="top"><table BORDER=4 CELLSPACING=1 cellpadding=2 FRAME="box" BGCOLOR="C0C0C0" BORDERCOLORLIGHT="808080">';
HTML_String += '<tr><th colspan=7 BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Heading + '</font></th></tr>';
HTML_String += '<tr><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sun</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Mon</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Tue</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Wed</th>';
HTML_String += '<th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Thu</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Fri</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sat</th></tr>';
var Day_Counter = 1;
var Loop_Counter = 1;
for (var j = 1; j <= Rows; j++) {
HTML_String += '<tr ALIGN="left" VALIGN="top">';
for (var i = 1; i < 8; i++) {
if ((Loop_Counter >= First_Day) && (Day_Counter <= Days_in_Month[Month])) {
if ((Day_Counter == Today) && (Year == Current_Year) && (Month == Current_Month)) {
HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000"><strong><font color="red">' + Day_Counter + '</font></strong></td>';
}
else {
HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Day_Counter + '</td>';
}
Day_Counter++;
}
else {
HTML_String += '<td BORDERCOLOR="C0C0C0"> </td>';
}
Loop_Counter++;
}
HTML_String += '</tr>';
}
HTML_String += '</table></td></tr></table>';
cross_el=ns6? document.getElementById("Calendar") : document.all.Calendar
cross_el.innerHTML = HTML_String;
}
function Check_Nums() {
if ((event.keyCode < 48) || (event.keyCode > 57)) {
return false;
}
}
function On_Year() {
var Year = document.when.year.value;
if (Year.length == 4) {
Selected_Month = document.when.month.selectedIndex;
Selected_Year = Year;
Make_Calendar(Selected_Year, Selected_Month);
}
}
function On_Month() {
var Year = document.when.year.value;
if (Year.length == 4) {
Selected_Month = document.when.month.selectedIndex;
Selected_Year = Year;
Make_Calendar(Selected_Year, Selected_Month);
}
else {
alert('Please enter a valid year.');
document.when.year.focus();
}
}
function Defaults() {
if (!ie4&&!ns6)
return
var Mid_Screen = Math.round(document.body.clientWidth / 2);
document.when.month.selectedIndex = Current_Month;
document.when.year.value = Current_Year;
Selected_Month = Current_Month;
Selected_Year = Current_Year;
Make_Calendar(Current_Year, Current_Month);
}
function Skip(Direction) {
if (Direction == '+') {
if (Selected_Month == 11) {
Selected_Month = 0;
Selected_Year++;
}
else {
Selected_Month++;
}
}
else {
if (Selected_Month == 0) {
Selected_Month = 11;
Selected_Year--;
}
else {
Selected_Month--;
}
}
Make_Calendar(Selected_Year, Selected_Month);
document.when.month.selectedIndex = Selected_Month;
document.when.year.value = Selected_Year;
}
</script>
/*
Dynamic Calendar II (By Jason Moon at http://www.jasonmoon.net)
Permission granted to Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var ns6=document.getElementById&&!document.all
var ie4=document.all
var Selected_Month;
var Selected_Year;
var Current_Date = new Date();
var Current_Month = Current_Date.getMonth();
var Days_in_Month = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var Month_Label = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
var Current_Year = Current_Date.getYear();
if (Current_Year < 1000)
Current_Year+=1900
var Today = Current_Date.getDate();
function Header(Year, Month) {
if (Month == 1) {
Days_in_Month[1] = ((Year % 400 == 0) || ((Year % 4 == 0) && (Year % 100 !=0))) ? 29 : 28;
}
var Header_String = Month_Label[Month] + ' ' + Year;
return Header_String;
}
function Make_Calendar(Year, Month) {
var First_Date = new Date(Year, Month, 1);
var Heading = Header(Year, Month);
var First_Day = First_Date.getDay() + 1;
if (((Days_in_Month[Month] == 31) && (First_Day >= 6)) ||
((Days_in_Month[Month] == 30) && (First_Day == 7))) {
var Rows = 6;
}
else if ((Days_in_Month[Month] == 28) && (First_Day == 1)) {
var Rows = 4;
}
else {
var Rows = 5;
}
var HTML_String = '<table><tr><td valign="top"><table BORDER=4 CELLSPACING=1 cellpadding=2 FRAME="box" BGCOLOR="C0C0C0" BORDERCOLORLIGHT="808080">';
HTML_String += '<tr><th colspan=7 BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Heading + '</font></th></tr>';
HTML_String += '<tr><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sun</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Mon</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Tue</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Wed</th>';
HTML_String += '<th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Thu</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Fri</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sat</th></tr>';
var Day_Counter = 1;
var Loop_Counter = 1;
for (var j = 1; j <= Rows; j++) {
HTML_String += '<tr ALIGN="left" VALIGN="top">';
for (var i = 1; i < 8; i++) {
if ((Loop_Counter >= First_Day) && (Day_Counter <= Days_in_Month[Month])) {
if ((Day_Counter == Today) && (Year == Current_Year) && (Month == Current_Month)) {
HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000"><strong><font color="red">' + Day_Counter + '</font></strong></td>';
}
else {
HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Day_Counter + '</td>';
}
Day_Counter++;
}
else {
HTML_String += '<td BORDERCOLOR="C0C0C0"> </td>';
}
Loop_Counter++;
}
HTML_String += '</tr>';
}
HTML_String += '</table></td></tr></table>';
cross_el=ns6? document.getElementById("Calendar") : document.all.Calendar
cross_el.innerHTML = HTML_String;
}
function Check_Nums() {
if ((event.keyCode < 48) || (event.keyCode > 57)) {
return false;
}
}
function On_Year() {
var Year = document.when.year.value;
if (Year.length == 4) {
Selected_Month = document.when.month.selectedIndex;
Selected_Year = Year;
Make_Calendar(Selected_Year, Selected_Month);
}
}
function On_Month() {
var Year = document.when.year.value;
if (Year.length == 4) {
Selected_Month = document.when.month.selectedIndex;
Selected_Year = Year;
Make_Calendar(Selected_Year, Selected_Month);
}
else {
alert('Please enter a valid year.');
document.when.year.focus();
}
}
function Defaults() {
if (!ie4&&!ns6)
return
var Mid_Screen = Math.round(document.body.clientWidth / 2);
document.when.month.selectedIndex = Current_Month;
document.when.year.value = Current_Year;
Selected_Month = Current_Month;
Selected_Year = Current_Year;
Make_Calendar(Current_Year, Current_Month);
}
function Skip(Direction) {
if (Direction == '+') {
if (Selected_Month == 11) {
Selected_Month = 0;
Selected_Year++;
}
else {
Selected_Month++;
}
}
else {
if (Selected_Month == 0) {
Selected_Month = 11;
Selected_Year--;
}
else {
Selected_Month--;
}
}
Make_Calendar(Selected_Year, Selected_Month);
document.when.month.selectedIndex = Selected_Month;
document.when.year.value = Selected_Year;
}
</script>
langkah kedua - masukkan script ini di bawah <body>, pilih posisi sesuai yang anda inginkan, misalnya di sidebar bagian atas recent post atau di bawah about.
<div id=NavBar style="position:relative;width:286px;top:5px;" align="left">
<form name="when"><table>
<tr>
<td><input type="button" value="<-- Last" onClick="Skip('-')"></td>
<td> </td>
<td><select name="month" onChange="On_Month()">
<script language="JavaScript1.2">
if (ie4||ns6){
for (j=0;j<Month_Label.length;j++) {
document.writeln('<option value=' + j + '>' + Month_Label[j]);
}
}
</script>
</select>
</td>
<td><input type="text" name="year" size=4 maxlength=4 onKeyPress="return Check_Nums()" onKeyUp="On_Year()"></td>
<td> </td>
<td><input type="button" value="Next -->" onClick="Skip('+')"></td>
</tr></table></form></div>
<div id=Calendar style="position:relative;width:238px;top:-2px;" align="left"></div>
<form name="when"><table>
<tr>
<td><input type="button" value="<-- Last" onClick="Skip('-')"></td>
<td> </td>
<td><select name="month" onChange="On_Month()">
<script language="JavaScript1.2">
if (ie4||ns6){
for (j=0;j<Month_Label.length;j++) {
document.writeln('<option value=' + j + '>' + Month_Label[j]);
}
}
</script>
</select>
</td>
<td><input type="text" name="year" size=4 maxlength=4 onKeyPress="return Check_Nums()" onKeyUp="On_Year()"></td>
<td> </td>
<td><input type="button" value="Next -->" onClick="Skip('+')"></td>
</tr></table></form></div>
<div id=Calendar style="position:relative;width:238px;top:-2px;" align="left"></div>
langkah ketiga - masukkan script berikut ke dalam tag <body>.
<body onLoad="Defaults()">
Selamat mencoba :)
Posted at Thursday, December 18, 2014 | by
Ahmad Rofiq
Thursday 16 October 2014
IdeKU Untuk PLN (NegeriKu CahayaKu)
Negeriku Cahayaku, itulah Indonesia. Negara
kepulauan dengan berbagai macam bahasa dan suku bangsa, Negara yang begitu luas
dan begitu indah, sampai kita pergi dari Alam Dunia ini pun mungkin tak akan
pernah bisa merasakan kepuasan dari keindahan alam Indonesia ini, dari ujung
barat (sabang) sampai ujung timur (merauke) akan banyak hal yang akan kita
temui, dari kota besar sampai pedesaan, dari perhotelan sampai gubug yang rapuh
didalam desa, adat yang begitu melekat dengan keramahan rakyatnya yang tidak
pernah lepas dari peraturan sesepuhnya, dengan luasnya hutan menjadikan
Indonesia sebagai paru-paru dunia, dengan kelengkapan rempah-rempah menjadikan
Indonesia Negara yang makmur, dengan berbagai macam kesenian akan lebih
memperindah suasana desa, itulah yang menjadikan Indonesia Negara yang
berwarna, menjadi lebih indah dan terlihat sejahtera,
Kita patut berbangga hati kepada para pahlawan kemerdekaan
yang telah melawan penjajah. Dizaman dahulu dunia barat yang sudah kenal dan
melek dengan teknologi, sudah mengenakan seragam begitu kompak dan terlihat
gagah, menaiki kendaraan melayang di udara, dan memegang pelatuk yang dapat menghasilkan
suara keras dan bisa menembus kepala lawan, itulah senapan yang digunakan
penjajah untuk melawan pejuang kita, tetapi Indonesia yang masih begitu polos
dengan teknologi dan begitu sederhananya, hanya bermodal kekuatan iman dan
taqwa, serta yakin akan kemampuan bersama, tekad dan mental yang kuat, serta
ide yang sederhana itulah modal pejuang kita untuk bisa menghasilkan senjata
sederhana denga bambu runcing yang dapat mendorong mundur penjajah dari tanah air
ini.
Akhirnya sampailah disaat sekarang ini, kita
sebagai anak cucu mereka yang hanya bisa merasakan kesenangan dari jerih payah
mereka, bisa menikmati pemandangan gedung-gedung menjulang tinggi diperkotaan,
dunia malam yang sebelumnya gelap gulita dan sekarang menjadi terang karena arus
listrik yang mengalir disetiap perkotaan, tetapi tidak semua dari kita bisa
merasakan kesenangan itu, itulah yang patut kita benahi sebagai penerus
kemerdekaan ini.
Indonesia patut dikatakan merdeka jika rakyatnya
makmur dan sejahtera, dalam arti makmur dan sejahtera adalah mereka bisa
berkecukupan, tidak perlu mempunyai rumah gedung, cukup dengan makanan layak
yang bisa membuat mereka tumbuh sehat, makanan yang bergizi dan berlimpah air,
terutama di pelosok desa terpencil, mereka harus bisa merasakan apa yang kita
rasakan yaitu arus listrik. Meskipun jauh dari PLN, tetapi sebagai manusia
yang berilmu, wajib mengamalkan ilmu yang kita miliki, seperti halnya membangun
PLTA dengan arus sungai, PLTU dengan uap panas yang dihasilkan dari panas uap/kawah
pegunungan.
Pada tahun 2015 sudah memasuki pasar bebas ASEAN,
bagaimana mungkin pasar bebas ASEAN sudah terlaksana tetapi diantara kita masih
merasakan hidup bagaikan dizaman purba, yang gelap tanpa cahaya selain bulan
dan api, sebenarnya banyak hal yang harus diperhatikan untuk bisa menjadikan
negara ini lebih maju, terutama penerangan. Siapa tahu diantara mereka yang
masih limitnya arus listrik atau bahkan belum tersentuh sedikitpun listrik
didesanya bisa menghasilkan pemuda yang berbakat, pemuda yang hebat, tetapi
karena faktor listrik pemuda itu tidak bisa mengembangkan diri (mengetahui
dunia luar dengan tv/internet), mereka terkurung didalamnya dan hanya bisa
menjalankan aktifitas disekolah dengan berbagai batasan, setelah pulang sekolah
hal yang bisa dilakukan selain belajar, mereka hanya membantu orang tua dan
bertani. Itupun bersyukur jika sudah berdiri sekolah didesa mereka, tetapi jika
sebaliknya, hanya ada kejahiliyahan yang menaungi mereka selamanya.
Kalau kita bangga menjadi rakyat Indonesia,
seharusnya kita patut untuk peduli terhadap sesama, terutama kepada saudara
kita yang masih membutuhkan uluran tangan. jika arus listrik menjadi kendala
utama, maka seperti yang saya katakan diatas, yang mempunyai pengetahuan
tentang Pembangkit Listrik yang sederhana, seperti PLTA dengan memanfaatkan
arus air sungai atau berfokus pada pembangunan PLN di berbagai daerah
supaya tercukupinya arus listrik di setiap desa. Dengan adanya PLN diberbagai
daerah, maka kehidupan yang cerah dimasa yang akan datang akan lebih baik, maju
dan berkembang, serta akan menghasilkan pemuda-pemuda yang siap menjadi seorang
pemimpin. Kenapa saya katakan menghasilkan pemuda yang siap menjadi seorang pemimpin,
karena dikehidupan pedesaan dengan perkotaan itu berbeda, terutama dari sosial
dan tata krama, lebih menonjol dilingkungan pedesaan untuk bisa menghasilkan
pemuda yang masih bersih, meskipun semua tergantung dari lingkungan keluarga
dan pendidikan.
Jika itu bisa terjadi, maka banyak orang terutama
pelajar yang akan mengenal internet, dan mereka bisa memanfaatkan internet itu
untuk dijadikan bahan pembelajaran kedua setelah disekolah, mereka bisa
menyalurkan dan mengamalkan ilmu yang mereka dapatkan disekolah melalui Blog mereka. Dengan Blog, mereka akan mengeluarkan ide-ide kreatif untuk
bisa belajar berbagi kepada sesama.
NegeriKu CahayaKu
IdeKU Untuk PLN (NegeriKu CahayaKu)
Negeriku Cahayaku, itulah Indonesia. Negara
kepulauan dengan berbagai macam bahasa dan suku bangsa, Negara yang begitu luas
dan begitu indah, sampai kita pergi dari Alam Dunia ini pun mungkin tak akan
pernah bisa merasakan kepuasan dari keindahan alam Indonesia ini, dari ujung
barat (sabang) sampai ujung timur (merauke) akan banyak hal yang akan kita
temui, dari kota besar sampai pedesaan, dari perhotelan sampai gubug yang rapuh
didalam desa, adat yang begitu melekat dengan keramahan rakyatnya yang tidak
pernah lepas dari peraturan sesepuhnya, dengan luasnya hutan menjadikan
Indonesia sebagai paru-paru dunia, dengan kelengkapan rempah-rempah menjadikan
Indonesia Negara yang makmur, dengan berbagai macam kesenian akan lebih
memperindah suasana desa, itulah yang menjadikan Indonesia Negara yang
berwarna, menjadi lebih indah dan terlihat sejahtera,
Kita patut berbangga hati kepada para pahlawan kemerdekaan
yang telah melawan penjajah. Dizaman dahulu dunia barat yang sudah kenal dan
melek dengan teknologi, sudah mengenakan seragam begitu kompak dan terlihat
gagah, menaiki kendaraan melayang di udara, dan memegang pelatuk yang dapat menghasilkan
suara keras dan bisa menembus kepala lawan, itulah senapan yang digunakan
penjajah untuk melawan pejuang kita, tetapi Indonesia yang masih begitu polos
dengan teknologi dan begitu sederhananya, hanya bermodal kekuatan iman dan
taqwa, serta yakin akan kemampuan bersama, tekad dan mental yang kuat, serta
ide yang sederhana itulah modal pejuang kita untuk bisa menghasilkan senjata
sederhana denga bambu runcing yang dapat mendorong mundur penjajah dari tanah air
ini.
Akhirnya sampailah disaat sekarang ini, kita
sebagai anak cucu mereka yang hanya bisa merasakan kesenangan dari jerih payah
mereka, bisa menikmati pemandangan gedung-gedung menjulang tinggi diperkotaan,
dunia malam yang sebelumnya gelap gulita dan sekarang menjadi terang karena arus
listrik yang mengalir disetiap perkotaan, tetapi tidak semua dari kita bisa
merasakan kesenangan itu, itulah yang patut kita benahi sebagai penerus
kemerdekaan ini.
Indonesia patut dikatakan merdeka jika rakyatnya
makmur dan sejahtera, dalam arti makmur dan sejahtera adalah mereka bisa
berkecukupan, tidak perlu mempunyai rumah gedung, cukup dengan makanan layak
yang bisa membuat mereka tumbuh sehat, makanan yang bergizi dan berlimpah air,
terutama di pelosok desa terpencil, mereka harus bisa merasakan apa yang kita
rasakan yaitu arus listrik. Meskipun jauh dari PLN, tetapi sebagai manusia
yang berilmu, wajib mengamalkan ilmu yang kita miliki, seperti halnya membangun
PLTA dengan arus sungai, PLTU dengan uap panas yang dihasilkan dari panas uap/kawah
pegunungan.
Pada tahun 2015 sudah memasuki pasar bebas ASEAN,
bagaimana mungkin pasar bebas ASEAN sudah terlaksana tetapi diantara kita masih
merasakan hidup bagaikan dizaman purba, yang gelap tanpa cahaya selain bulan
dan api, sebenarnya banyak hal yang harus diperhatikan untuk bisa menjadikan
negara ini lebih maju, terutama penerangan. Siapa tahu diantara mereka yang
masih limitnya arus listrik atau bahkan belum tersentuh sedikitpun listrik
didesanya bisa menghasilkan pemuda yang berbakat, pemuda yang hebat, tetapi
karena faktor listrik pemuda itu tidak bisa mengembangkan diri (mengetahui
dunia luar dengan tv/internet), mereka terkurung didalamnya dan hanya bisa
menjalankan aktifitas disekolah dengan berbagai batasan, setelah pulang sekolah
hal yang bisa dilakukan selain belajar, mereka hanya membantu orang tua dan
bertani. Itupun bersyukur jika sudah berdiri sekolah didesa mereka, tetapi jika
sebaliknya, hanya ada kejahiliyahan yang menaungi mereka selamanya.
Kalau kita bangga menjadi rakyat Indonesia,
seharusnya kita patut untuk peduli terhadap sesama, terutama kepada saudara
kita yang masih membutuhkan uluran tangan. jika arus listrik menjadi kendala
utama, maka seperti yang saya katakan diatas, yang mempunyai pengetahuan
tentang Pembangkit Listrik yang sederhana, seperti PLTA dengan memanfaatkan
arus air sungai atau berfokus pada pembangunan PLN di berbagai daerah
supaya tercukupinya arus listrik di setiap desa. Dengan adanya PLN diberbagai
daerah, maka kehidupan yang cerah dimasa yang akan datang akan lebih baik, maju
dan berkembang, serta akan menghasilkan pemuda-pemuda yang siap menjadi seorang
pemimpin. Kenapa saya katakan menghasilkan pemuda yang siap menjadi seorang pemimpin,
karena dikehidupan pedesaan dengan perkotaan itu berbeda, terutama dari sosial
dan tata krama, lebih menonjol dilingkungan pedesaan untuk bisa menghasilkan
pemuda yang masih bersih, meskipun semua tergantung dari lingkungan keluarga
dan pendidikan.
Jika itu bisa terjadi, maka banyak orang terutama
pelajar yang akan mengenal internet, dan mereka bisa memanfaatkan internet itu
untuk dijadikan bahan pembelajaran kedua setelah disekolah, mereka bisa
menyalurkan dan mengamalkan ilmu yang mereka dapatkan disekolah melalui Blog mereka. Dengan Blog, mereka akan mengeluarkan ide-ide kreatif untuk
bisa belajar berbagi kepada sesama.
Posted at Thursday, October 16, 2014 | by
Ahmad Rofiq
Thursday 9 October 2014
Cara Membuat Warna/Gambar Pada Background HTML
hallo sob, setelah dikejar tugas kuliah dan akhirnya selesai juga kesibukan sementara ini, alhamdulillah masih diberi kesempatan untuk bisa posting dan kembali nge-blog lagi,
kali ini saya akan berbagi mengenai bagaimana cara memberi warna background pada HTML menggunakan atribut bgcolor yang ditempatkan di tag <body>,
hallo sob, setelah dikejar tugas kuliah dan akhirnya selesai juga kesibukan sementara ini, alhamdulillah masih diberi kesempatan untuk bisa posting dan kembali nge-blog lagi,
kali ini saya akan berbagi mengenai bagaimana cara memberi warna background pada HTML menggunakan atribut bgcolor yang ditempatkan di tag <body>,
Membuat Background pada HTML
Cara Membuat Warna/Gambar Pada Background HTML
hallo sob, setelah dikejar tugas kuliah dan akhirnya selesai juga kesibukan sementara ini, alhamdulillah masih diberi kesempatan untuk bisa posting dan kembali nge-blog lagi,
kali ini saya akan berbagi mengenai bagaimana cara memberi warna background pada HTML menggunakan atribut bgcolor yang ditempatkan di tag <body>,
hallo sob, setelah dikejar tugas kuliah dan akhirnya selesai juga kesibukan sementara ini, alhamdulillah masih diberi kesempatan untuk bisa posting dan kembali nge-blog lagi,
kali ini saya akan berbagi mengenai bagaimana cara memberi warna background pada HTML menggunakan atribut bgcolor yang ditempatkan di tag <body>,
Posted at Thursday, October 09, 2014 | by
Ahmad Rofiq
Cara Mudah Membuat link (hyperlink) di HTML
Link adalah singkatan dari Hyperlink yang merupakan bagian dari web page yang menghubungkan halaman 1 ke halaman yang lain,
dari pembahasan kali ini, saya akan memberikan bagaimana cara me link kan satu halaman web ke halaman lain, menggunakan tag <a href>
Link adalah singkatan dari Hyperlink yang merupakan bagian dari web page yang menghubungkan halaman 1 ke halaman yang lain,
dari pembahasan kali ini, saya akan memberikan bagaimana cara me link kan satu halaman web ke halaman lain, menggunakan tag <a href>
Cara Membuat link (hyperlink) di HTML
Cara Mudah Membuat link (hyperlink) di HTML
Link adalah singkatan dari Hyperlink yang merupakan bagian dari web page yang menghubungkan halaman 1 ke halaman yang lain,
dari pembahasan kali ini, saya akan memberikan bagaimana cara me link kan satu halaman web ke halaman lain, menggunakan tag <a href>
Link adalah singkatan dari Hyperlink yang merupakan bagian dari web page yang menghubungkan halaman 1 ke halaman yang lain,
dari pembahasan kali ini, saya akan memberikan bagaimana cara me link kan satu halaman web ke halaman lain, menggunakan tag <a href>
Posted at Thursday, October 09, 2014 | by
Ahmad Rofiq
Membuat Animasi Teks berjalan Pada HTML
Hallo sobat jelajahilmu11, kali ini saya akan berbagi tentang bagaimana cara membuat animasi teks berjalan pada html, animasi ini berfungsi untuk memberikan efek berjalan keatas atau kebawah, kekanan atau kekiri dengan menggunakan tag <marquee></marquee>
Tag ini memiliki atribut untuk mengatur gerakan teks yang diapit oleh tag tersebut. Atribut yang dimiliki oleh tag ini meliputi:
Hallo sobat jelajahilmu11, kali ini saya akan berbagi tentang bagaimana cara membuat animasi teks berjalan pada html, animasi ini berfungsi untuk memberikan efek berjalan keatas atau kebawah, kekanan atau kekiri dengan menggunakan tag <marquee></marquee>
Tag ini memiliki atribut untuk mengatur gerakan teks yang diapit oleh tag tersebut. Atribut yang dimiliki oleh tag ini meliputi:
Cara Membuat Animasi Teks berjalan Pada HTML
Membuat Animasi Teks berjalan Pada HTML
Hallo sobat jelajahilmu11, kali ini saya akan berbagi tentang bagaimana cara membuat animasi teks berjalan pada html, animasi ini berfungsi untuk memberikan efek berjalan keatas atau kebawah, kekanan atau kekiri dengan menggunakan tag <marquee></marquee>
Tag ini memiliki atribut untuk mengatur gerakan teks yang diapit oleh tag tersebut. Atribut yang dimiliki oleh tag ini meliputi:
Hallo sobat jelajahilmu11, kali ini saya akan berbagi tentang bagaimana cara membuat animasi teks berjalan pada html, animasi ini berfungsi untuk memberikan efek berjalan keatas atau kebawah, kekanan atau kekiri dengan menggunakan tag <marquee></marquee>
Tag ini memiliki atribut untuk mengatur gerakan teks yang diapit oleh tag tersebut. Atribut yang dimiliki oleh tag ini meliputi:
Posted at Thursday, October 09, 2014 | by
Ahmad Rofiq
Wednesday 8 October 2014
Code Warna pada HTML
untuk membuat warna pada html maka terlebih dahulu harus mengerti kode-kode atau nama warna yang ingin kita gunakan, kode warna pada html ini bertujuan untuk memberi warna pada sebuah tabel, teks, maupun background.
jadi langsung saja inilah code warna pada html
untuk membuat warna pada html maka terlebih dahulu harus mengerti kode-kode atau nama warna yang ingin kita gunakan, kode warna pada html ini bertujuan untuk memberi warna pada sebuah tabel, teks, maupun background.
jadi langsung saja inilah code warna pada html
Code Warna pada HTML
Code Warna pada HTML
untuk membuat warna pada html maka terlebih dahulu harus mengerti kode-kode atau nama warna yang ingin kita gunakan, kode warna pada html ini bertujuan untuk memberi warna pada sebuah tabel, teks, maupun background.
jadi langsung saja inilah code warna pada html
untuk membuat warna pada html maka terlebih dahulu harus mengerti kode-kode atau nama warna yang ingin kita gunakan, kode warna pada html ini bertujuan untuk memberi warna pada sebuah tabel, teks, maupun background.
jadi langsung saja inilah code warna pada html
Posted at Wednesday, October 08, 2014 | by
Ahmad Rofiq
Membuat Tabel pada HTML
seperti biasa, sebelum melakukan pemrograman marilah berdoa terlebih dahulu, supaya diberi kemudahan dalam belajar Aamiin.. nah, langkah pertama untuk membuat program, maka siapkan softwarenya terlebih dahulu, anda bisa menggunakan macromedia dreamweaver, notepad, ataupun notepad
Membuat Tabel Pada HTML
Membuat Tabel pada HTML
seperti biasa, sebelum melakukan pemrograman marilah berdoa terlebih dahulu, supaya diberi kemudahan dalam belajar Aamiin.. nah, langkah pertama untuk membuat program, maka siapkan softwarenya terlebih dahulu, anda bisa menggunakan macromedia dreamweaver, notepad, ataupun notepad
Posted at Wednesday, October 08, 2014 | by
Ahmad Rofiq
Tuesday 8 April 2014
Silahkan untuk agan-agan yang suka musik instrument kitaro bisa download disini !!!
Download Musik Kitaro
Download Musik Kitaro
1. Kitaro - The Best
- Kitaro - Orochi
- Kitaro - Matsuri
- Kitaro - Silk Road
- Kitaro - Mirage |Download|
2. Kitaro - The Definitive Collection
3. Kitaro - Silk Road Volume 2
4. Kitaro - Tenku
Musik Kitaro
Silahkan untuk agan-agan yang suka musik instrument kitaro bisa download disini !!!
Download Musik Kitaro
Download Musik Kitaro
1. Kitaro - The Best
- Kitaro - Orochi
- Kitaro - Matsuri
- Kitaro - Silk Road
- Kitaro - Mirage |Download|
2. Kitaro - The Definitive Collection
3. Kitaro - Silk Road Volume 2
4. Kitaro - Tenku
Posted at Tuesday, April 08, 2014 | by
Ahmad Rofiq
Subscribe to:
Posts (Atom)
-
Cara Download Video di Youtube tanpa Software
-
Cara Membuat Animasi Teks berjalan Pada HTML
-
Membuat Background pada HTML
-
LARANGAN UNTUK PACARAN DALAM ISLAM SESUAI HADITS DAN AYAT AL QUR'AN
-
(no title)
-
Membuat Tabel Pada HTML
-
Mozilla Firefox 18.0.2
-
Cara Membuat Kalender di html Menggunakan JavaScript
-
Sejarah Komputer
-
NegeriKu CahayaKu
Popular Posts
Blog roll
Blogger templates. Proudly Powered by Blogger.
