<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-3441233222864516340</id><updated>2011-10-10T21:36:15.046+07:00</updated><category term='Tooltips'/><category term='jquery'/><category term='popup'/><category term='framework'/><category term='facebox'/><category term='web'/><title type='text'>Blog e` Syntakz</title><subtitle type='html'>Unek-unek dan ajang belajar syntakz</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://syntakz.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://syntakz.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Syntakz</name><uri>http://www.blogger.com/profile/12789453673941790617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='31' src='http://3.bp.blogspot.com/_nTFNJqliE8s/Sq7xI_jr5DI/AAAAAAAAAAM/kgOPOFSphMI/S220/mine.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>8</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3441233222864516340.post-6248227735775952012</id><published>2011-02-02T17:03:00.001+07:00</published><updated>2011-02-02T17:05:17.305+07:00</updated><title type='text'>Upgrade php5.1 ke php5.3 di CentOS</title><content type='html'>Langsung aja deh&lt;br /&gt;&lt;blockquote&gt;&lt;code&gt;# wget http://download.fedora.redhat.com/pub/epel/5/x86_64/epel-release-5-4.noarch.rpm&lt;br /&gt;# wget http://rpms.famillecollet.com/enterprise/remi-release-5.rpm&lt;br /&gt;# rpm -Uvh remi-release-5*.rpm epel-release-5*.rpm&lt;/code&gt; &lt;/blockquote&gt;Install dan Update nya &lt;br /&gt;&lt;blockquote&gt;&amp;nbsp;&lt;code&gt;# yum --enablerepo=remi update php php-*&lt;/code&gt;&lt;/blockquote&gt;&amp;nbsp;Cek versi php nya :&lt;br /&gt;&lt;blockquote&gt;&lt;code&gt;# php -v&lt;/code&gt;&lt;/blockquote&gt;&lt;br /&gt;Restart apache nya dulu yach ..&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3441233222864516340-6248227735775952012?l=syntakz.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://syntakz.blogspot.com/feeds/6248227735775952012/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='http://syntakz.blogspot.com/2011/02/upgrade-php51-ke-php53-di-centos.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/6248227735775952012'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/6248227735775952012'/><link rel='alternate' type='text/html' href='http://syntakz.blogspot.com/2011/02/upgrade-php51-ke-php53-di-centos.html' title='Upgrade php5.1 ke php5.3 di CentOS'/><author><name>Syntakz</name><uri>http://www.blogger.com/profile/12789453673941790617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='31' src='http://3.bp.blogspot.com/_nTFNJqliE8s/Sq7xI_jr5DI/AAAAAAAAAAM/kgOPOFSphMI/S220/mine.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3441233222864516340.post-6099804094550912466</id><published>2011-01-12T10:52:00.000+07:00</published><updated>2011-01-12T10:54:45.585+07:00</updated><title type='text'>Apa itu HTML5 ?</title><content type='html'>&lt;div style="text-align: justify;"&gt;Akhir-akhir ini Saya dapat informasi dari rekan kerja bahwa saat ini tengah di godok sebuah teknologi penulisan kode dalam diri &lt;b&gt;HTML5&lt;/b&gt;. Karena penasaran saya mencoba searching apa itu &lt;b&gt;HTML5&lt;/b&gt;, tentunya dengan bantuan sang asisten dalam searching, om Google.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Setelah mencari kesana kemari, akhirnya dapat informasi sebagai berikut,&amp;nbsp;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;blockquote&gt;HTML5 adalah standar terbaru penulisan bahasa pemrograman website yang akan menggantikan standar sebelumnya yaitu HTML, XHTML dan DOM HTML.&amp;nbsp;&lt;/blockquote&gt;Sejak versi sebelumnya dari HTML yang datang pada tahun 1999, standar penulisan ini telah banyak berubah. Untuk &lt;b&gt;HTML5&lt;/b&gt; sendiri masih dalam proses. Namun, sebagian browser modern telah mempunyai dukungan terhadap standar penulisan ini yaitu &lt;b&gt;HTML5&lt;/b&gt;.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;HTML5 &lt;/b&gt;merupakan kerjasama antara &lt;i&gt;World Wide Web Consortium (W3C)&lt;/i&gt; dan &lt;i&gt;Web Hypertext Application Technology Working Group (WHATWG)&lt;/i&gt;.&amp;nbsp;WHATWG bekerja dengan bentuk web dan aplikasi, dan W3C bekerja dengan XHTML 2.0. Pada tahun 2006, mereka memutuskan untuk bekerja sama dan membuat versi baru dari HTML.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;i&gt;&lt;u&gt;Beberapa aturan untuk HTML5 didirikan:&lt;/u&gt;&lt;/i&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;ul&gt;&lt;li style="text-align: justify;"&gt;Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript&lt;/li&gt;&lt;li style="text-align: justify;"&gt;Mengurangi kebutuhan untuk plugin eksternal (seperti Flash)&lt;/li&gt;&lt;li style="text-align: justify;"&gt;Penanganan Kesalahan yang lebih baik&lt;/li&gt;&lt;li style="text-align: justify;"&gt;Lebih banyak markup untuk menggantikan scripting&lt;/li&gt;&lt;li style="text-align: justify;"&gt;HTML5 harus perangkat independen&lt;/li&gt;&lt;li style="text-align: justify;"&gt;Proses pembangunan harus terlihat untuk umum&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;u&gt;&lt;i&gt;Beberapa fitur baru yang paling menarik di HTML5:&lt;/i&gt;&lt;/u&gt;&lt;/div&gt;&lt;br /&gt;&lt;ul&gt;&lt;li style="text-align: justify;"&gt;elemen kanvas untuk menggambar&lt;/li&gt;&lt;li style="text-align: justify;"&gt;Elemen video dan audio untuk media pemutaran&lt;/li&gt;&lt;li style="text-align: justify;"&gt;Dukungan yang lebih baik untuk penyimpanan offline di lokal&lt;/li&gt;&lt;li style="text-align: justify;"&gt;Elemen baru untuk konten, seperti artikel, footer, header, nav, section&lt;/li&gt;&lt;li style="text-align: justify;"&gt;Kontrol form baru, seperti kalender, tanggal, waktu, email, url, cari&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;Saat ini sudah banyak browser yang mendukung teknoogi &lt;b&gt;HTML5 &lt;/b&gt;ini antara lain versi-versi terbaru dari Safari, Chrome, Firefox dan Opera. untuk IE9 akan mendukung beberapa fitur dari &lt;b&gt;HTML5 &lt;/b&gt;ini.&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Untuk tulisan selanjutnya akan banyak di bahas tentang teknis penggunaan &lt;b&gt;HTML5&lt;/b&gt;.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3441233222864516340-6099804094550912466?l=syntakz.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://syntakz.blogspot.com/feeds/6099804094550912466/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='http://syntakz.blogspot.com/2011/01/apa-itu-html5.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/6099804094550912466'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/6099804094550912466'/><link rel='alternate' type='text/html' href='http://syntakz.blogspot.com/2011/01/apa-itu-html5.html' title='Apa itu HTML5 ?'/><author><name>Syntakz</name><uri>http://www.blogger.com/profile/12789453673941790617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='31' src='http://3.bp.blogspot.com/_nTFNJqliE8s/Sq7xI_jr5DI/AAAAAAAAAAM/kgOPOFSphMI/S220/mine.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3441233222864516340.post-1127511974004796470</id><published>2009-12-15T08:44:00.001+07:00</published><updated>2009-12-15T08:44:14.044+07:00</updated><title type='text'>Setting Default time di MySQL</title><content type='html'>Tulisan ini ada disini berawal dari kebingungan dari apa yang saya lihat di log server MySQL. Betapa tidak transaksi yang seharusnya terjadi siang hari ternyata dilakukan pada malam hari. Setelah melakukan investigasi atas kasus ini dan googling sana sini tentunya akhirnya ditemukan penyebab yang sebenarnya sepele sekali.&lt;br /&gt;&lt;br /&gt;Apa itu ? ya... jam server MySQL harus di set default ke GMT kita yaitu +7 supaya cocok dengan waktu yang ada di Indonesia ini, jadi selama ini MySQL mencatat log transaksi menggunakan GMT 0, jadi transaksi yang terjadi tercatat pada waktu tersebut.&lt;br /&gt;&lt;br /&gt;Yap solusinya simpel sekali koq, cuma menjalankan perintah ini&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #009900;"&gt;Set Global Time_zone='+7:00' &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;dengan menggunakan SQL Editor, tentunya dengan permission super admin.&lt;br /&gt;&lt;br /&gt;Simple tapi membutuhkan waktu yang lumayan lama untuk menemukan solusinya.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3441233222864516340-1127511974004796470?l=syntakz.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://syntakz.blogspot.com/feeds/1127511974004796470/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='http://syntakz.blogspot.com/2009/12/setting-default-time-di-mysql.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/1127511974004796470'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/1127511974004796470'/><link rel='alternate' type='text/html' href='http://syntakz.blogspot.com/2009/12/setting-default-time-di-mysql.html' title='Setting Default time di MySQL'/><author><name>Syntakz</name><uri>http://www.blogger.com/profile/12789453673941790617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='31' src='http://3.bp.blogspot.com/_nTFNJqliE8s/Sq7xI_jr5DI/AAAAAAAAAAM/kgOPOFSphMI/S220/mine.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3441233222864516340.post-5873790862272115757</id><published>2009-09-16T10:35:00.000+07:00</published><updated>2009-09-16T10:43:13.242+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='jquery'/><category scheme='http://www.blogger.com/atom/ns#' term='Tooltips'/><title type='text'>MopTip, Simple and Smart tooltips</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.mopstudio.jp/img_jqryPlugin/mopTipSample.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="108" src="http://www.mopstudio.jp/img_jqryPlugin/mopTipSample.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;Moptip is jQuery plugin that show description in tooltips area with simple and smart. to see the demo this plugin you can visit to official website of this plugin in &lt;a href="http://www.mopstudio.jp/mopTip2demo.html"&gt;here&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;this plugin so simple view and simple to use. you just download plugin in &lt;a href="http://www.mopstudio.jp/mopPlugin/mopTip.zip"&gt;here&lt;/a&gt; , and attach this plugin to your webpage.&lt;br /&gt;&lt;br /&gt;&lt;a name='more'&gt;&lt;/a&gt;Incluide necessary files to header&lt;br /&gt;&lt;div style="color: black;"&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;blockquote style="color: white; font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt;&amp;lt;link rel="stylesheet" type="text/css" href="mopBox/mopBox-2.2.css"&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt;&amp;lt;script type="text/javascript" src="js/jquery-1.3.2.min.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt;&amp;lt;script type="text/javascript" src="js/ui.core-1.7.2.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt;&amp;lt;script type="text/javascript" src="js/ui.draggable-1.7.2.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt;&amp;lt;script type="text/javascript" src="js/ui.resizable-1.7.2.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt;&amp;lt;script type="text/javascript" src="js/jquery.pngFix-1.2.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt;&amp;lt;script type="text/javascript" src="mopBox/mopBox-2.2.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt;&amp;lt;/head&amp;gt; &lt;/span&gt;&lt;/blockquote&gt;&lt;br /&gt;Put the button showing MopBox to &amp;lt;body&amp;gt; &amp;amp; set ID(exsample:id="demoBtn"), &lt;br /&gt;this button can be txt, Image or DIV, anithing OK.&lt;br /&gt;&lt;br /&gt;Put the content to &amp;lt;body&amp;gt; &amp;amp; set ID or Class(but has to be unique in &lt;br /&gt;the page). Set it "display: none" by CSS, or coment out with " &lt;br /&gt;". It can be put any place in . If the content has more than one content, &lt;br /&gt;the slider navigation is shown automatically.&lt;br /&gt;&lt;br /&gt;Write like the following to &amp;lt;head&amp;gt;.&lt;br /&gt;&lt;div style="color: black;"&gt;&lt;/div&gt;&lt;blockquote style="color: white;"&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt;...&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt;&amp;lt;script type="text/javascript"&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt;$(document).ready(function(){&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt;$("#demoBtn").mopBox({'target':'#demo', 'w':270, 'h':240});&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt;});&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;span style="font-size: small;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;br /&gt;For more infomation please visit to &lt;a href="http://www.mopstudio.jp/mopTip2descrip.html"&gt;here&lt;/a&gt;.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3441233222864516340-5873790862272115757?l=syntakz.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://syntakz.blogspot.com/feeds/5873790862272115757/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='http://syntakz.blogspot.com/2009/09/moptip-simple-and-smart-tooltips.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/5873790862272115757'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/5873790862272115757'/><link rel='alternate' type='text/html' href='http://syntakz.blogspot.com/2009/09/moptip-simple-and-smart-tooltips.html' title='MopTip, Simple and Smart tooltips'/><author><name>Syntakz</name><uri>http://www.blogger.com/profile/12789453673941790617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='31' src='http://3.bp.blogspot.com/_nTFNJqliE8s/Sq7xI_jr5DI/AAAAAAAAAAM/kgOPOFSphMI/S220/mine.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3441233222864516340.post-7247870682407534101</id><published>2009-09-15T15:12:00.000+07:00</published><updated>2009-09-15T15:54:47.217+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='jquery'/><category scheme='http://www.blogger.com/atom/ns#' term='framework'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><title type='text'>JQuery, Write Less Do More</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="49" src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;JQuery is a new kind of JavaScript Library.&lt;br /&gt;&lt;br /&gt;jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. &lt;b&gt;jQuery is designed to change the way that you write JavaScript.&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="font-weight: normal;"&gt;Jquery is good solution scripting for web master, easier dan faster. For more information please click &lt;a href="http://jquery.com/"&gt;jQuery website&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/b&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3441233222864516340-7247870682407534101?l=syntakz.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://syntakz.blogspot.com/feeds/7247870682407534101/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='http://syntakz.blogspot.com/2009/09/jquery-write-less-do-more.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/7247870682407534101'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/7247870682407534101'/><link rel='alternate' type='text/html' href='http://syntakz.blogspot.com/2009/09/jquery-write-less-do-more.html' title='JQuery, Write Less Do More'/><author><name>Syntakz</name><uri>http://www.blogger.com/profile/12789453673941790617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='31' src='http://3.bp.blogspot.com/_nTFNJqliE8s/Sq7xI_jr5DI/AAAAAAAAAAM/kgOPOFSphMI/S220/mine.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3441233222864516340.post-9025836442482762359</id><published>2009-09-15T14:49:00.000+07:00</published><updated>2009-09-15T14:52:47.162+07:00</updated><title type='text'>Submit Form Inside Facebox</title><content type='html'>We often use a submit form progress in our web project, but in facebox , how to do it ? if we use a facebox popup and we click on any area then the facebox will close it self and back to default page.&amp;nbsp; Are we can use the facebox to submitting form and the result be display in facebox ? the answer is Yes.. it can.&lt;br /&gt;&lt;br /&gt;&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;With the AjaxForm function, we can do it. Please see the example script below :&amp;nbsp; &lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-family: Georgia,Times New Roman,Times,serif;"&gt;&amp;lt;script type="text/javascript"&amp;gt;&lt;br /&gt;&lt;br /&gt;$(document).ready(function() {&lt;br /&gt;&lt;br /&gt;$('#submitform').ajaxForm({&lt;br /&gt;&lt;br /&gt;target: '#contactform',&lt;br /&gt;&lt;br /&gt;success: function() {&lt;br /&gt;&lt;br /&gt;$('#contactform').fadeIn('slow');&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;});&lt;br /&gt;&lt;br /&gt;});&lt;br /&gt;&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;&lt;br /&gt;#submitform is id from form that used to send a value and #contactform is id from div, where if we click the button submit, the new page will be loaded to div.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3441233222864516340-9025836442482762359?l=syntakz.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://syntakz.blogspot.com/feeds/9025836442482762359/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='http://syntakz.blogspot.com/2009/09/submit-form-inside-facebox.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/9025836442482762359'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/9025836442482762359'/><link rel='alternate' type='text/html' href='http://syntakz.blogspot.com/2009/09/submit-form-inside-facebox.html' title='Submit Form Inside Facebox'/><author><name>Syntakz</name><uri>http://www.blogger.com/profile/12789453673941790617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='31' src='http://3.bp.blogspot.com/_nTFNJqliE8s/Sq7xI_jr5DI/AAAAAAAAAAM/kgOPOFSphMI/S220/mine.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3441233222864516340.post-4380763562624217519</id><published>2009-09-15T10:30:00.000+07:00</published><updated>2009-09-15T11:16:12.673+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='facebox'/><category scheme='http://www.blogger.com/atom/ns#' term='popup'/><category scheme='http://www.blogger.com/atom/ns#' term='jquery'/><title type='text'>Facebox, The Powerfull Popup Window</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://famspam.com/facebox/logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="91" src="http://famspam.com/facebox/logo.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.&lt;br /&gt;It's simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.&lt;br /&gt;&lt;br /&gt;To use this plugin is very simple, you need download facebox plugin first in &lt;a href="http://famspam.com/facebox/releases/facebox-1.2.tar.gz"&gt;here&lt;/a&gt; , and don't forget to download jQuery in &lt;a href="http://jquery.com/"&gt;here&lt;/a&gt; , because this is plugin for jQuery framework.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;Now, you can see how to use this JQuery plugin in code :&lt;br /&gt;&lt;div class="example"&gt;&lt;br /&gt;Make sure jQuery is loaded before Facebox.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: Georgia,Times New Roman,Times,serif; font-size: 85%;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-family: Georgia,Times New Roman,Times,serif; font-size: 85%;"&gt;&amp;lt;script src="jquery.js"    type="text/javascript"&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;link href="/facebox/facebox.css" media="screen" rel="stylesheet"   type="text/css"/&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;script src="/facebox/facebox.js" type="text/javascript"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;div class="code"&gt;While calling &lt;code&gt;facebox()&lt;/code&gt; on any anchor tag will do the trick, it's easier to give your Facebox links a &lt;code&gt;rel="facebox"&lt;/code&gt; and hit them all onLoad.&lt;br /&gt;&lt;div class="code"&gt;&lt;code&gt;               &lt;/code&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-family: Georgia,Times New Roman,Times,serif; font-size: 85%;"&gt;jQuery(document).ready(function($)&lt;br /&gt;{ $('a[rel*=facebox]').facebox()&lt;br /&gt;}) &lt;/span&gt; &lt;/blockquote&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;Then ... in your link, you just give a tag &lt;code&gt;rel="facebox"&lt;/code&gt; to call&lt;br /&gt;facebox plugin , this is the example : &lt;br /&gt;&lt;br /&gt;Open other file :&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: Georgia,Times New Roman,Times,serif; font-size: 85%;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-family: Georgia,Times New Roman,Times,serif; font-size: 85%;"&gt;&amp;lt;a href="remote.html"  rel="facebox"&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;&lt;br /&gt;Open Image :&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: Georgia,Times New Roman,Times,serif; font-size: 85%;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-family: Georgia,Times New Roman,Times,serif; font-size: 85%;"&gt;&amp;lt;a href="stairs.jpg" rel="facebox"&amp;gt;&lt;/span&gt;&lt;i&gt;&lt;/i&gt;&lt;/blockquote&gt;and, Call a div&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: Georgia,Times New Roman,Times,serif; font-size: 85%;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-family: Georgia,Times New Roman,Times,serif; font-size: 85%;"&gt;&amp;lt;a href="stairs.jpg"  rel="facebox"&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;&lt;span style="font-family: Georgia,Times New Roman,Times,serif; font-size: 85%;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;So simple, isn't it ? Good luck&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3441233222864516340-4380763562624217519?l=syntakz.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://syntakz.blogspot.com/feeds/4380763562624217519/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='http://syntakz.blogspot.com/2009/09/facebox-powerfull-popup-window.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/4380763562624217519'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/4380763562624217519'/><link rel='alternate' type='text/html' href='http://syntakz.blogspot.com/2009/09/facebox-powerfull-popup-window.html' title='Facebox, The Powerfull Popup Window'/><author><name>Syntakz</name><uri>http://www.blogger.com/profile/12789453673941790617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='31' src='http://3.bp.blogspot.com/_nTFNJqliE8s/Sq7xI_jr5DI/AAAAAAAAAAM/kgOPOFSphMI/S220/mine.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3441233222864516340.post-6171794412272522570</id><published>2009-09-15T08:28:00.000+07:00</published><updated>2009-09-15T10:08:16.930+07:00</updated><title type='text'>Welcome to Syntakz Blog</title><content type='html'>Yeah ...!!! Welcome to syntakz blog ...&lt;br /&gt;you are free to read all articles and download all link download. Knowledge is free for all, no licence, no pay.&lt;br /&gt;please enjoy all content in this blog ....&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3441233222864516340-6171794412272522570?l=syntakz.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://syntakz.blogspot.com/feeds/6171794412272522570/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='http://syntakz.blogspot.com/2009/09/welcome-to-syntakz-blog.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/6171794412272522570'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3441233222864516340/posts/default/6171794412272522570'/><link rel='alternate' type='text/html' href='http://syntakz.blogspot.com/2009/09/welcome-to-syntakz-blog.html' title='Welcome to Syntakz Blog'/><author><name>Syntakz</name><uri>http://www.blogger.com/profile/12789453673941790617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='31' src='http://3.bp.blogspot.com/_nTFNJqliE8s/Sq7xI_jr5DI/AAAAAAAAAAM/kgOPOFSphMI/S220/mine.jpg'/></author><thr:total>0</thr:total></entry></feed>
