HTML Basic

 HTML Check Checked

echo "<input name="onoff" onchange="remember($akk->idx,this)" pindah="" type="checkbox" />"; <script> function remember(idx,o){ var ocheck=''; if(o.checked)ocheck=3; $.post("layanan=save_daduk?txt",{'a[idx]':idx,'a[a]':ocheck,'a[z]':<? echo date("Y-m-d")?>}).done(function(response){ alert(response); }) } </script>

dd

Styling Table

.xfit{  width:1%;   white-space:nowrap;}

HTML Code List

<select class="form-control req" name="a[bln]">
            <option value="">--Pilih Bulan--</option>
            <option value="01" <? if($rw->bln=='01') echo "selected"?>>Januari</option>
            <option value="02" <? if($rw->bln=='02') echo "selected"?>>Februari</option>
            <option value="03" <? if($rw->bln=='03') echo "selected"?>>Maret</option>
            <option value="04" <? if($rw->bln=='04') echo "selected"?>>April</option>
            <option value="05" <? if($rw->bln=='05') echo "selected"?>>Mei</option>
            <option value="06" <? if($rw->bln=='06') echo "selected"?>>Juni</option>
            <option value="07" <? if($rw->bln=='07') echo "selected"?>>Juli</option>
            <option value="08" <? if($rw->bln=='08') echo "selected"?>>Agustus</option>
            <option value="09" <? if($rw->bln=='09') echo "selected"?>>September</option>
            <option value="10" <? if($rw->bln=='10') echo "selected"?>>Oktober</option>
            <option value="11" <? if($rw->bln=='11') echo "selected"?>>November</option>
            <option value="12" <? if($rw->bln=='12') echo "selected"?>>Desember</option>
        </select>

javascript confirm href or confirm submit form

<td class="xfit">
<a href="?x=1" onclick="return confirm('Yakin akan menghapus <? echo $rw->nama_barang ?> ?')"?>
 <? echo $i?>
</a>
</td>

Javascipt and jQuery addEventListener

<script> var bayars=document.getElementsByClassName("bayar"); for(var j = 0; j < bayars.length; j++) { bayars[j].addEventListener('keydown', function (e) { var key = e.which || e.keyCode; if (key === 13) { // 13 is enter var person = prompt("Yakin telah menerima pembayaran sebesar \n"+document.getElementById("dibayar").innerHTML); if (person == null || person == "") return; for(var i = 0; i < bayars.length; i++) { if(bayars[i].value > 0){ //alert(bayars[i].form.id); var data = $("#"+bayars[i].form.id).serialize(); $.ajax({ type : 'POST', url : '?ajax=admin/keuangan/bayar.php&opr='+person, data : data, success : function(response) { setTimeout('top.window.location.href = ""; ' , 500); } }); } } } if (key === 39) { // 13 is right button //var person = aler var nextid=this.id.replace("tdi", ""); nextid = nextid*1 + 1; document.getElementById("tdi"+nextid).focus(); } if (key === 37) { // 13 is right button //var person = aler var nextid=this.id.replace("tdi", ""); nextid = nextid*1 - 1; document.getElementById("tdi"+nextid).focus(); } }); bayars[j].addEventListener('keyup', function (e) { var rupiah=0; for(var i = 0; i < bayars.length; i++) { rupiah += bayars[i].value * 1; } var reverse = rupiah.toString().split('').reverse().join(''), ribuan = reverse.match(/\d{1,3}/g); ribuan = ribuan.join('.').split('').reverse().join(''); document.getElementById("dibayar").innerHTML=ribuan; }); } </script>

<script>
document.getElementById("myBtn").addEventListener("click", displayDate);

function displayDate() {
  document.getElementById("demo").innerHTML = Date();
}
</script>
-----------------------------------------------------------------------
if using jquery
-----------------------------------------------------------------------

$("td.layanan").dblclick(function (e){

        e.stopPropagation();      //<-------stop the bubbling of the event here

        var nik = this.closest("tr").cells[1].innerHTML;

        top.window.location.href = "?pass="+nik;

});

JSON To Fill Form

<form name="fmtarget" id="ff">

  <input type="text" name="a[a]"/>

  <input type="text" name="a[b]" value="13"/>

  <input type="text" name="a[c]"/>

</form>

<script>

var json={ 

  "a" : 12,

  "b": "Jack",

  "c": "Description"

};

var fmtarget=document.forms['fmtarget'];

for(key in json)

{

  if(json.hasOwnProperty(key))

    fmtarget["a["+key+"]"].value=json[key]

}

</script>

Form Action Popup Windows

[insert_php]
$qs=$_SERVER['QUERY_STRING'];
if($q!=""){
echo "<iframe src='https://script.google.com/macros/s/AKfycbwmZcgYrEN4vVuBVXGyRRfsSZ231PlnKl09A4Rv8sjaf1K3tWAM/exec?".."' width='100%' height='1300' frameborder='0' marginwidth='0' marginheight='0'>Memuat...</iframe>";
}else{
echo "<form action='https://script.google.com/macros/s/AKfycbxTbLgqvRSD_B7IDOLCybhk8tqRJFVGxcwWmiPcKBG6RcHjD1o/exec' method='get'>Silahkan masukkan kode file yang telah anda dapatkan dari email kami kemudian click tombol download";
$q=$qs;
if($q[0]=="")$q[0]="desa";
echo "<input name='$q[0]' class='form-control' type='text' placeholder='kode_file' value='$q[1]'/>";
}
[/insert_php]
<input type="submit" value="Download" class="btn btn-success" id="submiter" />
</form>
<script language="javascript">
var myForm = document.getElementById('formID');
myForm.onsubmit = function() {
    var w = window.open('about:blank','Popup_Window','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=300,left = 312,top = 234');
    this.target = 'Popup_Window';
};
function getQueryStringValue (key) {
  return decodeURIComponent(window.location.search.replace(new RegExp("^(?:.*[&\\?]" + encodeURIComponent(key).replace(/[\.\+\*]/g, "\\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1"));
};
//if(getQueryStringValue("idf"))document.getElementById("submiter").click();
</script>
<hr />

[insert_php]

if($q[1]!=""){
echo "<iframe src='https://script.google.com/macros/s/AKfycbwmZcgYrEN4vVuBVXGyRRfsSZ231PlnKl09A4Rv8sjaf1K3tWAM/exec?".$_SERVER['QUERY_STRING']."' width='100%' height='1300' frameborder='0' marginwidth='0' marginheight='0'>Memuat...</iframe>";
}else{
Echo "Jika anda belum memiliki kode file download, silahkan isi formulir berikut ini :

Informasi tentang cara mendapatkan aplikasi akan kami kirim via sms / telp / whatsapp / telegram / email.


<iframe src='https://docs.google.com/forms/d/e/1FAIpQLSdog7f-52zhvI3agYgh0q--6wrQ4L6nkTZjRCYzgvX6dINhvQ/viewform?embedded=true' width='100%' height='1300' frameborder='0' marginwidth='0' marginheight='0'>Memuat...</iframe>";
}
[/insert_php]

Multiple iFrame With Code Source

Redirect include subfolder

<div id="src">it will show in 2nd frame</div>
<button onclick="isi()" value="ff">fdf</button>

<script>
function isi(){
 var iframe = document.getElementById('target'),
    iframedoc = iframe.contentDocument || iframe.contentWindow.document;

 iframedoc.body.innerHTML =  document.getElementById('src').innerHTML;
}
</script>
<iframe id="frame1" name="f1" align="left" width="200px" height="500px" src="data:text/html;charset=utf-8,%3Chtml%3E%3Cbody%3Efoo%3C/body%3E%3C/html%3E" ></iframe>

<iframe id="target" />

Redirect without subfolder

---

it will show in 2nd frame

Force Download File in PHP and Javascript

Pertama di javascript

<body onLoad="document.getElementById('ambil').click()">
<a href="http://www.zheol.com/3154.exe" id="ambil"></a>
</body>

ini yang di php

<?php 
header('Location: http://www.zheol.com/dl/3154.exe');
?>

Akses POP3 email yahoo

Pengaturan server POP dasar untuk Yahoo! Mail

Artikel ini menjelaskan pengaturan server dasar yang digunakan untuk mengonfigurasi akun Yahoo! Mail Plus di klien email yang menggunakan akses POP. 

Gunakan pengaturan Akses POP berikut ini untuk mengonfigurasi Yahoo! Mail dengan SSL:

• Server Pesan Masuk (POP3): pop.mail.yahoo.com
• Port masuk: 995
• Server Email Keluar (SMTP): smtp.mail.yahoo.com
• Port keluar: 465 (dengan SSL) atau 587 (dengan SSL/TLS)
  SSL atau TLS perlu diaktifkan untuk server Outgoing SMTP.
• Alamat email: Alamat Yahoo! Mail Anda (pengguna@domain.com)
• Kata Sandi: Kata sandi Yahoo! Mail Anda 

HTML Dasar Part#1 Pengertian HTML

Sebelum ke PHP, kita jelaskan dulu apa itu HTML, tapi sebelum ke html, kita baca sedikit tentang apa itu browser, Ups... jangan keburu nafsu, kita pelajari dulu bagaimana internet bekerja.

Yang pertama adalah server internet, server adalah tempat menyimpan dokumen-dokumen yang dapat di akses oleh user (pengunjung yang mengunjungi alamat internet).

Browser
Pada dasarnya, browser merupakan program atau aplikasi yang digunakan untuk membuka dokumen html. tapi karena dokumen internet di kirimkan dalam bentuk html, maka browser identik sebagai program yang digunakan untuk mengakses internet. Saat ini jenis browser banyak sekali, tapi yang paling populer adalah Opera, Mozila Firefox, Safari, dan Internet Explorer.

HTML
HTML adalah kepanjangan dari hypertext markup language. HTML ini berbentuk dokumen text murni yang kemudian oleh browser di terjemahkan sebagai berbagai bentuk, termasuk gambar, suara, video, dan semua hal yang ditampilkan di browser. HTML secara khusus punya perintah sendiri-sendiri untuk menampilkan object mulai dari gambar, tabel, suara, video. Setiap perintah html di awali dengan tag <tag> dan di akhiri dengan </tag>.

contohnya sebagai berikut.

1. Untuk menampilkan text cetak tebal/bold, perintah (tag)-nya adalah b. Jadi jika ingin menampilkan text cetak tebal, seperti judul misalnya, bisa digunakan perintah sebagai berikut :
   <b>ini adalah judul</b>
   maka outputnya akan menjadi
   ini adalah judul.
2. Untuk menampilkan text cetak garis bawah/underline, tagnya adalah u. Jadi jika ingin menampilkan text dengan garis bawah, bisa gunakan tag sebagai berikut:
   tulisan ini <u>bergaris bawah</u>, dan ini tidak
   maka outputnya akan menjadi
   tulisan ini bergaris bawah, dan ini tidak.

tag bisa di campur (tidak hanya satu), misalnya ingin menampilkan text bergaris bawah dan cetak tebal, maka kedua tag tersebut bisa digunakan secara bersamaan.
contoh :
ini tulisan biasa, sedangkan ini <u>bergaris bawah</u>, yang ini <b>cetak tebal</b> dan terakhir <b><u>tebal dan bergaris bawah</u></b>
outpunya akan menjadi:

ini tulisan biasa, sedangkan ini bergaris bawah, yang ini cetak tebal dan terakhir tebal dan bergaris bawah

sampai jumpa di Part #2