Skip to content

Instantly share code, notes, and snippets.

@amin007

amin007/contoh_dropmenu_papar_hilang.php

Created July 1, 2018 16:33
Show Gist options
  • Save amin007/6f8ad42e0d273a813a4e2ab0fb591c5a to your computer and use it in GitHub Desktop.
Save amin007/6f8ad42e0d273a813a4e2ab0fb591c5a to your computer and use it in GitHub Desktop.
Download ZIP
contoh jika klik dropmenu, akan papar textbopx yang berkenaan sahaja
Raw
contoh_dropmenu_papar_hilang.php
<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style1.css" />
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
<style>
/* NOTE: The styles were added inline because Prefixfree needs access to your styles
and they must be inlined if they are on local disk! */
#ic,#yuran,#sijil,#suntikan
#passport { display: none; }
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body>
<?php
//include ("header.php");
?>
<div class="agileinfo-top-heading">
<h2>BOOKING DETAILS</h2>
</div>
<!-- //banner -->
<!-- icons -->
<div class="agileinfo-top-heading"></div>
<!-- //banner -->
<!-- gallery -->
<div align="center">
<table><tr>
<td>
<table><tr>
<td valign="top">
<form id="borang_pengesahan_pembayaran" name="borang_pengesahan_pembayaran"
method="post" class="borang" style="padding-top:20px">
<fieldset>
<table border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="23"><img src="images/kotak_01_01.png" width="23" height="21" alt="" /></td>
<td background="images/kotak_01_02.png">&nbsp;</td>
<td width="31" height="21"><img src="images/kotak_01_03.png" width="31" height="21" alt="" /></td>
</tr>
<tr>
<td background="images/kotak_01_04.png">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF">
<table width="750" border="0" align="center" cellpadding="3" cellspacing="1">
<tr>
<center><br>
<div class="sub-tajuk-kuning2"><strong>INFORMATION DETAILS</strong></div></td>
</center>
</tr>
<tr><center>
<td width="270">Product :</td>
<td width="480" align="left">
<span id="spryselect1">
<select id="test" name="product" class="input">
<option value="" selected="selected">--- please select ---</option>
<option value="MY">Food & Drink</option>
<option value="JP">Flower</option>
<option value="JP">Clothes</option>
<option value="JP">Cosmetic</option>
</select>
</span>
</td>
</center>
</tr>
<tr>
<div id="ic" style="display:none;">
<center><td width="270">SSM :</td>
<td width="480" align="left">
<span id="sprytextfield2">
<input name="ssm" type="text" class="input" id="ssm" value="" size="30"/>
</span>
</td>
</center>
</div>
</tr>
<tr>
<div id="passport" style="display:none;">
<center><td width="270">Lesen Berniaga :</td>
<td width="480" align="left">
<span id="sprytextfield2">
<input name="ssm" type="text" class="input" id="ssm" value="" size="30"/>
</span>
</td>
</center>
</div>
</tr>
<tr>
<div id="yuran" style="display:none;">
<center><td width="270">Yuran Proses :</td>
<td width="480" align="left">
<span id="sprytextfield2">
<input name="ssm" type="text" class="input" id="ssm" value="" size="30"/>
</span>
</td>
</center>
</div>
</tr>
<tr>
<div id="sijil" style="display:none;">
<center><td width="270">Sijil Pengendalian Makanan :</td>
<td width="480" align="left">
<span id="sprytextfield2">
<input name="ssm" type="text" class="input" id="ssm" value="" size="30"/>
</span>
</td>
</center>
</div>
</tr>
<tr>
<div id="suntikan" style="display:none;">
<center><td width="270">Suntikan Thypoid :</td>
<td width="480" align="left">
<span id="sprytextfield2">
<input name="ssm" type="text" class="input" id="ssm" value="" size="30"/>
</span>
</td>
</center>
</div>
</tr>
</table>
<td background="images/kotak_01_05.png">&nbsp;</td>
</tr>
<tr>
<td><img src="images/kotak_01_06.png" width="23" height="33" alt="" /></td>
<td background="images/kotak_01_07.png">&nbsp;</td>
<td height="33"><img src="images/kotak_01_08.png" width="31" height="33" alt="" /></td>
</tr>
</table>
</fieldset>
</form>
</td>
</tr></table>
</td>
</tr></table>
</div>
<!--<div id="passport" style="display:none;">
passport
</div>-->
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="js/index.js"></script>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["change"]});
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "none", {isRequired:false})
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "email", {validateOn:["change"]});
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "integer", {validateOn:["change"], isRequired:false, minChars:10, maxChars:11});
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5", "none", {isRequired:false});
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6", "none", {isRequired:false});
var sprytextfield7 = new Spry.Widget.ValidationTextField("sprytextfield7", "none", {isRequired:false});
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", {isRequired:false});
var sprytextfield8 = new Spry.Widget.ValidationTextField("sprytextfield8", "integer", {isRequired:false, minChars:5, maxChars:5, validateOn:["change"]});
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1", {validateOn:["change"]});
</script>
<!-- //icons -->
<!-- footer -->
<?php
//include ("footer.php");
?>
<!-- //footer -->
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!-- //here ends scrolling icon -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment