Assalamualaikum
Plugin ini dapat anda gunakan untuk membuat tampilan tooltip webste menjadi lebih menarik.
Cara menggunakan.
Assalamualaikum
Plugin ini dapat anda gunakan untuk membuat tampilan tooltip webste menjadi lebih menarik.
Cara menggunakan.
Assalamualaikum semua… Maaf baru nongol dari sekian lama menghilang…
agoes-menu JQuery Plugin beta… Dapat anda gunakan untuk membuat tampilan menu lebih dinamis dan manis…
Cara Pakai
Assalamualaikum Wr Wb..
Lama tidak melakukan Update pada Blog ini…
Hari ini sya ingin berbagi tentang jQuery… kebetulan kemarin habis selesai mengerjakan PANIC (Papan Informasi Digital Inovation Centre STMIK Amikom)
Untuk sementara belum bisa dilihat secara online, mungkin nanti. hiks
Seperti ini previewnya…

Inti dari hal yang ingin kita bicarakan disini bukan disitu… tapi pada jQuery plugin yang saya gunakan untuk membuat efek slider pada list Job Karyawan….
Untuk yang ingin melihat DEMOnya disini
http://agoesdoubleb.i-bego.com/arsip/agoes-slider/index.html
Assalamualaikum wr wb…
Sedikit ingin berbagi tentang jQuery….
Jadi disini saya menggunakan salah satu plugin jquery fancybox Plugin ini berfungsi untuk memberikan efek full preview pada image…
Ketika image di klik maka gambar secara penuh akan ditampilkan dalam bentuk animasi… (Bisa dicoba sendiri demonya
)
Nah, ketika saya terapkan pada website, ternyata terdapat sedikit kekurangan… Seperti ini screenshootnya… 
Embed flash di header menutupi layer fancybox… Pasti hal ini akan sangat mengganggu kan…
Ok, bagaimana kalau kita coba untuk melakukan sedikit perubahan pada script javascript fancybox untuk mengatasi masalah ini… Read the rest of this entry »
Assalamualaikum wr, wb
Abis nyobain bikin plugin jQuery….
Silahkan diicip http://agoesdoubleb.i-bego.com/arsip/ag … index.html
Di beri nama Agoes-ContentRotator v.01
// JavaScript Document
(function($){
$.fn.agoesCRotator = function(options){
var s = {
auto : false
, control : true
, speed : 500
, next_text : "Next"
, pref_text : "Prev"
, next_image : ""
, pref_image : ""
, next_class : "aCRnext"
, prev_class : "aCRprev"
, control_class : "aCRcontrol"
, width : 600
, height : 200
, current : 1
};
s = $.extend(options, s);
var current = 1;
return this.each(function(){
var $this = $(this);
var $kids = $this.children();
var l = $kids.length;
$this.wrap("<div class='aCRcontainer'></div>");
$this.parent().css({
"posision" : "relative"
, "width" : s.width
, "min-height" : s.height
, "overflow-x" : "hidden"
, "overflow-y" : "auto"
});
$this.addClass("aCRgerak");
$this.css({
"posision" : "relative"
, "width" : "9000px"
, "height" : s.height
, "padding" : "0px"
, "left" : "0px"
});
$this.children().css({
"posision" : "relative"
, "width" : s.width
, "height" : s.height
, "overflow" : "hidden"
, "float" : "left"
, "border" : "none"
});
if(s.control){
$this.parent().append("<div class='aCRcontrolContainer'></div>");
$this.parent().find(".aCRcontrolContainer").css({
"height" : "20px"
, "padding-left" : "50px"
});
$kids.each(function(i){
$this.parent().find(".aCRcontrolContainer").append(
"<a id='aCRcontrol"+i+"' href='#' class='"+s.control_class+"'>"+(i+1)+"</a>"
);
var $a = $this.parent().find(".aCRcontrolContainer").find("a#aCRcontrol"+i);
$a.click(function(){
$this.stop();
geser_obj(i+1);
});
}
);
};
function geser_obj(i){
var pantul = 100;
var jauh = 80;
var selisih = (i<s.current)?s.current-i : i- s.current;
if(i<s.current){
$this.animate({
"left" : "+=" + ((s.width * (selisih)) + (selisih*pantul))
}, s.speed).animate({"left":"-="+(selisih*pantul)}, (selisih*jauh));
s.current = i;
}else if(i>s.current){
$this.animate({
"left" : "-=" + ((s.width * (selisih)) + (selisih*pantul))
}, s.speed).animate({"left":"+="+(selisih*pantul)}, (selisih*jauh));
s.current = i;
}
$this.parent().find(".aCRcontrolContainer").find("a").removeClass("controlSelect");
$this.parent().find(".aCRcontrolContainer").find("a#aCRcontrol"+(i-1)).addClass("controlSelect");
};
}
);
};
})(jQuery);
Cara Pakai, siapkan sebuah div sebagai container dan di dalamnya diletakkan div lain yang akan menjadi isinya
<div id="content">
<div style="width:600px; height:300px; ">
<img src="images/Chrysanthemum.jpg" align="left" width="200" />
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
<div style="width:600px; height:300px; ">
<img src="images/Desert.jpg" align="left" width="200" />
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
<div style="width:600px; height:300px; ">
<img src="images/Hydrangeas.jpg" align="left" width="200" />
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
<div style="width:600px; height:300px; ">
<img src="images/Jellyfish.jpg" align="left" width="200" />
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
<div style="width:600px; height:300px; ">
<img src="images/Koala.jpg" align="left" width="200" />
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
</div>
Untuk Pemanggilan fungsi dapat dilakukan dengan melakukan seleksi pada objek div yang menjadi container
<script>
$(function(){
$("div#content").agoesCRotator();
}
);
</script>
Masih sekedar coba2 yang ingin mengembangkan bersama
Silahkan…
Terima kasih Wassalam… 
Assalamualaikum wr, wb….
Mari belajar tentang AJAX.
Kali ini saya ingin memperkenalkan tentang sebuah framework ajax bernama anaa
Disini sitenya http://www.scriptol.com/ajax/anaa/
Dalam framework ini terdapat beberapa API yang dapat kita gunakan untuk mempermudah penerapan AJAX pada website yang kita buat….
AACreate, AARead, AALoadXML, AALoadHTML, AAWrite dll
Langsung saja saya berikan demonya, untuk pertama AARead saja dulu….
Demo : http://agoesdoubleb.i-bego.com/arsip/an … /index.php
Perhatikan ketika menu di tekan, isi tampilan utama akan secara otomatis berubah tanpa merubah URL dari website….
AARead berfungsi untuk membaca sebuah dokumen pada server….
Read the rest of this entry »
Assalamualaikum wr, wb….
Sibuk dengan pekerjaan yang menyita waktu, membuat kita melupakan untuk membaca Al-Qur’an….
Bagi teman2 yang biasa bekerja di depan komputer…. Silahkan di download qur’an digital ini… Baik di baca di sela-sela pekerjaan….
http://www.4shared.com/file/ihcj-_v7/AlQuranDigital21.html
Wassalamualaikum wr, wb…
Assalamualaikum Wr, Wb….
Hampir satu bulan tidak update Blog dikarenakan kesibukan di dunia nyata heuh….
Mari kita refreshing sejenak…
Di bawah adalah sebuah tulisan dari seorang teman, Her name is Lyta. Tulisan yang sangat menginspirasi, moga dapat bermanfaat bagi siapa saja yang membacanya…
—————————————————————————————
Banyak kegagalan dalam hidup ini dikarenakan orang-orang tidak menyadari betapa dekatnya mereka dengan keberhasilan saat mereka menyerah. Kalimat tersebut tentunya sangat familiar di telinga kita. Thomas Alva Edison, seorang penemu dengan 1.093 hak paten yang dalam hidupnya hanya bersekolah selama tiga bulan, terlahir dalam keluarga miskin, penderita disfungsi, agak tuli pula. Alva juga seorang penderita dyslexia yaitu sebuah kondisi ketidakmampuan belajar pada seseorang yang disebabkan oleh kesulitan pada orang tersebut dalam melakukan aktivitas membaca dan menulis. Tak heran bila Alva dikenal sebagai anak yang bodoh oleh gurunya. Lalu mengapa dia bisa menjadi orang yang istimewa sekarang?
Kawan, sekarang bukan saatnya untuk bertanya mengapa. Mengapa aku terlahir sebagai lelaki? Atau mengapa aku terlahir sebagai perempuan? Atau tidak kedua-duanya, misalnya? Mengapa aku terlahir sebagai anak dari keluarga miskin? Atau mengapa aku terlahir sebagai anak dari keluarga kaya yang miskin kasih sayang? Apalagi bertanya : mengapa aku terlahir dengan wajah sedikit cakep dan banyak jeleknya? Semua itu adalah pertanyaan yang kerap dilontarkan oleh teman-teman kita, saudara kita, tetangga kita, tetangga saudara kita, saudara tetangga kita, atau bahkan oleh kita sendiri. Kita? Lu aja kali, gue enggak!
Namun pertanyaan yang ada dibenakku adalah : Mengapa aku terlahir sebagai manusia? Tidak hewan atau tumbuhan, makhluk yang paling pendiam sedunia. Tumbuhan, makhluk yang paling kaya. Hmm…, bukankah diam adalah emas?
Yeah, sekarang bukan saatnya untuk bertanya mengapa. Mengapa aku diciptakan sebagai manusia? Tidak malaikat, misalnya. Hmm…, siapa juga yang ingin terlahir sebagai s****(maaf, kata tersebut tidak dapat ditampilkan karena tidak lulus sensor). Namun setidaknya semua yang telah ada patut untuk disyukuri, Kawan.
Mungkin aku bukanlah seorang Thomas Alva Edison. Aku hanyalah seorang pemalas yang sering menunda-nunda pekerjaan dan ditakdikan memiliki segudang kekurangan dalam hidupku. Yeah, segalanya patut disyukuri, Kawan. Sekaranglah saatnya untuk berpikir positif bahwa kekurangan adalah kelebihan yang tidak dimiliki orang lain. Bukankah masalah akan mudah dipecahkan dengan cara mengubah cara pandang kita?
Hidup bagaikan sebuah perjalanan yang mungkin semasa hidup, kita membangun sebuah istana untuk tempat berteduh tapi, bukan suatu tujuan akhir. Biarkanlah istana itu dijadikan tempat berteduh untuk orang lain dan kita melanjutkan perjalanan lagi. Hidup penuh dengan pilihan. Semua yang terjadi dalam hidup, sebab-akibat yang terjadi bukan karena takdir, tapi akibat dari pilihan kita.
Dalam perjalananku, aku menemukan banyak pilihan, tak sedikit kegagalan, jatuh bangun, dan tentu saja impian yang ingin aku raih. Aku menyadari, aku adalah orang yang mudah putus asa dibanding Alva (sok akrab!) yang pantang menyerah melakukan percobaan dalam menemukan penemuan-penemuannya. Namun setidaknya aku selalu berusaha bangkit di setiap kegagalan yang terjadi. Bukankah jatuh adalah hal biasa dan bangkit adalah sesuatu yang luar biasa? Dan tentunya, aku selalu takut ketika aku berhenti untuk berusaha. Siapa yang tahu jika keberhasilan datang setelah ini! Bukankah perasaan mampu dan tidak mampu seringkali hanya dibatasi selembar kemauan?
Kawan, ada satu hal yang selalu aku yakini bahwa kesuksesan akan mengikuti orang-orang besar yaitu orang-orang yang mau belajar dan bekerja keras.
Seperti kata Alva, “Menjadi jenius butuh 1% inspirasi dan 99% kerja keras.” Kalimat itu selalu terngiang-ngiang di otakku setiap kali aku melihat cahaya. Dan penemuan Alva berupa bohlam adalah wujud nyata betapa indahnya cahaya ilmu pengetahuan. Bagaikan seberkas cahaya dengan kecepatan 3x 108 yang melesat menerangi otakku, Alva memberiku inspirasi menaklukan setiap jalan terjal dalam perjalanan panjang ini.
Jangan biarkan keterpurukan mengalahkanmu karena waktu tidak akan berhenti untuk menunggumu. Kawan, jika suatu saat kau terjatuh dalam hidupmu, lalu kalimat tokoh besar sekalipun tak mampu membuatmu bangkit dan menginspirasimu, buatlah dirimu sendiri menjadi inspirasi. Yakinlah pada kekuatan besar yang ada pada dirimu karena sekuat apa diri kita adalah apa yang kita yakini.
————————————————————————–
Sekian Wassalamualaikum, wr, wb
Original Post http://www.facebook.com/note.php?note_id=391792091945
Salam…
Kali ini saya akan sedikit berbagi tutorial tentang cara merubah ukuran image yang ditampilkan pada halaman website….
Ok seperti biasa, Demo http://agoesdoubleb.i-bego.com/arsip/ge … /index.php
Ukuran gambar akan disesuaikan dengan maximal width atau height yang kita tetapkan…
script index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Image Resizer</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.cImage{
width:100px;
height:100px;
border-style:dashed;
border-color:#990000;
border-width:thin;
background-color:#CCCCCC;
overflow:hidden;
margin:5px;
float:left;
text-align:center;
vertical-align:middle;
}
.cImage:hover{
background-color:#666666;
cursor:pointer;
}
.cImage img{
border-style:solid;
border-color:#000000;
border-width:thin;
margin:auto 0px auto 0px auto;
}
</style>
</head>
<body>
<?php
function printResizeImage($image, $size){
if(file_exists($image)){
$sizes = GetImageSize($image);
$wi = ($sizes[0]>$sizes[1]) ? $size : ($sizes[0] / $sizes[1]) * $size;
$hi = ($sizes[0]>$sizes[1]) ? ($sizes[1] / $sizes[0]) * $size : $size;
return "<img src=\"$image\" width=$wi height=$hi />";
}
}
echo "<div style=\"width:450px; margin:0 auto;\">";
echo "<div class=\"cImage\">".printResizeImage("0536.jpg", 100)."</div>";
echo "<div class=\"cImage\">".printResizeImage("0537.jpg", 100)."</div>";
echo "<div class=\"cImage\">".printResizeImage("0538.jpg", 100)."</div>";
echo "<div class=\"cImage\">".printResizeImage("0539.jpg", 100)."</div>";
echo "<div class=\"cImage\">".printResizeImage("0540.jpg", 100)."</div>";
echo "<div class=\"cImage\">".printResizeImage("0541.jpg", 100)."</div>";
echo "<div class=\"cImage\">".printResizeImage("0542.jpg", 100)."</div>";
echo "<div class=\"cImage\">".printResizeImage("0543.jpg", 100)."</div>";
echo "<div class=\"cImage\">".printResizeImage("0544.jpg", 100)."</div>";
echo "<div class=\"cImage\">".printResizeImage("T876.jpg", 100)."</div>";
echo "<div class=\"cImage\">".printResizeImage("T878.jpg", 100)."</div>";
echo "<div class=\"cImage\">".printResizeImage("T879.jpg", 100)."</div>";
echo "</div>";
?>
</body>
</html>
GetImageSize merupakan function yang disediakan oleh PHP untuk mengembalikan nilai lebar dan tinggi suatu file image, selanjutnya tinggal kita sesuaikan ukurannya sesuai dengan yang kita inginkan….
Sekian dan Moga bermanfaat…
Salam 
Salam
Sedikit tutorial untuk export data from database using PHP to Excell File….
Demonya disini http://agoesdoubleb.i-bego.com/arsip/pr … /index.php
index.php
<?php
$hostname_cobadb = "localhost";
$database_cobadb = "sensor";
$username_cobadb = "sensor";
$password_cobadb = "sensor";
$cobadb = mysql_pconnect($hostname_cobadb, $username_cobadb, $password_cobadb) or trigger_error(mysql_error(),E_USER_ERROR);
mysql_select_db($database_cobadb, $cobadb);
$query_recMember = "SELECT `uname`, `ubirthday` FROM tusers where utype=3 or utype=0";
$recMember = mysql_query($query_recMember, $cobadb) or die(mysql_error());
$row_recMember = mysql_fetch_assoc($recMember);
$totalRows_recMember = mysql_num_rows($recMember);
header("Pragma: public");
header("Expires: 0");
header("Cache-Control: must-revalidate, post-check=0, pre-check=0");
header("Content-Type: application/force-download");
header("Content-Type: application/octet-stream");
header("Content-Type: application/download");;
header("Content-Disposition: attachment;filename=printmember.xls ");
header("Content-Transfer-Encoding: binary ");
echo "Data Member forum.i-bego.com";
echo "<table border=\"1\">";
echo "<tr><td><b>No</b></td>";
echo "<td><b>Username</b></td>";
echo "<td><b>Date Birth</b></td>";
echo "</tr>";
$i=1;
do {
echo "<tr>";
echo "<td>$i</td>";
echo "<td>".$row_recMember['uname']."</td>";
echo "<td>".$row_recMember['ubirthday']."</td>";
echo "</tr>";
$i++;
} while ($row_recMember = mysql_fetch_assoc($recMember));
echo "</table>";
?>
Inti dari kode ini adalah disini