Tuesday, March 29, 2011

CSS

# CSS (Cascading Style Sheet)
# Link Tanpa garis bawah (CSS)

PHP

# Membuat file pdf dengan fpdf
# Format date (PHP)
# Script menampilkan informasi IP dan Browser (PHP)
# Membulatkan bilangan dengan script PHP
# Tes Koneksi ke database Mysql dengan script PHP
# Menghapus File dengan script PHP
# Sistem fungsi file pada PHP
# Captcha (PHP)
# Macam-macam fungsi waktu (PHP)
# Pantau Merapi dengan Web (live) (PHP)
# Polling dengan PHP dan database MySQL
# Page Counter (PHP) (Page Visit & Page View)

Javascript

# Check Javascript Browser Enabled / Disabled
# Dasar-dasar Javascript
# Jam Digital (Javascript)
# Javascript Calendar Date Picker / Popup
# Javascript Checkbox Checked / Javascript Check All Checkbox
# Javascript Menghitung Selisih Tanggal
# Javascript Ucapan Selamat Idul Fitri, Lebaran 
# Kalender/Calendar (Javascript)
# Medeteksi Browser Yang Digunakan User Menggunakan Javasript
# Mengubah ukuran/size gambar (Javascript)
# Promptbox (Javascript)
# Script Halaman Web Pantau Merapi Real Time (Live)
# Script Print dengan Javascript
# Tutorial Javascript Validasi Form (Javascript Form Validation)
# Validasi email (Javascript)

HTML

# Dasar-Dasar HTML
# Elemen Form pada HTML
# Website MP3 Streaming Sederhana (HTML)

Monday, March 28, 2011

अगर आप चाहे तो स्टार्ट बटन को डिसेबल कर सकते है |

अगर आप अपने कंप्यूटर को दुसरे लोगो के द्वारा इस्तेमाल नहीं करने देना चाहते है तो ये desklock-security नाम का सॉफ्टवेर आप के बहुत काम का है |


इस सॉफ्टवेर के मदद से आप अपने कंप्यूटर के की-बोर्ड,माउस या फिर किसी दुसरे सॉफ्टवेर को लाक कर सकते हैं|
अगर आप चाहते है की आप के गैर हाजरी में कोई आप के कंप्यूटर से किसी सॉफ्टवेर को डिलीट नहीं करे तो आप इस सॉफ्टवेर की मदद से Add Remove के ऑप्शन को डिसेबल कर सकते है या फिर कंट्रोल पनेल को डिसेबल कर सकते है अगर आप चाहे तो स्टार्ट बटन को डिसेबल कर सकते है |


इस सॉफ्टवेर को इंस्टाल करने के बाद डेस्कटॉप पर कोई शोर्ट कट नहीं बनता है बल्कि आप के कंप्यूटर के सिस्टम ट्रे में एक क्रास का आइकन बनता है जिसको क्लिक करने पर इस सॉफ्टवेर का विंडो खुलता है जिसमें आप अपने अनुसार फेर बदल कर सकते है |  
   
इस्तेमाल में आसन और साइज़ में सिर्फ 4 Mb का है ये सॉफ्टवेर |

Plugin firefox web developer

satu lagi plugin gratisan yang sangat membantu buat para pe mbuat web, yaitu web developer. plugin ini bekerja di browser firefox. walaupun gratisan kemampuan plugin ini bisa di bilang cukup memuaskan, karena dapat mendeteksi error pada script CSS dan javascript.
kenapa Script CSS dan Javascript. soalnya CSS dan Javascript adalah client side dimana tempat pemrosesan script di sisi client(browser).


plugin tersebut bisa di download di SINI

Saturday, March 26, 2011

Demo Tutorial Contoh Script Ajax Loader Load Content/Page

Demo Tutorial Contoh Script Ajax Loader Load Content/Page

Kali ini saya akan memberikan contoh script untuk menampilkan image atau gambar loader (gambar proses loading) yang dapat digunakan pada saat kita menjalankan

Ajax

saat menunggu hasil atau response dari request ajax yang dijalankan.
Langsung aja script nya:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Demo Tutorial Contoh Script Ajax Loader Load Content/Page @ catment.blogspt.com </title>
</head>
<body>
<style>
#loading
{
  display:none;
  position:fixed;
  top:0%;
  left:50%;
  width:65px;
  height:auto;
}
</style>

<!--****loading+popup_div****-->
<div id="loading">
<font color="#CC00FF" size="4"><b>Loading...</b></font><img src="loading.gif" alt='..Loading..' />
</div>
<!--********-->

<div id="content">
Teks awal sebelum file teks.php di load
</div>
<input type="button" value="Load File" onclick="load_page();" />
<script type="text/javascript" language="javascript">
<!--
var xmlhttp;

/*load_page*/
function load_page()
{
var url="teks.html?rand="+Math.random();
var post="";
ajax(url,post,'go_page');
}
/*--------*/

/*ajax*/
function ajax(url,post,response)
{
xmlhttp=GetXmlHttpObject();
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState!==4)
{document.getElementById("loading").style.display="block";}
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
// setTimeout("document.getElementById('loading').style.display='none'",500); //jika ingin menggunakan delay
document.getElementById("content").innerHTML=xmlhttp.responseText;
document.getElementById("loading").style.display="none";
}
else{ajax_fail();}
}
}
xmlhttp.open("POST",url,true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send(post);
}
/*--------*/

/*ajax_fail*/
function ajax_fail()
{
document.getElementById("loading").style.display="none";
alert("Maaf ada gangguan penerimaan data, silahkan coba lagi atau refresh browser anda.");
return false;
}
/*--------*/

/*pilih xmlhttp berdasarkan browser*/
function GetXmlHttpObject()
{
if(window.XMLHttpRequest)
{
return new XMLHttpRequest();
}
if(window.ActiveXObject)
{
return new ActiveXObject("Microsoft.XMLHTTP");
}
else
{alert("Maaf browser anda tidak mendukung ajax.");}
return false;
}
/*--------*/
//-->
</script>
</body>
</html>

Pada contoh script diatas ajax merequest halaman teks.html sebagai contoh halaman teks.html:
Ini adalah isi dari file teks.txt yang di load menggunakan ajax.
<br />
<img src="baner.png" alt="banner" />

Hasil dari tutorial ini dapat anda coba di http://catment.co.cc/demo/ajax_loading dan download script disini.
Terima kasih, semoga tutorial ini bermanfaat.

Untuk konsultasi, tanya-tanya tentang web programming, php, ajax, mysql, javascript, html, script bisa komen disini.
Untuk proyek atau tugas tentang web bisa komen disini.
Atau dapat langsung hubungi kami:
Email:
tawank.x@gmail.com
bobybibbob@gmail.com

YM:
tawank_x
bobybibbob

^0^V