CIWER.ID

Kamis, 09 Juni 2016

Cara membuat penambahan dan pengurangan secara otomatis dengan JQuery |PHP dan HTML

HERI PRIYADI Juni 09, 2016

Cara membuat penambahan dan pengurangan secara otomatis dengan JQuery |PHP dan HTML-ciwer.id kesempatan kali ini saya akn share program sederhana untuk melakukan proses penmbhan dan pengurangan secara otomatis di PHP dan HTML menggunkan jquery.

lasung saja sobat.
berikut ini ini adalah script text javascript

<script language='JavaScript'>

$(document).ready(function(){

var inpA = "input[rel=Ajumlah]";

var inpB = "input[rel=Bjumlah]";

$(inpA).bind('keyup',function() {

var avalA=0;

var bVal = parseInt($('#Btotal').val(),10);

$(inpA).each(function() {

if(this.value !='') avalA += parseInt(this.value,10);

});

$('#Atotal').val(avalA);

$('#selisih').val(avalA - bVal);

console.log('Value avalA: ' + avalA);

});

$(inpB).bind('keyup',function() {

var avalB=0;

var aVal = parseInt($('#Atotal').val(),10);

$(inpB).each(function() {

if(this.value !='') avalB += parseInt(this.value,10);

});

$('#Btotal').val(avalB);

$('#selisih').val(aVal - avalB);

console.log('Value avalB: ' + avalB);

});

});

</script>

script di atas berfungsi untuk melakukan proses hitung penambahan dan pengurangan otomatis.
untuk script lengkpanya bisa lihat di bawah ini.

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">



<title>Koding Sederhana CIWER.ID</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<script type="text/javascript" src="jquery.js"></script>

<script language='JavaScript'>

$(document).ready(function(){

var inpA = "input[rel=Ajumlah]";

var inpB = "input[rel=Bjumlah]";

$(inpA).bind('keyup',function() {

var avalA=0;

var bVal = parseInt($('#Btotal').val(),10);

$(inpA).each(function() {

if(this.value !='') avalA += parseInt(this.value,10);

});

$('#Atotal').val(avalA);

$('#selisih').val(avalA - bVal);

console.log('Value avalA: ' + avalA);

});

$(inpB).bind('keyup',function() {

var avalB=0;

var aVal = parseInt($('#Atotal').val(),10);

$(inpB).each(function() {

if(this.value !='') avalB += parseInt(this.value,10);

});

$('#Btotal').val(avalB);

$('#selisih').val(aVal - avalB);

console.log('Value avalB: ' + avalB);

});

});

</script>

</head>

<body>

<div class="container">

<div class="jumbotron col-md-8">

<div class="panel panel-primary ">

<div class="panel-heading">

<h3 class="panel-title">

CIWER.ID |Penambahan Dan Pengurangan Otomatis Dengan Jquery</h3>

</div>

<div class="panel-body">

<div class="col-md-4">

<input type="text" class="form-control" name="Ajumlah1" placeholder="masukkan angka" rel="Ajumlah"/><br/>

<input type="text" class="form-control" name="Ajumlah2" placeholder="masukkan angka" rel="Ajumlah"/><br/>

<input type="text" class="form-control" name="Ajumlah3" placeholder="masukkan angka" rel="Ajumlah"/><br/>

<input type="text" class="form-control" name="Ajumlah4" placeholder="masukkan angka" rel="Ajumlah"/><br/>

<input type="text" class="form-control" name="Ajumlah5" placeholder="masukkan angka" rel="Ajumlah"/><br/>

<input type="text" class="form-control" name="Ajumlah6" placeholder="masukkan angka" rel="Ajumlah"/><br/>

Total A: <input type="text" class="form-control" name="Atotal" placeholder="Hasil Dari Penambahan" id="Atotal"/><br/><br/>

</div>



<div class="col-md-4">

<input type="text" class="form-control" placeholder="masukkan angka" name="Bjumlah1" rel="Bjumlah"/><br/>

<input type="text" class="form-control" placeholder="masukkan angka" name="Bjumlah2" rel="Bjumlah"/><br/>

<input type="text" class="form-control" placeholder="masukkan angka" name="Bjumlah3" rel="Bjumlah"/><br/>

<input type="text" class="form-control" placeholder="masukkan angka" name="Bjumlah4" rel="Bjumlah"/><br/><br/>



Total B: <input type="text" class="form-control" name="Btotal" placeholder="Hasil dari Penambahan" id="Btotal"/><br/><br/>

Selisih: <input type="text" class="form-control" name="selisih" placeholder="Hasil dari A-B" id="selisih"/><br/><br/><br/>

</div>

</div>

</body>

</html>

simpan dengan nama index.php atau sesuka anda.,sebelumnya anda menjalan kan program tersebut sobat harus mendownload jquery terlebih dahulu .
Download Jquery.
Setelah di download letakan jquery bersandingan dengan file index.php yang telah di buat.

ok sobat sekian,semoga ini bermanfaat.

Lihat juga ke sini

Rabu, 08 Juni 2016

PHP

koding PHP dan HTML untuk pengurangan

HERI PRIYADI Juni 08, 2016

Berikut ini merupakan koding sederhana,untuk melakun proses perhitungan pengurangan di dalam web browser dengan menggunkan PHP dan HTML.yang sobat semua pasti bisa untuk membuatnya.

Persiapan :

Editor notepad++

Web browser Crome or firefox.

pastikan akses localhost sobat sudah aktif.

Pertama buat file index.php dan simpan di folder yang sobat tentukan,

kemudian copy contoh koding berikut yang kemungkinan sobat bisa kembangkan koding nya,

<!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <title>Koding Sederhana CIWER.ID</title>
    
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
    
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    </head>
    <body>
    <div class="container">
    <div class="jumbotron col-md-4">
    <div class="panel panel-primary ">
    <div class="panel-heading">
    <h3 class="panel-title">
    CIWER.ID</h3>
    </div>
    <div class="panel-body">

    
    <?php
    //definisikan setiap variabel yang digunakan
        $nilai1 = "";
        $nilai2 = "";
        $nilai3 = "";
    if(isset($_POST['text1'])and
            ($_POST['text2'])
            ){
        $nilai1 = $_POST['text1'];    #mengambil nilai didalam
        $nilai2 = $_POST['text2'];    #formulir sesuai name yang ada
        $nilai3 = $nilai1-$nilai2;
    }
    ?>
    
    <form action="index.php" method="post">
        <input type="text" class="form-control" name="text1" value="<?php echo $nilai1?>" placeholder="masukkan angka"><br/>
        <input type="text" class="form-control" name="text2" value="<?php echo $nilai2?>" placeholder="masukkan angka"><br/>
        <input type="submit" class="btn btn-primary" value="Tambah">
     <br/><br/>
        <input type="text" class="form-control" value="<?php echo $nilai3?>"/>
    </form>
    </body>
    </html>

koding di atas,yang pertama kali dilakukan adalah menginisiali variabel yang dibutuhkan, setelah itu, mengambil nilai dari dalam formulir sesuai dengan name masing-masing.

Kemudian pata button form action. Terdapat aksi menuju ke dokumen index.php yang tak lain adalah dokumen untuk file program itu sendiri. Jadi eksekusi program dilaksanakan dengan tujuan formulir . HTML pada dokumen yang sama.

dan koding di atas sudah di lengkpi dengan ccs bootstrap ,yang berfungsi untuk mempercantik tampilan desain contoh program tersebut..

OK sobat sekian semoga artikel ini membantu..

Baca Juga artikel Yang cocok dengan pencarian sobat . Baca disini

HTML5 PHP

Source Code HTML Aritmatika.

HERI PRIYADI Juni 08, 2016

Source Code HTML Aritmatika Cara Membuat Pembagian PHP dan HTML Berikut ini merupakan koding sederhana,untuk melakun proses perhitungan pembagian di dalam web browser dengan menggunkan PHP dan HTML.yang sobat semua pasti bisa untuk membuatnya.

Persiapan :
Editor notepad++
Web browser Crome or firefox.
pastikan akses localhost sobat sudah aktif.

Pertama buat file index.php dan simpan di folder yang sobat tentukan,
kemudian copy contoh koding berikut yang kemungkinan sobat bisa kembangkan koding nya,

<!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <title>Koding Sederhana CIWER.ID</title>
    
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
    
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    </head>
    <body>
    <div class="container">
    <div class="jumbotron col-md-4">
    <div class="panel panel-primary ">
    <div class="panel-heading">
    <h3 class="panel-title">
    CIWER.ID</h3>
    </div>
    <div class="panel-body">

    
    <?php
    //definisikan setiap variabel yang digunakan
        $nilai1 = "";
        $nilai2 = "";
        $nilai3 = "";
    if(isset($_POST['text1'])and
            ($_POST['text2'])
            ){
        $nilai1 = $_POST['text1'];    #mengambil nilai didalam
        $nilai2 = $_POST['text2'];    #formulir sesuai name yang ada
        $nilai3 = $nilai1/$nilai2;
    }
    ?>
    
    <form action="index.php" method="post">
        <input type="text" class="form-control" name="text1" value="<?php echo $nilai1?>" placeholder="masukkan angka"><br/>
        <input type="text" class="form-control" name="text2" value="<?php echo $nilai2?>" placeholder="masukkan angka"><br/>
        <input type="submit" class="btn btn-primary" value="Tambah">
     <br/><br/>
        <input type="text" class="form-control" value="<?php echo $nilai3?>"/>
    </form>
    </body>
    </html>

koding di atas,yang pertama kali dilakukan adalah menginisiali variabel yang dibutuhkan, setelah itu, mengambil nilai dari dalam formulir sesuai dengan name masing-masing.

Kemudian pata button form action. Terdapat aksi menuju ke dokumen index.php yang tak lain adalah dokumen untuk file program itu sendiri. Jadi eksekusi program dilaksanakan dengan tujuan formulir . HTML pada dokumen yang sama.

dan koding di atas sudah di lengkpi dengan ccs bootstrap ,yang berfungsi untuk mempercantik tampilan desain contoh program tersebut..

OK sobat sekian semoga artikel ini membantu..
Baca Juga artikel Yang cocok dengan pencarian sobat . Baca disini

Tag : Membuat Calculator PHP Cara membuat pengurangan penambahan PHP dan HTML Cara Membuat Perkalian PHP

Selasa, 07 Juni 2016

HTML5 PHP

Koding untuk Perkalian di PHP dan HTML

HERI PRIYADI Juni 07, 2016

Berikut ini merupakan koding sederhana,untuk melakun proses perhitungan perkalian di dalam web browser dengan menggunkan PHP dan HTML.yang sobat semua pasti bisa untuk membuatnya.

Persiapan :
Editor notepad++
Web browser Crome or firefox.
pastikan akses localhost sobat sudah aktif.

Pertama buat file index.php dan simpan di folder yang sobat tentukan,
kemudian copy contoh koding berikut yang kemungkinan sobat bisa kembangkan koding nya,

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>Koding Sederhana CIWER.ID</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="jumbotron col-md-4">
<div class="panel panel-primary ">
<div class="panel-heading">
<h3 class="panel-title">
CIWER.ID</h3>
</div>
<div class="panel-body">


<?php
//definisikan setiap variabel yang digunakan
    $nilai1 = "";
    $nilai2 = "";
    $nilai3 = "";
if(isset($_POST['text1'])and
        ($_POST['text2'])
        ){
    $nilai1 = $_POST['text1'];    #mengambil nilai didalam
    $nilai2 = $_POST['text2'];    #formulir sesuai name yang ada
    $nilai3 = $nilai1*$nilai2;
}
?>

<form action="index.php" method="post">
    <input type="text" class="form-control" name="text1" value="<?php echo $nilai1?>" placeholder="masukkan angka"><br/>
    <input type="text" class="form-control" name="text2" value="<?php echo $nilai2?>" placeholder="masukkan angka"><br/>
    <input type="submit" class="btn btn-primary" value="Tambah">
<br/><br/>
    <input type="text" class="form-control" value="<?php echo $nilai3?>"/>
</form>
</body>
</html>

koding di atas,yang pertama kali dilakukan adalah menginisiali variabel yang dibutuhkan, setelah itu, mengambil nilai dari dalam formulir sesuai dengan name masing-masing.

Kemudian pata button form action. Terdapat aksi menuju ke dokumen index.php yang tak lain adalah dokumen untuk file program itu sendiri. Jadi eksekusi program dilaksanakan dengan tujuan formulir . HTML pada dokumen yang sama.

dan koding di atas sudah di lengkpi dengan ccs bootstrap ,yang berfungsi untuk mempercantik tampilan desain contoh program tersebut..

OK sobat sekian semoga artikel ini membantu..
Baca Juga artikel Yang cocok dengan pencarian sobat . Baca disini

Selasa, 31 Mei 2016

Blog

Cara Membuat Alamat email Gmail Tercepat Dan Praktis

HERI PRIYADI Mei 31, 2016

Pada Kesempatan ini ciwer .id akan berbagi Cara Membuat Alamat email Gmail Tercepat Dan Praktis, banyak fungsi email di antaranya email dapat menghubungkan kita dengan siapa saj yang terhubung di internet. dengan email ini kita bisa bebeas mendownload game di playstore,bisa di gunkan untuk berlangganan suatu artikel atau berita majalah online,itu beberapa manfaat email,,karena masih banyak manfaat email lainya.

lasung saja di sini untuk membuat email secara cepat dan praktis anda bisa menggunkan Hanphone androidnya untuk membuat email.

Langkah-Langkah untuk membuat email di HP Android.

1.buka menu seting,pengaturan.kemudian cari pilihan Tambah Akun.

2.Setelh memilih tambah akun nda akan di suguhkan menu akun apa yang akan di tambahkan ke HP androidnya, karena kita akan membuat akun Gail,maka pilih "Google".

3.Kemudian masuk ke menu penambahan akun Google ,karena kita akan membuat akun, maka pilih "Baru".,
untuk pilihan "Yang sudah ada" itu berfungsi jika anda sudah memiliki akun gmail sebelumnya.

4.Berikutnya anda akan di minta untuk mengisi biodata nama ,isi dengan benar karena ini akan menjadi identitas anda. untuk lanjut ke langkah berikutnya anda bisa menekan tombol segitiga.

5.Selanjutnya masuk ke menu peilih nama pengguna gmail . "@gmail.com" isi dengan nama yang anda sukai. jika sudah mengisih nama pengguna,sentuh icon segitiga di sudut bawah.

6.Jika nama nama user gmail yang anda tulis tidak tersedia anda bisa memilih nama saran dari gmail.pilih salah satu yang menarik menurut anda.selanjutnya untuk melanjutkan ke menu berikutnya ,anda bis pilih tombol "Coba Lagi"

7.Kemudian buatlah sandi yang seaman mungkin,,dan uat,,dan satu lagi jangan sampai anda lupa dengan Sandinya,Tips :catat di kertas untuk sementara.dan simpan di tempat yang aman,karena Gmail adalah Akun Privassi.orang lain di larang untuk tau Pasword /sandi ini. Untuk melanjutkan Ke langkah berikutnya anda pilih tombol segitiga.

8.Untuk Opsi Pemuliah bisa di buat lain kali. untuk melanjutkanya pilih tombol "Lain Kali".

9.Untuk Lanjut Kemenu berikutnya Anda bisa pilih tombol Segitiga,dan untuk menyelsaikan akun Anda bisa pillih saya setuju.

10. Kemudian isikan teks yang ada di dalam gambar putih. jika sudah benar.pilih tombol segitiga.
makan akan otomatis menyiapkan akun, jika berhasil masuk akun maka akan otomatis melakukan singkron ke aplikasi yang berhubungan dengan gmail. untuk lanjut pilih tombol segitiga.