Archive for the ‘Javascript’ Category

Link for Bookmark / Bookmark menggunakan link

Friday, February 27th, 2009

Salam,

This is simple example using javascript to create a link for bookmark your website.
Ini merupakan contoh mudah membuat link untuk pengunjung bookmark laman web anda.

Paste this code in after and before
<script type="text/javascript">
function bookmark(address,sitename) {
if (window.sidebar) {
window.sidebar.addPanel(sitename, address,"");
} else if( document.all ) {
window.external.AddFavorite(address, sitename);
} else if( window.opera && window.print ) {
return true;
}
}
</script>

And paste this code for create the link.

< a href="#" onclick="bookmark('http://www.hujungjari.com/','Hujung Jari')">Bookmark our site!< /a>

Simple form validate

Friday, January 9th, 2009

Salam,

Ini adalah simple fom validate aku buat sendirik. So sesapa nak try buleh copy dan paste jer.

function-function yang terlibat :
//pastikan email adalah valid
function valid_email($address){
if(ereg("^[a-zA-Z0-9_]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$", $address)){
//return true;
} else {
echo '<script type="text/JavaScript">';
echo 'alert(\'Please key-in valid email address\')';
echo '</script>';
echo '<script type="text/JavaScript">';
echo 'history.go(-1)';
echo '</script>';
exit();
}
}

//pastikan upload adalah valid
function valid_upload($fail,$field){
$tmpfail = $_FILES[$field]['tmp_name'];
if(is_uploaded_file($tmpfail)){
//return true;
} else {
echo '<script type="text/JavaScript">';
echo 'alert(\'No file selected fo upload\')';
echo '</script>';
echo '<script type="text/JavaScript">';
echo 'history.go(-1)';
echo '</script>';
exit();
}
}

//pastikan field tidak kosong
function not_empty_field($field){
foreach($field as $key => $value){
$value = trim($value);

if(!empty($value)){
$err_msg[n] .= $value;
//return true;//ada data
} else {
$err_msg[y] .= 'Field ['.$key.'] cannot empty\n';
//return false;//field kosong
}

}
return $err_msg;
}

//back jika field tidak valid
function go_back($search_array){
if (array_key_exists('y', $search_array)) {
echo '<script type="text/JavaScript">';
echo 'alert(\''.$search_array['y'].'\')';
echo '</script>';
echo '<script type="text/JavaScript">';
echo 'history.go(-1)';
echo '</script>';
exit();
} else {
//echo 'form valid';
}
}

Dan macam mana nak guna dan panggil function :
$get_value = array(
'textfiel'=>$_POST['textfield_name1'],
'Field of Study'=>$_POST['textfield_name2'],
'Topic of Research'=>$_POST['textfield_name2']
);
}

//form validate
go_back(not_empty_field($get_value));

Confirmation popup using javascript

Sunday, April 6th, 2008

Hi,

Just write in your HTML code ;)

<script type="text/JavaScript">
confirm('Are You \nSure?')
</script>

Changing your website background using button

Wednesday, March 12th, 2008

Salam,

Maybe You still searching how to changing your website background color using button?
You can try this below javascript.

Sedang mencari button untuk dijadikan navigation terjumpa pula bagaimana nak tukar background website dengan menggunakan button dan javascript.

Boleh mencuba seperti kod di bawah.

<FORM>
<INPUT type="button" value="Change to Yellow!" name="button3" onClick="document.bgColor='yellow'">
</FORM>

Navigation using button

Tuesday, February 12th, 2008

Salam,

As usual You’ll use text as link. But You can use button as link too. Try this code below.

Selain menggunakan teks sebagai link anda juga boleh menggunaan button sebagai link anda. Kod adalah seperti di bawah.

<FORM>
<INPUT type="button" value="Go to my other Page!" name="button6" onClick="window.location='http://www.hujungjari.com'">
</FORM>

Alert Popup (javascript)

Thursday, October 4th, 2007

Salam,

Mungkin ada yang tercari-cari bagaimana nak buat alert popup menggunakan javascript.
caranya amat mudah.
Copy script dibawah dan paste di dalam pengaturcaan anda.

<script language="Javascript">
//alert popup dari http://hujungjari.com
alert ("Selamat datang ke hujungjari.com")
</script>

Print Button

Tuesday, June 12th, 2007

Salams,

Sememangnya untuk cetakan laman web kita boleh menggunakan menu file>>print pada browser. Walau bagaimanapun anda boleh menggunakan button untuk tujuan tersebut.

<form><input type="button" value=" Print this page "
onclick="window.print();return false;" /></form>

Masukkkan pada laman anda kod di atas. Semoga berjaya.