Simple menu generator Biru

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div style="text-align: center;"><br /><b>Simple menu generator<br /><br /></b></div><br /><table border="0" cellpadding="0" cellspacing="8" class="SkinPreview" style="margin-left: auto; margin-right: auto; text-align: left;"><tbody><br /><tr><td valign="top"><br /></td><td valign="top"><img border="0" src="http://www.dropdownmenugenerator.com/Skins/RX020/Preview.png" /><br /><br /><div class="Notes" style="text-align: center;"><br />Template <b>#RX020</b></div><br /></td></tr><br /></tbody></table><br /><div style="text-align: center;"><br /><a href="http://www.dropdownmenugenerator.com/Generator.aspx?df487gs45e3sw=1260107&H6h374ghrt365=GetCode&Prm=" target="_blank">Download</a><br /><br /><a href="http://www.dropdownmenugenerator.com/Generator.aspx" target="_blank">Simple menu generator</a></div><br /><div style="text-align: center;"><br /><br /></div><br /><div style="text-align: center;"><br /><a href="http://www.dropdownmenugenerator.com/Generator.aspx" target="_blank"><img alt="http://www.dropdownmenugenerator.com/Generator.aspx" border="0" src="http://www.dropdownmenugenerator.com/Skins/B032/Preview.png" /></a></div><br /><div class="Notes" style="text-align: center;"><br />Template <b>#B032</b></div><br /><div style="text-align: center;"><br /><div style="text-align: center;"><br /><a href="http://www.dropdownmenugenerator.com/Generator.aspx?df487gs45e3sw=39385765&H6h374ghrt365=GetCode&Prm=" target="_blank">Download</a></div><br /><div style="text-align: center;"><br /><a href="http://www.dropdownmenugenerator.com/Generator.aspx" target="_blank">Simple menu generator</a></div><br /></div><br /></div><br />

• 
• 

1. 1
2. 2

• Previous
• Next

Simple menu generator Biru

Simple menu generatorTemplate #RX020DownloadSimple menu generatorTemplate #B032DownloadSimple menu generator…

Read more »

Menu blue Simple menu Generator

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div dir="ltr" style="text-align: center;" trbidi="on"><br />Simple menu Generator<br /><br /><div class="separator" style="clear: both;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge4lNSf5rXdM3S8EUFczkLdoPQ0rBNNmtt3VJWf3rLbqZ4Dl9U40GWTXPTdgSSdGiIvWrTYdZ43pnHIdyIECrni-v26v5VjkbBdV6PhmiwfELzAXDY90su4J1X0Ng03yAFTr-VgIw-WqO7/s1600/capture-20131102-191224.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge4lNSf5rXdM3S8EUFczkLdoPQ0rBNNmtt3VJWf3rLbqZ4Dl9U40GWTXPTdgSSdGiIvWrTYdZ43pnHIdyIECrni-v26v5VjkbBdV6PhmiwfELzAXDY90su4J1X0Ng03yAFTr-VgIw-WqO7/s1600/capture-20131102-191224.png" /></a></div><br /><br /><br /><div><br /><a href="http://www.dropdownmenugenerator.com/Generator.aspx?df487gs45e3sw=5238709&H6h374ghrt365=GetCode&Prm=" target="_blank">Download</a></div><br /></div><br /><div style="text-align: center;"><br /><a href="http://www.dropdownmenugenerator.com/Generator.aspx?df487gs45e3sw=5238709&H6h374ghrt365=GetCode&Prm=" target="_blank"><button class="btnEnb" id="btnDwnl" onclick="DwnlMnu();return false;" title="Download as .zip file">Download</button></a></div><br /></div><br />

Menu blue Simple menu Generator

Simple menu GeneratorDownloadDownload…

Read more »

DTE :]: Jalan Pintas untuk Menangani Perintah-Perintah JQu...

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><a href="http://www.dte.web.id/2013/05/jalan-pintas-untuk-menangani-perintah.html?spref=bl">DTE :]: Jalan Pintas untuk Menangani Perintah-Perintah JQu...</a>: Dalam sebuah forum Saya pernah sekali diajari mengenai cara tersingkat untuk menangani perintah-perintah JQuery di dalam peraturan kondisi y...<br /><br /><br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: none; float: right;" /></div><br /></div><br />

DTE :]: Jalan Pintas untuk Menangani Perintah-Perintah JQu...

DTE :]: Jalan Pintas untuk Menangani Perintah-Perintah JQu...: Dalam sebuah forum Saya pernah sekali diajari mengenai cara tersingkat untuk menangani perintah-perintah JQuery di dalam peraturan kondis…

Read more »

Hosting File dengan Google Code dan TortoiseSVN

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div style="text-align: justify;"><br />Selama ini kita biasa menggunakan <a href="http://code.google.com/">Google Code</a> untuk menyimpan maksimal hanya tiga jenis berkas/file saja. Yaitu JavaScript, ZIP dan gambar. Selain itu tidak pernah. Alasannya, saat file selain JavaScript, ZIP dan gambar yang tersimpan di Google Code dibuka maka akan gagal bekerja. Misalnya file CSS atau HTML. Saat dibuka malah hanya muncul sebagai teks biasa dan tidak bisa digunakan sebagaimana file CSS dan HTML pada normalnya.<br /><br /><br /><br />Biasanya kita mengunggah file melalui situs Google Code secara langsung, atau bisa juga melalui aplikasi subversi seperti <a href="http://tortoisesvn.net/">TortoiseSVN</a>. Kabar baiknya, dengan cara mengatur MIME yang beragam pada aplikasi tersebut, maka itu akan memungkinkan kita untuk mengunggah berbagai file dengan format yang berbeda-beda. Sehingga direktori Google Code tidak lagi tampak sebagai ruang penyimpanan file berupa kode saja, tetapi juga bisa kita gunakan untuk menyimpan berbagai macam file seperti halnya situs-situs penyedia layanan hosting file pada umumnya.<br /><br /><br /><br />Saya masih belum begitu berani untuk mengungkapkan apa itu pengertian MIME. Tapi kalau kamu ingin mencari tahu lebih jauh, kamu bisa membacanya di <a href="http://en.wikipedia.org/wiki/MIME">Wikipedia - MIME</a><br /><br /><br /><br />Dengan mendefinisikan properti otomatis pada aplikasi, maka kita bisa mengunggah beberapa file yang bisa dibilang sama sekali tidak ada hubungannya dengan kode seperti PDF, DOC, SWF (Flash), WAV dan lain-lain.<br /><br /><br /><br />Untuk mengubah masukan berkas Google Code menjadi lebih luas, maka ada dua buah pekerjaan yang harus kita lakukan. Pertama adalah menginstal aplikasi TortoiseSVN dan ke dua adalah membuat sebuah halaman proyek baru.</div><br /><div style="text-align: justify;"><br /><br /></div><br /><div style="text-align: justify;"><br /><b>Pekerjaan I: Menginstal TortoiseSVN</b><br /><br /><br /><br />Kunjungi situs ini ⇒ <a href="http://tortoisesvn.net/downloads.html">http://tortoisesvn.net/downloads.html</a>. Unduh aplikasi tersebut lalu instal. Setelah terinstal, komputer harus di-restart karena aplikasi ini akan terintegrasi dengan menu konteks/menu klik kanan (shell command).<br /><br /><br /><br />Setelah itu klik kanan pada desktop. Pilih menu <b>TortoiseSVN » Settings:</b></div><br /><div style="text-align: justify;"><br /></div><br /><div style="text-align: justify;"><br /><br /></div><br /><div style="text-align: justify;"><br /><a href="http://4.bp.blogspot.com/--eRTyvIbYgQ/URe8R2Z2H8I/AAAAAAAAG2Q/B5SBUZuhGpg/s1600/tortoise-svn_settings.png"><img src="http://4.bp.blogspot.com/--eRTyvIbYgQ/URe8R2Z2H8I/AAAAAAAAG2Q/B5SBUZuhGpg/s1600/tortoise-svn_settings.png" /></a> </div><br /><div style="text-align: justify;"><br /><i> TortoiseSVN » Settings</i></div><br /><div style="text-align: justify;"><br /></div><br /><div style="text-align: justify;"><br /></div><br /><div style="text-align: justify;"><br /></div><br /><div style="text-align: justify;"><br /></div><br /><div style="text-align: justify;"><br /><br /></div><br /><div style="text-align: justify;"><br />Akan muncul kotak dialog seperti ini. Klik <b>General </b>dan klik tombol <b>Edit</b>:</div><br /><div style="text-align: justify;"><br /><br /></div><br /><div style="text-align: justify;"><br /><a href="http://3.bp.blogspot.com/-TbQ2aQxBGqo/URe8Wl5BYqI/AAAAAAAAG2g/0jTmGqgxn0o/s1600/tortoise-svn_edit-mime-type.png"><img src="http://3.bp.blogspot.com/-TbQ2aQxBGqo/URe8Wl5BYqI/AAAAAAAAG2g/0jTmGqgxn0o/s400/tortoise-svn_edit-mime-type.png" /></a> </div><br /><div style="text-align: justify;"><br /><i>Pengaturan TortoiseSVN</i><br /><br /><br /><br />Setelah file config terbuka, salin kode ini dan letakkan di bawah komentar <a href="http://www.google.co.id/cse?cx=partner-pub-4884309229437815:4734643671&ie=UTF-8&q=%23%20Makefile%20%3D%20svn%3Aeol-style%3Dnative&sa=Telusuri"># Makefile = svn:eol-style=native</a></div><br /><pre id="code-block:1"><code class="no-highlight"><br />[miscellany]<br />enable-auto-props = yes<br /><br />[auto-props]<br /># Scriptish formats<br />*.bat = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain<br />*.bsh = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-beanshell<br />*.cgi = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain<br />*.cmd = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain<br />*.js = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/javascript<br />*.php = svn:eol-style=native; svn:keywords=Id Rev Date; svn:mime-type=text/x-php<br />*.pl = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl; svn:executable<br />*.pm = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl<br />*.py = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-python; svn:executable<br />*.sh = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-sh; svn:executable<br /><br /># Image formats<br />*.bmp = svn:mime-type=image/bmp<br />*.gif = svn:mime-type=image/gif<br />*.ico = svn:mime-type=image/ico<br />*.jpeg = svn:mime-type=image/jpeg<br />*.jpg = svn:mime-type=image/jpeg<br />*.png = svn:mime-type=image/png<br />*.tif = svn:mime-type=image/tiff<br />*.tiff = svn:mime-type=image/tiff<br /><br /># Data formats<br />*.pdf = svn:mime-type=application/pdf<br />*.avi = svn:mime-type=video/avi<br />*.doc = svn:mime-type=application/msword<br />*.eps = svn:mime-type=application/postscript<br />*.gz = svn:mime-type=application/gzip<br />*.mov = svn:mime-type=video/quicktime<br />*.mp3 = svn:mime-type=audio/mpeg<br />*.ppt = svn:mime-type=application/vnd.ms-powerpoint<br />*.ps = svn:mime-type=application/postscript<br />*.psd = svn:mime-type=application/photoshop<br />*.rtf = svn:mime-type=text/rtf<br />*.swf = svn:mime-type=application/x-shockwave-flash<br />*.tgz = svn:mime-type=application/gzip<br />*.wav = svn:mime-type=audio/wav<br />*.xls = svn:mime-type=application/vnd.ms-excel<br />*.zip = svn:mime-type=application/zip<br /><br /># Text formats<br />.htaccess = svn:mime-type=text/plain<br />*.css = svn:mime-type=text/css<br />*.dtd = svn:mime-type=text/xml<br />*.html = svn:mime-type=text/html<br />*.ini = svn:mime-type=text/plain<br />*.sql = svn:mime-type=text/x-sql<br />*.txt = svn:mime-type=text/plain<br />*.xhtml = svn:mime-type=text/xhtml+xml<br />*.xml = svn:mime-type=text/xml<br />*.xsd = svn:mime-type=text/xml<br />*.xsl = svn:mime-type=text/xml<br />*.xslt = svn:mime-type=text/xml<br />*.xul = svn:mime-type=text/xul<br />*.yml = svn:mime-type=text/plain<br />CHANGES = svn:mime-type=text/plain<br />COPYING = svn:mime-type=text/plain<br />INSTALL = svn:mime-type=text/plain<br />Makefile* = svn:mime-type=text/plain<br />README = svn:mime-type=text/plain<br />TODO = svn:mime-type=text/plain<br /><br /># Code formats<br />*.c = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain<br />*.cpp = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain<br />*.h = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain<br />*.java = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain<br />*.as = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain<br />*.mxml = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain<br /><br /># Webfonts<br />*.eot = svn:mime-type=application/vnd.ms-fontobject<br />*.woff = svn:mime-type=application/x-font-woff<br />*.ttf = svn:mime-type=application/x-font-truetype<br />*.svg = svn:mime-type=image/svg+xml<br /></code></pre><br /><br /><br />Simpan perubahan yang kamu lakukan. Biarkan sampai di sini dulu.<br /><br /><br /><br /><b>Pekerjaan II: Membuat Halaman Proyek Baru</b><br /><br /><br /><br />Jika belum punya akun Google, buat terlebih dahulu agar bisa mendapatkan akses ke Google Code. Kunjungi <a href="http://code.google.com/">http://code.google.com</a>, lalu klik <a href="https://code.google.com/hosting/createProject">Create A New Project</a>:<br /><br /><br /><br /><a href="http://2.bp.blogspot.com/-AEg1k24-H9w/URebrWqy1pI/AAAAAAAAG0A/RGRuNMBOQUw/s1600/google-code_create-a-new-project.png"><img src="http://2.bp.blogspot.com/-AEg1k24-H9w/URebrWqy1pI/AAAAAAAAG0A/RGRuNMBOQUw/s1600/google-code_create-a-new-project.png" /></a><br /><br /><br /><br />Buat proyek baru.<br /><br /><br /><br />Isi formulirnya, atur pilihan version control system ke Subversion, lalu pilih lisensi yang kamu kehendaki untuk <br /><br />file-file yang diunggah di situ:<br /><br /><br /><br /><a href="http://2.bp.blogspot.com/-_mGU-eXbHPU/URebsKNdoFI/AAAAAAAAG0I/M_C7jS_Q64A/s1600/google-code_filling-the-project-form.png"><img src="http://2.bp.blogspot.com/-_mGU-eXbHPU/URebsKNdoFI/AAAAAAAAG0I/M_C7jS_Q64A/s400/google-code_filling-the-project-form.png" /></a><br /><br /><br /><br />Mengisi formulir.<br /><br /><br /><br />Klik Create Project. Kamu akan dibawa menuju halaman <a href="https://code.google.com/p/reader-download/">dasbor</a> proyek barumu jika sudah berhasil. Klik tab Source lalu klik tautan <a href="https://code.google.com/hosting/settings">googlecode.com password</a> untuk membuat password. Ini digunakan untuk menghubungkan aplikasi dengan proyek Google kamu:<br /><br /><br /><br /><a href="http://2.bp.blogspot.com/-8Dn0pcw4Dow/URecykjWosI/AAAAAAAAG0Q/As5ilb9QIq4/s1600/google-code_generate-password.png"><img src="http://2.bp.blogspot.com/-8Dn0pcw4Dow/URecykjWosI/AAAAAAAAG0Q/As5ilb9QIq4/s1600/google-code_generate-password.png" /></a><br /><br /><br /><br />Mengenerasikan password Google Code.<br /><br /><br /><br />Catat password yang tampil:<br /><br /><br /><br /><a href="http://1.bp.blogspot.com/-77MbQQRzouY/UReczlEqX6I/AAAAAAAAG0Y/rN6x9TngUyg/s1600/google-code_generating-password.png"><img src="http://1.bp.blogspot.com/-77MbQQRzouY/UReczlEqX6I/AAAAAAAAG0Y/rN6x9TngUyg/s1600/google-code_generating-password.png" /></a><br /><br /><br /><br />Password —dan alamat email— sudah digenerasikan.<br /><br /><br /><br /><br /><br /><b>Mulai Mengunggah</b><br /><br /><br /><br />Buka aplikasi TortoiseSVN dengan cara mengeklik kanan pada desktop lalu pilih TortoiseSVN » Repo Browser:<br /><br /><br /><br /><a href="http://4.bp.blogspot.com/-0zk3CrqdmJk/URfGgXT-86I/AAAAAAAAG4o/tygfWFPiwL8/s1600/tortoise-svn_repo-browser.png"><img src="http://4.bp.blogspot.com/-0zk3CrqdmJk/URfGgXT-86I/AAAAAAAAG4o/tygfWFPiwL8/s1600/tortoise-svn_repo-browser.png" /></a><br /><br /><br /><br />Repo browser.<br /><br /><br /><br />Akan muncul kotak dialog untuk memasukkan URL proyek:<br /><br /><br /><br /><a href="http://1.bp.blogspot.com/-ZiP7S1JF4E8/URfGQeKV9KI/AAAAAAAAG4Y/Hb1eXkD3Wz4/s1600/tortoise-svn_input-project-url-with-https.png"><img src="http://1.bp.blogspot.com/-ZiP7S1JF4E8/URfGQeKV9KI/AAAAAAAAG4Y/Hb1eXkD3Wz4/s1600/tortoise-svn_input-project-url-with-https.png" /></a><br /><br /><br /><br />Memasukkan URL proyek.<br /><br /><br /><br />Pola URL selalu berbentuk seperti ini:https://nama_proyek.googlecode.com/svn/trunk/<br /><br /><br /><br /><br /><br /><br /><br />Yang harus diingat dan yang paling sering membuat gagal dalam pengunggahan file: Saat menuliskan URL proyek di aplikasi, gunakan <a href="http://www.google.co.id/cse?cx=partner-pub-4884309229437815:4734643671&ie=UTF-8&q=https&sa=Telusuri">https</a>, tapi saat ingin melihat hasilnya atau mengakses hasil kerjanya secara online, gunakan <a href="http://www.google.co.id/cse?cx=partner-pub-4884309229437815:4734643671&ie=UTF-8&q=http&sa=Telusuri">http</a><br /><br /><br /><br />Klik OK. Tunggu sampai proses memuat selesai.<br /><br /><br /><br />Buka folder dimana terdapat file yang ingin diunggah. Seret file yang diinginkan ke area daftar file unggahan:<br /><br /><br /><br /><a href="http://4.bp.blogspot.com/-npUQwlBB2Cc/URfGVAXKqCI/AAAAAAAAG4g/ib0WsaGNvf0/s1600/tortoise-svn_uploading.png"><img src="http://4.bp.blogspot.com/-npUQwlBB2Cc/URfGVAXKqCI/AAAAAAAAG4g/ib0WsaGNvf0/s400/tortoise-svn_uploading.png" /></a><br /><br /><br /><br />Mengunggah file.<br /><br /><br /><br />Tunggu beberapa saat, maka kamu akan diminta untuk mengautentikasikan akun Google Code kamu seperti<br /><br />ini:<br /><br /><br /><br /><a href="http://1.bp.blogspot.com/-yanKZVMiY1I/URe8TQGdZmI/AAAAAAAAG2Y/FEYK7FEH4sk/s1600/tortoise-svn_authentication.png"><img src="http://1.bp.blogspot.com/-yanKZVMiY1I/URe8TQGdZmI/AAAAAAAAG2Y/FEYK7FEH4sk/s1600/tortoise-svn_authentication.png" /></a><br /><br />Autentikasi akun Google Code.<br /><br /><br /><br />Isi alamat email dan password yang sebelumnya sudah kamu catat. Centang Save authentication agar kita tidak perlu berkali-kali login pada saat pengunggahan file di masa mendatang.<br /><br /><br /><br />Dengan menggunakan aplikasi subversi, selain bisa mengunggah berbagai file yang tidak biasa, kita juga bisa mengedit file yang sudah kita unggah. Sehingga kita tidak perlu menghapus file lama dan mengunggah file yang baru berulang kali seperti saat menggunakan akun Google Code pada umumnya.<br /><br /><br /><br />Untuk memeriksa hasil kerja satu per satu secara online, akses pola URL ini:<br /><br /><br /><br /><b>http://nama_proyek.googlecode.com/svn/trunk/</b><br /><br /><br /><br />Kita juga bisa mengedit (hanya mengedit) file melalui situs Google Code secara langsung (jika kita memberikan izin pada pengaturan pengeditan secara online). Kunjungi pola URL ini:<br /><br /><br /><br /><b>http://code.google.com/p/nama_proyek/source/browse/trunk/</b><br /><br /><br /><br />Thanks to Taufik Nurrohman for great Article : <a href="http://www.dte.web.id/2013/02/hosting-file-dengan-google-code-dan.html">Hosting File dengan Google Code dan TortoiseSVN</a><br /><br /><br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=1e59e869-d6dc-4918-9ea6-c0f9350940c2" style="border: none; float: right;" /></div><br /></div><br />

• 
• 
• 
• 
• 

1. 1
2. 2
3. 3
4. 4
5. 5

• Previous
• Next

Hosting File dengan Google Code dan TortoiseSVN

Selama ini kita biasa menggunakan Google Code untuk menyimpan maksimal hanya tiga jenis berkas/file saja. Yaitu JavaScript, ZIP dan gambar. Selain itu tidak pernah. Alasannya, saat file selain JavaScr…

Read more »

iFrame “Auto Height” dengan Jquery

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div style="text-align: justify;"><br />Dalam tag tidak berlaku untuk elemen style=”height:100%” melainkan yang bisa berlaku hanya style=”width:100%”. Untuk membuatnya menjadi auto height 100% bisa menggunakan jQuery Jadi berapapun ukuran iframe akan tetap menyesuaikan secara otomatis, sehingga seolah-seolah tidak memakai iframe. </div><br /><br /><br />Caranya : <br /><br />- masukkan jQuery library, terserah pakai yang versi keberapa<br /><br /><b><script type="text/javascript" src="jquery-1.6.2.js"></script></b><br /><br /><br /><br />- masukkan jQuery buat auto height iframe<br /><br /><b><script type="text/javascript" src="https://raw.github.com/house9/jquery-iframe-auto-height/master/release/jquery.iframe-auto-height.js"></script></b><br /><br /><br /><br />- masukkan script iframe, untuk jQuery ini akan otomatis mendeteksi semua iframe menjadi auto height<br /><br /><b><iframe src="iframe.html" width="100%" scrolling="no" frameborder="0"></iframe> </b><br /><br /><br /><br /><br /><br />- masukkan fungsi javascript iframe autoheight<br /><br /><b><script type="text/javascript"><br /> jQuery('iframe').iframeAutoHeight();<br /></script></b><br /><br /><br /><br />- Simpan dan lihat hasilnya <br /><br /><br /><br /><a href="https://www.dropbox.com/s/f6hkh5p7gvvnqrc/jQuery%20iFrame%20autoheight.rar">Download Script Lengkap</a> <br /><br /><br /><br />Source Script : <a href="https://github.com/house9/jquery-iframe-auto-height">https://github.com/house9/jquery-iframe-auto-height</a><br /><br /><br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=1e59e869-d6dc-4918-9ea6-c0f9350940c2" style="border: none; float: right;" /></div><br /></div><br />

iFrame “Auto Height” dengan Jquery

Dalam tag tidak berlaku untuk elemen style=”height:100%” melainkan yang bisa berlaku hanya style=”width:100%”. Untuk membuatnya menjadi auto height 100% bisa menggunakan jQuery Jadi berapapun ukuran …

Read more »

ninjawords.com

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div class="" style="text-align: left;"><br /></div><br /><div style="text-align: center;"><br />Ninja Word<br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class=""><br /><script src="http://code.jquery.com/jquery-1.10.1.min.js"></script><br /><script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script><br /><script type="text/javascript"><br />/*jslint white: true, indent: 2, onevar: false, browser: true, undef: true, nomen: false, eqeqeq: true, plusplus: false, bitwise: true, regexp: true, strict: false, newcap: true, immed: true */<br />/*global window, console, jQuery, setTimeout */<br /><br />/*<br /> Plugin: iframe autoheight jQuery Plugin<br /> Version: 1.9.3<br /> Author and Contributors<br /> ========================================<br /> NATHAN SMITH (http://sonspring.com/)<br /> Jesse House (https://github.com/house9)<br /> aaron manela (https://github.com/aaronmanela)<br /> Hideki Abe (https://github.com/hideki-a)<br /> Patrick Clark (https://github.com/hellopat)<br /> ChristineP2 (https://github.com/ChristineP2)<br /> Mmjavellana (https://github.com/Mmjavellana)<br /> yiqing-95 (https://github.com/yiqing-95)<br /> jcaspian (https://github.com/jcaspian)<br /> adamjgray (https://github.com/adamjgray)<br /> Jens Bissinger (https://github.com/dpree)<br /><br /> File: jquery.iframe-auto-height.plugin.js<br /> Remarks: original code from http://sonspring.com/journal/jquery-iframe-sizing<br /> Description: when the page loads set the height of an iframe based on the height of its contents<br /> see README: http://github.com/house9/jquery-iframe-auto-height<br /><br />*/<br />(function ($) {<br /> $.fn.iframeAutoHeight = function (spec) {<br /><br /> var undef;<br /> if ($.browser === undef) {<br /> var message = [];<br /> message.push("WARNING: you appear to be using a newer version of jquery which does not support the $.browser variable.");<br /> message.push("The jQuery iframe auto height plugin relies heavly on the $.browser features.");<br /> message.push("Install jquery-browser: https://raw.github.com/house9/jquery-iframe-auto-height/master/release/jquery.browser.js");<br /> alert(message.join("\n"));<br /> return $;<br /> }<br /><br /> // set default option values<br /> var options = $.extend({<br /> heightOffset: 0,<br /> minHeight: 0,<br /> callback: function (newHeight) {},<br /> animate: false,<br /> debug: false,<br /> diagnostics: false, // used for development only<br /> resetToMinHeight: false,<br /> triggerFunctions: [],<br /> heightCalculationOverrides: []<br /> }, spec);<br /><br /> // logging<br /> function debug(message) {<br /> if (options.debug && options.debug === true && window.console) {<br /> console.log(message);<br /> }<br /> }<br /><br /> // not used by production code<br /> function showDiagnostics(iframe, calledFrom) {<br /> debug("Diagnostics from '" + calledFrom + "'");<br /> try {<br /> debug(" " + $(iframe, window.top.document).contents().find('body')[0].scrollHeight + " for ...find('body')[0].scrollHeight");<br /> debug(" " + $(iframe.contentWindow.document).height() + " for ...contentWindow.document).height()");<br /> debug(" " + $(iframe.contentWindow.document.body).height() + " for ...contentWindow.document.body).height()");<br /> } catch (ex) {<br /> // ie fails when called during for each, ok later on<br /> // probably not an issue if called in a document ready block<br /> debug(" unable to check in this state");<br /> }<br /> debug("End diagnostics -> results vary by browser and when diagnostics are requested");<br /> }<br /><br /> // show all option values<br /> debug(options);<br /><br /> // ******************************************************<br /> // iterate over the matched elements passed to the plugin ; return will make it chainable<br /> return this.each(function () {<br /><br /> // ******************************************************<br /> // http://api.jquery.com/jQuery.browser/<br /> var strategyKeys = ['webkit', 'mozilla', 'msie', 'opera'];<br /> var strategies = [];<br /> strategies['default'] = function (iframe, $iframeBody, options, browser) {<br /> // NOTE: this is how the plugin determines the iframe height, override if you need custom<br /> return $iframeBody[0].scrollHeight + options.heightOffset;<br /> };<br /><br /> jQuery.each(strategyKeys, function (index, value) {<br /> // use the default strategy for all browsers, can be overridden if desired<br /> strategies[value] = strategies['default'];<br /> });<br /><br /> // override strategies if registered in options<br /> jQuery.each(options.heightCalculationOverrides, function (index, value) {<br /> strategies[value.browser] = value.calculation;<br /> });<br /><br /> function findStrategy(browser) {<br /> var strategy = null;<br /><br /> jQuery.each(strategyKeys, function (index, value) {<br /> if (browser[value]) {<br /> strategy = strategies[value];<br /> return false;<br /> }<br /> });<br /><br /> if (strategy === null) {<br /> strategy = strategies['default'];<br /> }<br /><br /> return strategy;<br /> }<br /> // ******************************************************<br /><br /> // for use by webkit only<br /> var loadCounter = 0;<br /><br /> // resizeHeight<br /> function resizeHeight(iframe) {<br /> if (options.diagnostics) {<br /> showDiagnostics(iframe, "resizeHeight");<br /> }<br /><br /> // set the iframe size to minHeight so it'll get smaller on resizes in FF and IE<br /> if (options.resetToMinHeight && options.resetToMinHeight === true) {<br /> iframe.style.height = options.minHeight + 'px';<br /> }<br /><br /> // get the iframe body height and set inline style to that plus a little<br /> var $body = $(iframe, window.top.document).contents().find('body');<br /> var strategy = findStrategy($.browser);<br /> var newHeight = strategy(iframe, $body, options, $.browser);<br /> debug(newHeight);<br /><br /> if (newHeight < options.minHeight) {<br /> debug("new height is less than minHeight");<br /> newHeight = options.minHeight + options.heightOffset;<br /> }<br /><br /> debug("New Height: " + newHeight);<br /> if (options.animate) {<br /> $(iframe).animate({height: newHeight + 'px'}, {duration: 500});<br /> } else {<br /> iframe.style.height = newHeight + 'px';<br /> }<br /><br /> options.callback.apply($(iframe), [{newFrameHeight: newHeight}]);<br /> } // END resizeHeight<br /><br /> // debug me<br /> debug(this);<br /> if (options.diagnostics) {<br /> showDiagnostics(this, "each iframe");<br /> }<br /><br /> // if trigger functions are registered, invoke them<br /> if (options.triggerFunctions.length > 0) {<br /> debug(options.triggerFunctions.length + " trigger Functions");<br /> for (var i = 0; i < options.triggerFunctions.length; i++) {<br /> options.triggerFunctions[i](resizeHeight, this);<br /> }<br /> }<br /><br /> // Check if browser is Webkit (Safari/Chrome) or Opera<br /> if ($.browser.webkit || $.browser.opera) {<br /> debug("browser is webkit or opera");<br /><br /> // Start timer when loaded.<br /> $(this).load(function () {<br /> var delay = 0;<br /> var iframe = this;<br /><br /> var delayedResize = function () {<br /> resizeHeight(iframe);<br /> };<br /><br /> if (loadCounter === 0) {<br /> // delay the first one<br /> delay = 500;<br /> } else {<br /> // Reset iframe height to 0 to force new frame size to fit window properly<br /> // this is only an issue when going from large to small iframe, not executed on page load<br /> iframe.style.height = options.minHeight + 'px';<br /> }<br /><br /> debug("load delay: " + delay);<br /> setTimeout(delayedResize, delay);<br /> loadCounter++;<br /> });<br /><br /> // Safari and Opera need a kick-start.<br /> var source = $(this).attr('src');<br /> $(this).attr('src', '');<br /> $(this).attr('src', source);<br /> } else {<br /> // For other browsers.<br /> $(this).load(function () {<br /> resizeHeight(this);<br /> });<br /> } // if browser<br /><br /> }); // $(this).each(function () {<br /> }; // $.fn.iframeAutoHeight = function (options) {<br />}(jQuery)); // (function ($) {<br /></script><br /><iframe frameborder="0" height="300px" scrolling="no" src="http://ninjawords.com" width="100%"></iframe><br /> <script type="text/javascript"> jQuery('iframe').iframeAutoHeight(); </script><br /><br /></div><br /><div style="text-align: center;"><br />NinjaWord </div><br /><div class="separator zemanta-img" style="clear: both; text-align: center;"><br /><a href="http://www.flickr.com/photos/43666171@N07/6499940113" style="margin-left: 1em; margin-right: 1em;"><img alt="Word_BlogNinja" border="0" class="zemanta-img-inserted" height="240" src="http://farm8.static.flickr.com/7001/6499940113_b40f1ca3f8_m.jpg" style="border: medium none; font-size: 0.8em;" width="195" /></a></div><br /><div class="" style="text-align: center;"><br /> </div><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: none; float: right;" /></div><br /></div><br />

• 
• 

1. 1
2. 2

• Previous
• Next

ninjawords.com

Ninja Word/*jslint white: true, indent: 2, onevar: false, browser: true, undef: true, nomen: false, eqeqeq: true, plusplus: false, bitwise: true, regexp: true, strict: false, newcap: true, immed: true…

Read more »

XAMPP | Free Development software downloads at SourceForge.net

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div id="project-description" itemprop="description" style="display: block;"><br />XAMPP is a very easy to install Apache Distribution for Linux, <br />Solaris, Windows and Mac OS X. The package includes the Apache web <br />server, MySQL, PHP, Perl, a FTP server and phpMyAdmin. >><a href="http://www.apachefriends.org/xampp-en.html">XAMPP Web Site</a> <<</div><br /><div id="project-description" itemprop="description" style="display: block;"><br /><br /></div><br /><br /><br /><a href="https://a.fsdn.com/con/app/proj/xampp/screenshots/6462.jpg"> <img src="https://a.fsdn.com/con/app/proj/xampp/screenshots/6462.jpg/182/137" /> </a> <a href="https://a.fsdn.com/con/app/proj/xampp/screenshots/6468.jpg"> <img src="https://a.fsdn.com/con/app/proj/xampp/screenshots/6468.jpg/182/137" /> </a> <a href="https://a.fsdn.com/con/app/proj/xampp/screenshots/6470.jpg"> <img src="https://a.fsdn.com/con/app/proj/xampp/screenshots/6470.jpg/182/137" /> </a> <a href="https://a.fsdn.com/con/app/proj/xampp/screenshots/6466.jpg"> <img src="https://a.fsdn.com/con/app/proj/xampp/screenshots/6466.jpg/182/137" /> </a> <img src="https://a.fsdn.com/con/app/proj/xampp/screenshots/6472.jpg/182/137" /><br /><br /><br /><br /> <b>Features </b><br /><br />Apache<br /><br />MySQL<br /><br />PHP<br /><br />Perl<br /><br />and many more...<br /><br /><br /><br /><b> Additional Details </b><br /><br />Last Updated 2013-08-29 <br /><br />Registered 2002-09-04 <br /><br />Maintainers <a href="https://sourceforge.net/users/bitnami">bitnami</a> , <a href="https://sourceforge.net/users/koswalds">koswalds</a> , <a href="https://sourceforge.net/users/kvogelgesang">kvogelgesang</a> <br /><br />License <a href="https://sourceforge.net/directory/license:gpl/">GNU General Public License version 2.0 (GPLv2)</a> <br /><br />Categories <a href="https://sourceforge.net/directory/development/engines/">Database Engines/Servers</a>, <a href="https://sourceforge.net/directory/internet/www/dynamic/">Dynamic Content</a>, <a href="https://sourceforge.net/directory/internet/www/httpservers/">HTTP Servers</a>, <a href="https://sourceforge.net/directory/internet/www/sitemanagement/">Site Management</a> <br /><br />User Interface <a href="https://sourceforge.net/directory/environment:daemon/">Non-interactive (Daemon)</a>, <a href="https://sourceforge.net/directory/environment:web/">Web-based</a>, <a href="https://sourceforge.net/directory/environment:win32/">Win32 (MS Windows)</a> <br /><br />Languages <a href="https://sourceforge.net/directory/natlanguage:english/">English</a>, <a href="https://sourceforge.net/directory/natlanguage:german/">German</a> <br /><br />Intended Audience <a href="https://sourceforge.net/directory/audience:developers/">Developers</a>, <a href="https://sourceforge.net/directory/audience:education/">Education</a>, <a href="https://sourceforge.net/directory/audience:informationtechnology/">Information Technology</a>, <a href="https://sourceforge.net/directory/audience:sysadmins/">System Administrators</a> <br /><br />Programming Language <a href="https://sourceforge.net/directory/language:php/">PHP</a>, <a href="https://sourceforge.net/directory/language:perl/">Perl</a> <br /><br /><br /><br /><br /><br /><br /><br /><div class="files-breadcrumb"><br /><b>Files</b><br /> <br /> <br /> </div><br /><table id="files_list" title="This is a list of the files for this project"><colgroup><col class="name-column"></col><br /> <col class="date-column"></col><br /> <col class="size-column"></col><br /> <col class="downloads-column"></col><br /> <col class="status-column"></col><br /> </colgroup><thead><br /><tr><br /> <th class="first header usersortable" id="files_name_h" title="The file or folder's name">Name<span class="ui-icon fs-toggle"></span></th><br /> <th class="opt header usersortable" id="files_date_h" title="The file or folder's last modified date">Modified<span class="ui-icon fs-toggle"></span></th><br /> <th class="opt header usersortable" id="files_size_h" title="The file size">Size<span class="ui-icon fs-toggle"></span></th><br /> <th class="opt header usersortable" id="files_downloads_h" title="The weekly download count">Downloads<span class="ui-icon fs-toggle"></span></th><br /> <th class="typesort header" id="files_status_h" title="A snapshot of the file or folder's status">Status</th><br /> </tr><br /></thead><br /> <tfoot><br /><tr><br /> <td id="totals"><span class="label">Totals: </span>9 Items</td><br /> <td class="opt"></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td headers="files_status_h"></td><br /> </tr><br /></tfoot><br /> <tbody><br /><tr class="folder odd" title="XAMPP Windows"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Windows/" title="Click to enter XAMPP Windows"><br /> XAMPP Windows</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2013-07-18 18:32:08 WIT">2013-07-18</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Windows/stats/timeline"><img alt="51,325,221 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:18411,18082,32799,29629,25959,24599,10477&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:18411,18082,32799,29629,25959,24599,10477&chds=0,32799" title="51,325,221 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder even" title="XAMPP Mac OS X"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Mac%20OS%20X/" title="Click to enter XAMPP Mac OS X"><br /> XAMPP Mac OS X</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2013-07-18 18:16:36 WIT">2013-07-18</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Mac%20OS%20X/stats/timeline"><img alt="1,830,480 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:1234,1329,1597,1784,1750,1403,653&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:1234,1329,1597,1784,1750,1403,653&chds=0,32799" title="1,830,480 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder odd" title="XAMPP Linux"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Linux/" title="Click to enter XAMPP Linux"><br /> XAMPP Linux</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2013-07-18 18:15:53 WIT">2013-07-18</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Linux/stats/timeline"><img alt="5,156,788 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:2900,2239,2776,3483,3010,2892,1242&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:2900,2239,2776,3483,3010,2892,1242&chds=0,32799" title="5,156,788 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder even" title="BETAS"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/BETAS/" title="Click to enter BETAS"><br /> BETAS</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2013-06-11 22:21:18 WIT">2013-06-11</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/BETAS/stats/timeline"><img alt="1,282,033 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:75,39,72,78,62,70,30&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:75,39,72,78,62,70,30&chds=0,32799" title="1,282,033 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder odd" title="XAMPP Solaris"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Solaris/" title="Click to enter XAMPP Solaris"><br /> XAMPP Solaris</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2011-09-20 16:01:11 WIT">2011-09-20</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Solaris/stats/timeline"><img alt="91,751 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:12,3,15,9,5,8,2&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:12,3,15,9,5,8,2&chds=0,32799" title="91,751 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder even" title="Windows add-ons"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/Windows%20add-ons/" title="Click to enter Windows add-ons"><br /> Windows add-ons</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2009-08-10 20:22:38 WIT">2009-08-10</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/Windows%20add-ons/stats/timeline"><img alt="1,652,038 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:41,39,107,50,67,57,9&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:41,39,107,50,67,57,9&chds=0,32799" title="1,652,038 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder odd" title="Linux add-ons"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/Linux%20add-ons/" title="Click to enter Linux add-ons"><br /> Linux add-ons</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2003-08-08 16:22:29 WIT">2003-08-08</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/Linux%20add-ons/stats/timeline"><img alt="24,683 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:8,3,11,1,8,3,5&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:8,3,11,1,8,3,5&chds=0,32799" title="24,683 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder even" title="LAMPP"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/LAMPP/" title="Click to enter LAMPP"><br /> LAMPP</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2003-07-11 16:15:19 WIT">2003-07-11</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/LAMPP/stats/timeline"><img alt="78,753 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:7,2,4,11,5,3,4&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:7,2,4,11,5,3,4&chds=0,32799" title="78,753 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder odd" title="WAMPP"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/WAMPP/" title="Click to enter WAMPP"><br /> WAMPP</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2003-06-06 18:14:20 WIT">2003-06-06</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/LAMPP/stats/timeline"><img alt="78,753 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:7,2,4,11,5,3,4&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:7,2,4,11,5,3,4&chds=0,32799" title="78,753 downloads" width="20" /></a></td><td class="status folder" headers="files_status_h"><br /></td></tr><br /></tbody></table><br /><br /><br /><br /><br /><div id="project-header"><br /><div class="content-group"><br /><div class="group"><br /><br /><br /><br /><br /><br /><br /><nav id="breadcrumbs"><br /> <br /> </nav><br /> </div><br /><div class="noneditable" id="project-icon"><br /></div><br /><h1 class="project-name" itemprop="name"><br /> <a href="https://c.fsdn.com/allura/p/xampp/icon" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="XAMPP Icon" border="0" height="48" itemprop="image" itemscope="" itemtype="http://schema.org/ImageObject" src="https://c.fsdn.com/allura/p/xampp/icon" width="48" /></a><a href="https://sourceforge.net/projects/xampp/">XAMPP</a> </h1><br /></div><br /><div class="content-group"><br /><div class="group" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer"><br /><a class="download-button" href="https://sourceforge.net/projects/xampp/files/latest/download"><br /> <span class="icon">SF</span><br /> <span class="text">Download</span><br /> </a><br /> <br /> <link href="http://schema.org/InStock" itemprop="availability"></link><br /> <br /> <br /> <a class="download-stats" href="https://sourceforge.net/projects/xampp/files/stats/timeline"><br /> <span class="data">190,620</span><br /> <span class="label">Downloads <span class="this-week">(This Week)</span></span><br /> </a><br /> </div><br /></div><br /></div><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: none; float: right;" /></div><br /></div><br />

• 
• 
• 
• 
• 

1. 1
2. 2
3. 3
4. 4
5. 5

• Previous
• Next

XAMPP | Free Development software downloads at SourceForge.net

XAMPP is a very easy to install Apache Distribution for Linux, Solaris, Windows and Mac OS X. The package includes the Apache web server, MySQL, PHP, Perl, a FTP server and phpMyAdmin. >>XAMPP Web Sit…

Read more »

JS Quicktags : alexking.org

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><b>JS Quicktags</b><br /><br /><div class="page-content"><br />I’ve released the JavaScript Quicktags used in <a href="http://alexking.org/projects/tasks-pro">Tasks Pro™</a>, <a href="http://alexking.org/projects/tasks">Tasks</a> and <a href="http://alexking.org/projects/wordpress">WordPress</a> under the LGPL license.<br /><br />This is a set of buttons that allow you to insert HTML tags into a content area. The tags are cursor aware – placed around a selection or at the cursor position. This is also an example of <a href="http://alexking.org/blog/2003/06/02/inserting-at-the-cursor-using-javascript">how to get the cursor position with JavaScript</a>.<br /><br /><h3 style="text-align: left;"><br /><a href="http://alexking.org/projects/js-quicktags/demo/index.html" target="_blank">Example Page</a></h3><br />A sample insertAtCursor function:<br /><br /><div class="code"><br /><pre>function insertAtCursor(myField, myValue) {<br /> //IE support<br /> if (document.selection) {<br /> myField.focus();<br /> sel = document.selection.createRange();<br /> sel.text = myValue;<br /> }<br /> //MOZILLA/NETSCAPE support<br /> else if (myField.selectionStart || myField.selectionStart == '0') {<br /> var startPos = myField.selectionStart;<br /> var endPos = myField.selectionEnd;<br /> myField.value = myField.value.substring(0, startPos)<br /> + myValue <br /> + myField.value.substring(endPos, myField.value.length);<br /> } else {<br /> myField.value += myValue;<br /> }<br />}<br /><br />// calling the function<br /><br />insertAtCursor(document.formName.fieldName, 'this value');<br /></pre><br /></div><br /></div><br /><br /><br /><br /><br /><br /><br /><a href="http://alexking.org/projects/js-quicktags">JS Quicktags : alexking.org</a>: JS Quicktags<br /><br /><br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: none; float: right;" /></div><br /></div><br />

JS Quicktags : alexking.org

JS QuicktagsI’ve released the JavaScript Quicktags used in Tasks Pro™, Tasks and WordPress under the LGPL license.This is a set of buttons that allow you to insert HTML tags into a content area. The t…

Read more »

Online HTML Editor Simple

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><html><!-- Credits: http://ajabingung.blogspot.com/ --><head><br /> <br /> <title>Online HTML Editor: Real time online with preview</title><br /> <script src="http://ajabingung.googlecode.com/svn/js_quicktags.js" type="text/javascript"></script><br /> <link href="http://ajabingung.googlecode.com/svn/style.css" media="screen" rel="stylesheet" type="text/css" width="100%"></link><br /><br /><script type="text/javascript"><br />var old = '';<br />function update()<br />{<br /> var textarea = document.f.ta;<br /> var d = parent.dynamicframe.document; <br /> if (old != textarea.value)<br /> {<br /> old = textarea.value;<br /> d.open();<br /> d.write(old);<br /> d.close();<br /> }<br /> window.setTimeout(update, 150);<br />}<br /></script><br /></head><br /><br /><body onload="update(); document.f.ta.select();"><br /><br /><br /><form method="post" name="f" target="dynamicframe"><br /><!-- deleted --><br /><br /><script type="text/javascript">edToolbar('canvas');</script><br /><textarea cols="140" id="canvas" name="ta" rows="10" style="height: 200px; width: 100%;"><br /><h2><br />Welcome to the HTML editor!</h2><br /><p><br />Just type the HTML and it will be shown below.</p><br /><p><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum neque id magna. Mauris sollicitudin nisi sit amet sem. Etiam sit amet lectus a velit interdum facilisis. Vestibulum ante ipsum primis in faucibus orci <strong>luctus et ultrices posuere</strong> cubilia Curae; In tincidunt eleifend neque. Maecenas interdum, neque in fringilla pellentesque, lacus massa eleifend elit, nec scelerisque nulla orci a nunc. Quisque sollicitudin. Sed pulvinar lacus id lacus. Vestibulum imperdiet tellus eget risus. Quisque libero nisl, feugiat eu, euismod at, elementum eget, tellus. <a href="http://www.clesto.com">Clesto.com</a></p><br /><img src="http://www.google.se/images/google_80wht.gif" alt="Google logo"><br /><br /><h2><br />Heading in h2, som more sample text</h2><br /><p><br />Phasellus sem odio, varius quis, cursus at, ullamcorper eget, turpis. Maecenas a mi. Mauris dignissim lectus malesuada odio. Duis elit arcu, lobortis ut, porta ac, venenatis ornare, odio. Pellentesque scelerisque. Ut elementum laoreet massa. Suspendisse hendrerit odio eget turpis. Cras tellus dui, malesuada id, adipiscing ut, laoreet sed, magna. Phasellus scelerisque aliquet ligula. Quisque vitae elit sit amet enim suscipit interdum. Curabitur laoreet, mauris sit amet aliquet interdum, pede sapien malesuada metus, in tincidunt turpis justo id arcu. Donec gravida odio ac lectus. Nam rutrum ante in nisi laoreet aliquet. Sed at ante.</p><br /><h3><br />Heading in h3, som more sample text</h3><br /><p><br />Nulla facilisi. Nullam cursus scelerisque erat. Praesent convallis rhoncus dui. In hac habitasse platea dictumst. Nullam pellentesque. Mauris ac orci. Donec dictum. Etiam purus tortor, elementum a, posuere nec, pulvinar id, ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vel justo. Nullam posuere purus sed arcu.</p><br /><ul><br /><li>Nulla facilisi.</li><br /><li>Pellentesque habitant morbi</li><br /><li>Quisque vel justo.</li><br /><li>Nullam posuere purus sed arcu.</li><br /></ul><br />

Credits

Thanks to Alex King for making JS Quicktags and releasing it under LGPL and thanks to Jesse Ruderman for having made the javascript for live edits.



Jim Westergren made this web site, primary for use with Clesto.com.








Online HTML Editor

Here you can write and see HTML in action.

Start your own web site in 5 minutes at www.n.nu.

Make your own website:

https://.n.nu