Kategori: HTML

Memindahkan Context console Firebug pada iframe HTML

Kita dapat melakukan ujicoba javascript secara langsung di halaman html, yaitu dengan menggunakan console firebug. Kami pernah mengalami kesulitan dalam melakukan ujicoba javascript, yang mana javascript tersebut diload di salah satu halaman iframe html. Dan ini sebagai catatan kami ketika lupa, jalankan skrip ini di console firebug. Skrip ini bertujuan untuk memindahkan context console firebug ke iframe HTML tertentu:


javascript:with(_FirebugCommandLine){

cd($$("#mainFrame")[0].contentWindow)

};

dimana #mainFrame adalah iframe yang akan diuji. Setelah itu lakukan pengujian skrip di iframe tersebut. Semoga bermanfaat.

.reset() form jQuery

Lakukan:


$('#idForm')[0].reset();

nilai pada input didalam form dengan id=’idForm’ di reset.

Source code nya:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
$('#b_refresh').click(function(){
$('#idForm')[0].reset();
});
});
</script>
</head>
<body>
<form id='idForm'>
Nama: <input type='text' name='nama' value=''><br>
Alamat: <input type='text' name='nama' value=''><br>
No. Telpon: <input type='text' name='nama' value=''><br>
Gaji: <input type='text' name='nama' value=''><br>
<input type='submit' value='Go'>&nbsp;<input type='button' id='b_refresh' value='Reset'>
</form>
</body>
</html>

Demo disini.

Corat-coret 06 – jquery.live()

Dengan menggunakan jquery.live():

$(".tombol_dgn").live("click", function(){
$('#dgn_live').after("<button class='tombol_dgn'>Tombol dengan live</button>");
});

Dengan menggunakan jquery.click():

$(".tombol_bkn").click(function(){
$('#bkn_live').after("<button class='tombol_bkn'>Tombol tanpa live</button>");
});

Skrip lengkap untuk demo:

<html>
<head>
<title>Live Jquery</title>
<script src='jquery.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function(){
$(".tombol_dgn").live("click", function(){
$('#dgn_live').after("<button class='tombol_dgn'>Tombol dengan live</button>");
});

$(".tombol_bkn").click(function(){
$('#bkn_live').after("<button class='tombol_bkn'>Tombol tanpa live</button>");
});
});
</script>
</head>
<body>
<div id='dgn_live'>
<button class='tombol_dgn'>Tombol dengan live</button>
</div>
<div id='bkn_live'>
<button class='tombol_bkn'>Tombol tanpa live</button>
</div>
</body>
</html>

Lihat Demo

corat-coret04

<pre><?php 
include('include/init.php'); 
//include('include/xajax/xajax.inc.php');

/***************************************************
 * ajax from slide show random product (no smooth)
 ***************************************************/
function randomproduct(){
	$xjresp = new xajaxResponse();

	$randomproduct = "<a href='javascript:;' onclick=\"xajax_randomproduct();\" >
			<h2 title=\"Etalase produk\">Etalase Produk ...</h2></a>".produk()."
			<div class=\"clear\"></div>";
	
	$xjresp->assign('randomproduct','innerHTML',$randomproduct);

	return $xjresp;
}

/**************************************
 * Initialization xajax js framework
 **************************************/
$xajax = new xajax();

$xajax->registerFunction("randomproduct");

$xajax->processRequest();

//$include_xajax = 'include/xajax/';

$xajax_js = $xajax->getJavascript('include/xajax/');
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<?php 
/******************
 * head HTML
 ******************/
echo headstart();
echo $xajax_js;
echo headend();

/******************
 * All content
 ******************/ 
$content = "<div id=\"content-wrapper\">		
	  		<img src=\"images/home-photo.jpg\" class=\"float-left\" alt=\"Logo PT. Bangun Citra Fajar\" />
	  		<h2>Selamat Datang di PT. BCF</h2>
	  		<p>Bangun Citra Fajar adalah perusahaan rekanan 
	  		PT. Trikarya, kami bergerak di bidang produksi pagar. 
	  		Bangun Citra Fajar mampu mengerjakan dan 
	  		memproduksi pagar sesuai dengan standart 
	  		atau permintaan pelanggan.</p>
	  		<p>Kami dapat dihubungi <a href='tentangkami.php'>disini</a>
	  		atau melalui Yahoo! Mesenger:</p>
	  		<center>
	  		<p><a href=\"http://messenger.yahoo.com/edit/send/?.target=bcf_riyanto\"> 
	  		<img src=\"http://opi.yahoo.com/yahooonline/u=abu_mushab78/m=g/t=2/l=us/opi.jpg\" border=\"1\" />
	  		</a>
	  		<a href=\"http://messenger.yahoo.com/edit/send/?.target=bcf_riyanto\"> </a>
	  		</p>
	  		</center>
	  		<div class=\"clear\"></div>
  		</div>
  
		<div id=\"randomproduct\">
			<div class=\"clear\"></div>
		</div>";

/******************
 * HTML Viewer 
 ******************/
$bodi = new view();
$bodi->body("home","xajax_randomproduct()");
$bodi->menu(menu());
$bodi->content($content);
$bodi->menu_footer(menu_footer());
$bodi->footer(footer());

echo $bodi->tampilkan();
?>
</html></pre>

corat-coret03

<html>
<head>
<meta http-equiv="refresh" content="7"
	url="<?php $_SERVER['PHP_SELF'];?>" />
</head>
<body>
<h1>SMS server running ...</h1>

<?php
include('database.func.php');
mysql_connect("localhost","root","");
mysql_select_db("sds");

$query = "SELECT * FROM inbox where processed = 'false'";
$hasil = mysql_query($query);

while($data = mysql_fetch_array($hasil)){
	$id = $data['ID'];
	$noPengirim = $data['SenderNumber'];
	$msg = strtoupper($data['TextDecoded']);
	$pecah = explode(" ",$msg);

	if($pecah[0] == "REG"){
		$nama = "$pecah[1] $pecah[2]";

		$cekNo = mysql_query("SELECT Number,Name from pbk where Number = '$noPengirim'");

		if(mysql_num_rows($cekNo) == 0){
			$query = "INSERT INTO pbk (GroupID, Name, Number) values (1,'$nama','$noPengirim');";
			$ok = mysql_query($query);
			//echo "query pendaftaran: $ok";
			$reply = "Terima kasih $nama, Nomer anda telah terdaftar. Ketik INFO utk Informasi Markaz. Ketik JADWAL utk Informasi Kajian.";
		}else{
			while($resCekNo = mysql_fetch_array($cekNo)){
				$replayganda = "No anda telah terdaftar dengan nama: ";
				if(mysql_num_rows($cekNo) == 1){
					$reply = $resCekNo['Name'];
				} else {
					$reply .= $resCekNo['Name']." dan ";
				}
			}
			$reply = $replayganda.$reply;
		}
	} elseif($pecah[0] == "INFO") {
		if($pecah[1] == "MARKAZ"){
			$infomarkaz = query("select name, kode from markaz");
			while($resInfoMarkaz = mysql_fetch_object($infomarkaz)){
				$reply .= "$resInfoMarkaz->name kode: $resInfoMarkaz->kode.\n";
			}
		}elseif($pecah[1] == "ALAMAT"){
			if($pecah[2] == ""){
				$alamatmarkaz = query("select name,alamat from markaz");
				$reply = "Daftar Alamat semua markaz Surabaya. ";
				while($resAlamatMarkaz = mysql_fetch_array($alamatmarkaz)){
					$reply .= "Alamat $resAlamatMarkaz->name: $resAlamatMarkaz->alamat.";
				}
			}else{
				$alamatmarkaz = find("select alamat,name from markaz where kode = $pecah[2]");
				$reply = "Alamat $alamatmarkaz->name: $alamatmarkaz->alamat.";
			}
		}elseif($pecah[1] == "TELPON"){
			if($pecah[2] == ""){
				$telponmarkaz = query("select name, telpon from markaz");
				$reply = "Daftar No. Telpon semua markaz Surabaya. ";
				while($resTelponMarkaz = mysql_fetch_array($telponmarkaz)){
					$reply .= "No Telpon $resTelponMarkaz->name: $resTelponMarkaz->alamat.";
				}
			}else{
				$TelponMarkaz = find("select telpon,name from markaz where kode = $pecah[2]");
				$reply = "No Telpon $TelponMarkaz->name: $TelponMarkaz->telpon.";
			}
		}else{
			$reply = "Info [nocode]: INFO MARKAZ. Alamat lengkap Markaz: INFO ALAMAT [nocode]. No Telpon Markaz: INFO TELPON [nocode].";
		}
	} else if($pecah[0] == "JADWAL"){
		if($pecah[1] == "RUTIN"){
			if($pecah[2] == ""){
				$reply = "Tidak ditemukan [nocode]. Ketik INFO MARKAZ untuk mengetahuinya.";
			}else{
				if(find("select name from markaz where kode = $pecah[2]") == null){
					$reply = "[nocode] tidak ada dalam BUKU kami. Ketik INFO MARKAZ untuk mengetahuinya.";
				}else{
					$listJadwal = query("select name, hari, mingguke, kitab, ustadz, waktu from jadwal jd
								join markaz mk on mk.kode = jd.kode where mk.kode = $pecah[2]");
					$countRow = mysql_num_rows($listJadwal);
					while($resListJadwal = mysql_fetch_object($listJadwal)){

						if($resListJadwal->mingguke == 'semua') $mingguke = '';
						else $mingguke = $resListJadwal->mingguke;
						$reply .= "$resListJadwal->name,hari:$resListJadwal->hari $mingguke waktu:$resListJadwal->waktu,kitab: $resListJadwal->kitab,Al Ustadz $resListJadwal->ustadz";
					}
				}
			}
		}elseif($pecah[1] == "DAUROH"){
			if(!is_null($pecah[2])){
				$cekkode = findValue("select kode from markaz where kode = $pecah[2]");
				if($cekkode == "") $reply = "Untuk mengetahui [nocode], ketik INFO MARKAZ.";
				else {
					$infoDaurohMarkaz = query("select tanggal,waktu,tempat,tema,kitab,ustadz,asal_ustadz from dauroh
							where tanggal > now() && kode = $pecah[2]");
					$no=0;
					while($resInfoDaurohMarkaz = mysql_fetch_object($infoDaurohMarkaz)){
						$no++;
						$tanggal = date("d-m-Y",strtotime($resInfoDaurohMarkaz->tanggal));
						$reply .= "$no) Tanggal: $tanggal, Waktu: $resInfoDaurohMarkaz->waktu, Tempat: $resInfoDaurohMarkaz->tempat, Tema: $resInfoDaurohMarkaz->tema, Kitab: $resInfoDaurohMarkaz->kitab, Ustadz: $resInfoDaurohMarkaz->ustadz, $resInfoDaurohMarkaz->asal_ustadz.";
					}
				}
			}else{
				$infoDaurohMarkaz = query("select tanggal,waktu,tempat,tema,kitab,ustadz,asal_ustadz from dauroh
							where tanggal > now()");
				$no=0;
				while($resInfoDaurohMarkaz = mysql_fetch_object($infoDaurohMarkaz)){
					$no++;
					$tanggal = date("d-m-Y",strtotime($resInfoDaurohMarkaz->tanggal));
					$reply .= "$no) Tanggal: $tanggal, Waktu: $resInfoDaurohMarkaz->waktu, Tempat: $resInfoDaurohMarkaz->tempat, Tema: $resInfoDaurohMarkaz->tema, Kitab: $resInfoDaurohMarkaz->kitab, Ustadz: $resInfoDaurohMarkaz->ustadz, $resInfoDaurohMarkaz->asal_ustadz.";
				}
			}
		}else{
			$reply = "Ketik JADWAL RUTIN [nocode] untuk Kajian Rutin. Ketik JADWAL DAUROH [nocode] untuk Kajian Dauroh. Ketik INFO MARKAZ untuk [nocode].";
		}
	} else {
		$cekNo = mysql_query("SELECT Number,Name from pbk where Number = '$noPengirim'");
		$reply = "Perintah-perintah SMS Dakwah Surabaya. INFO MARKAZ untuk Informasi [nocode] Markaz. JADWAL RUTIN atau JADWAL DAUROH untuk Informasi Jadwal kajian/dauroh. REG 'nama' untuk pendaftaran.";
	}

	$jumlahSMS = ceil(strlen($reply)/153);
	$bagiSMS = str_split($reply, 153);
	$query = "SHOW TABLE STATUS LIKE 'outbox'";
	$hasil = mysql_query($query);
	$data  = mysql_fetch_array($hasil);
	$newID = $data['Auto_increment'];

	for($i=1; $i<=$jumlahSMS; $i++){
		$udh = "050003A7".sprintf("%02s", $jumlahSMS).sprintf("%02s", $i);
		$msg = $bagiSMS[$i-1];
		if($i == 1){
			$query = "INSERT INTO outbox (DestinationNumber, UDH, TextDecoded, ID, MultiPart)
                VALUES ('$noPengirim', '$udh', '$msg', '$newID', 'true')";

		}else{
			$query = "INSERT INTO outbox_multipart(UDH, TextDecoded, ID, SequencePosition)
                VALUES ('$udh', '$msg', '$newID', '$i')";
		}
		echo "query: $msg";
		$end = mysql_query($query);
	}

	$query = "update inbox set Processed = 'true' where ID = '$id'";
	$end = mysql_query($query);
}
?>

</body>
</html>

 

</pre>
<?php
include('database.func.php');

mysql_connect("localhost","root","");
mysql_select_db("sds");

$reply = "Bismillah, Hari ini Tausyiah Ust. Syafruddin di Masjid Darul Arqom, waktu: ba'da Maghrib. Insya Allah.";

//$noPengirim = find("SELECT Number,Name from pbk where Number = '+6285731785962'");
$query1 = mysql_query("SELECT Number,Name from pbk");
//$hasil = mysql_query($query);
$log = "";

while($noPengirim = mysql_fetch_object($query1)){

$jumlahSMS = ceil(strlen($reply)/152);
$bagiSMS = str_split($reply, 152);
$query = "SHOW TABLE STATUS LIKE 'outbox'";
$hasil = mysql_query($query);
$data = mysql_fetch_array($hasil);
$newID = $data['Auto_increment'];

for($i=1; $i<=$jumlahSMS; $i++){
$udh = "050003A7".sprintf("%02s", $jumlahSMS).sprintf("%02s", $i);
$msg = $bagiSMS[$i-1];
$msg = mysql_real_escape_string($msg);
if($i == 1){
$query = "INSERT INTO outbox (DestinationNumber, UDH, TextDecoded, ID, MultiPart)
VALUES ('$noPengirim->Number', '$udh', '$msg', '$newID', 'true')";

}else{
$query = "INSERT INTO outbox_multipart(UDH, TextDecoded, ID, SequencePosition)
VALUES ('$udh', '$msg', '$newID', '$i')";
}
$log .= "query: $msg <br/> $query <br/>";
$end = mysql_query($query);
}
}
echo $log;
?>

<span class="Apple-style-span" style="font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px; white-space: pre;">

Instalasi 2 atau lebih firefox di Sistem Operasi Linux

Setelah membaca berita di halaman depan temanmacet.com mengenai isi podcast terbaru yaitu mengenai webGL. Pada catatan podcast tersebut tertulis:

  Notes
    Browser yang sudah mendukung WebGL: Chrome 10 dan Firefox 4.

Hmmm, sedangkan versi firefox yang terinstall di linux kami adalah versi3.6. Dan mengenai firefox versi 4, kami pernah mendapati addon firebug rekan kami (pengguna windows) yang menggunakan firefox4 tidak berjalan dengan sempurna. Firebug console tidak menampilkan proses javascript yang sedang berjalan.

Dari informasi di www.temanmacet.com membuat kami ingin mencoba teknologi webGL, namun sayang terkendala dengan versi firefoxnya. Kami tidak ingin membuang firefox 3.6 karena alasan pekerjaan kami sebagai web developer, firefox 3.6 beberapa addon firefox sudah teruji dan yang terpenting beberapa addon tersebut telah memudahkan pekerjaan kami dalam membangun atau mengembangkan aplikasi berbasis web. Namun ada  alternatif kedua yaitu menginstall dua versi firefox dalam mesin yang sama. Tetapi bagaimanakah cara melakukannya di linux ???.

Setelah melakukan pencarian di google.com, kami menemukan beberapa artikel yang membahas instalasi multiple versi di firefox. Kami akan jelaskan secara ringkas sebagai berikut:

.> Download firefox terbaru (saat tulisan ini, versi 4), http://www.mozilla.com/products/download.html?product=firefox-4.0.1&os=linux&lang=en-US

.> Extract file tar.gz di /opt, dan rename folder hasil extract dengan nama folder firefox4.

.> Buat Profile untuk masing-masing versi firefox (3.6 dan 4) dengan cara ketik di console ‘firefox -profilemanager‘, saat mengeksekusi perintah tersebut harus tidak ada firefox yang berjalan atau dijalankan. Karena jika terdapat firefox yang masih berjalan jendela Profile Manager tidak akan terbuka. Setelah jendela Profile Manager terbuka, rename profile ‘default’ menjadi nama profile untuk firefox3.6 misalkan “firefox3.6”, kemudian tambahkan satu lagi profile baru, dengan cara tekan tombol Add, beri nama untuk profile firefox versi 4 misalkan “firefox4”.

.> Coba jalankan melalui shell/terminal/CLI masing-masing versi firefox dengan menggunakan profile yang telah dibuat. Caranya:

/opt/firefox4/firefox -no-remote -P “firefox4”  –> perintah untuk menjalankan firefox versi 4.

/usr/bin/firefox -no-remote -P “firefox3.6” –> perintah  untuk menjalankan firefox versi 3.6 atau firefox bawaan sistem operasi.

.> Jika semua perintah tersebut bisa dijalankan, maka tinggal di-paste di launcher Application.

Alhamdulillahi Robbil ‘Alamin.

Wallahu ta’ala ‘alam bishshowwab.