Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank Fetch name, logos and related trademarks and

Size: px
Start display at page:

Download "Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank Fetch name, logos and related trademarks and"

Transcription

1 Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16 <html> <body> <p> This form submits a single amount to Fetch and then returns/displays the results based on your dispay choice from the Fetch console. It also uses the MNS service on the notification_url. Replace yourshop.co.nz with your website address. </p> <!-- replace yourshop.co.nz with your shop URL --> <form action=" method="post"> cmd: <input type="text" name="cmd" value="_xclick"/> account_id: <input type="text" name="account_id" value="11149"/> return_url: <input type="text" name="return_url" value=" notification_url: <!-- please note, not https in this example below --> <input type="text" name="notification_url" value=" header_image: <input type="text" name="header_image" value=" header_bottom_border: <input type="text" name="header_bottom_border" value="22ffdd"/> header_background_colour: <input type="text" name="header_background_colour" value="22ffdd"/> store_card: <input type="text" name="store_card" value="1"/> csc_required: <input type="text" name="csc_required" value="1"/> display_customer_ <input type="text" name="display_customer_ " value="1"/> amount1: <input type="text" name="amount" value="10.00"/> item_name1: <input type="text" name="item_name" value="a widget"/> reference1: <input type="text" name="reference" value="reference: 59"/> particular1: <input type="text" name="particular" value="particulars: 123"/> custom_data1: <input type="text" name="custom_data" value="custom data here"/> <input type="submit" value="submit" /> </form> </body> </html> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

17

18

19

20

21

22 html> <body> <p> This submits 2 line items (name, code, price, qty) to the Fetch cart and then processes the transaction on that basis. It uses the return_url to provide the response to the webstite. It uses the notification_url for the MNS service. Replace yourshop.co.nz with your own URL. </p> <form action=" method="post"> cmd: <input type="text" name="cmd" value="_xcart"/> account_id: <input type="text" name="account_id" value="11149"/> return_url: <input type="text" name="return_url" value=" notification_url: <!-- please note, not https in this example below --> <input type="text" name="notification_url" value=" customer_info_required: <input type="text" name="customer_info_required" value="1" /> store_card: <input type="text" name="store_card" value="0"/> csc_required: <input type="text" name="csc_required" value="1"/> display_customer_ <input type="text" name="display_customer_ " value="1"/> header_image: <input type="text" name="header_image" value=" header_bottom_border: <input type="text" name="header_bottom_border" value="22ffdd"/> header_background_colour: <input type="text" name="header_background_colour" value="22ffdd"/> item_name1: <input type="text" name="item_name1" value="widget"/> item_code1: <input type="text" name="item_code1" value="foobar"/> item_price1: <input type="text" name="item_price1" value="2.00"/> item_qty1: <input type="text" name="item_qty1" value="3"/> item_name2: <input type="text" name="item_name2" value="gidwet"/> item_code2: <input type="text" name="item_code2" value="baz"/> item_price2: <input type="text" name="item_price2" value="1.00"/> item_qty2: <input type="text" name="item_qty2" value="2"/> custom_data: Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

23 <input type="text" name="custom_data" value="this is some custom data"/> <input type="submit" value="submit" /> </form> </body> </html> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

24

25 <?php $file = "mns_log.txt"; date_default_timezone_set("pacific/auckland"); $time = date("y-m-d H:i:s"). " \n"; file_put_contents($file, $time, FILE_APPEND); file_put_contents($file, "The contents of the MNS POST are below: \n", FILE_APPEND); foreach ($_POST as $key => $val) $log_line = $key. " = ". $val. "\n"; file_put_contents($file, $log_line, FILE_APPEND); $ch = curl_init(); $enc_url = str_replace('+', '%20', http_build_query($_post)); // spaces to be encoded as %20 $enc_url = $enc_url. "&cmd=_xverify-transaction"; curl_setopt($ch, CURLOPT_URL, " curl_setopt($ch, CURLOPT_POST, 1); curl_setopt($ch, CURLOPT_POSTFIELDS, $enc_url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); $server_output = curl_exec($ch); curl_close($ch); Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

26 file_put_contents($file, "The encoded URL posted to the MNS Handler: ". $enc_url. "\n", FILE_APPEND); if ($server_output == "VERIFIED") file_put_contents($file, "\n MNS response VERIFIED \n", FILE_APPEND); else file_put_contents($file, "\n MNS response REJECTED \n", FILE_APPEND); file_put_contents($file, " Transaction complete \n", FILE_APPEND);?> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

27

28 header image: <input type="text" name="header_image" value=" header bottom border: <input type="text" name="header_bottom_border" value ="22FFDD"/> header background colour: <input type="text" name="header_background_colour" value="22ffdd"/> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

29

30

31 W2P073 W2P074 W2P075 Mobile Request already has been processed Xero integration disconnected by the merchant Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

32 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" > <head> <title></title> </head> <body> <div id="maincontainer"> <div id="headercontainer"> <div id="header"> <h1> </h1> <div id="bodycontainer"> <div id="shoppinginfobodyheader"> <h2><span>payment Details</span></h2> <div id="shoppinginfoouter"> <div id="shoppinginfodivtop"><span> </span> <div id="shoppinginfodivmain"> <div id="shoppinginfocontentheader"> <h4><span>payment Information</span></h4> <div id="shoppinginfocontentmain"> <div class="divchildone"> <span class="spanlabel1">merchant:</span> <span class="spandata1">[merchant Name]</span> <div class="divchildtwo"> <span class="spanlabel2">item:</span> <span class="spandata2">[item to Pay For]</span> <div class="divchildthree"> <span class="spanlabel3">amount:</span> <span class="spandata3">[amount]</span> <div class="divchildfour"> <span class="spanlabel4">reference:</span> <span class="spandata4">[reference]</span> <div id="shoppinginfodivbtm"><span> </span> <div id="creditcardinfoouter"> <div id="creditcardinfodivtop"><span> </span> <div id="creditcardinfodivmain"> <div id="creditcardinfocontentheader"> <h4><span>credit Card Information</span></h4> <div id="creditcardinfocontentmain"> <div class="divchildone"> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

33 <span class="spanlabel1">card Type:</span> <span class="spandata1"> <span class="spancardtypecontainer"> <select> <option value="mc">mastercard</option> <option value="visa">visa</option> </select> </span><em>*</em> <span class="spanerrormessage1">error message</span> </span> <div class="divchildtwo"> <span class="spanlabel2">card No.:<span><sup>1</sup></span></span> <span class="spandata2"> <span class="spancardnocontainer"><input type="text" /> </span><em>*</em> <span class="spanerrormessage2">error message</span> </span> <div class="divchildthree"> <span class="spanlabel3">card Security Code:<span><sup>2</sup></span></span> <span class="spandata3"> <span class="spancardcsccontainer"><input type="text" /> </span><em>*</em> <span class="spanerrormessage3">error message</span> <a href="#" class="lnkcsc">what is a Card Security Code?</a> </span> <div class="divchildfour"> <span class="spanlabel4">card Expiry:</span> <span class="spandata4"> <span class="spancardmonthcontainer"> <select> <option value="1">01</option> <option value="2">02</option> <option value="3">03</option> <option value="4">04</option> <option value="5">05</option> <option value="6">06</option> <option value="7">07</option> <option value="8">08</option> <option value="9">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> </select> </span> <span class="spancardmonthyrdivider">/</span> <span class="spancardyearcontainer"> <select> <option value="9">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> </select> </span><em>*</em> <span class="spanerrormessage4">error message</span> </span> <div class="divchildfive"> <span class="spanlabel5">card Name:</span> <span class="spandata5"> <span class="spancardnamecontainer"><input type="text" /> </span><em>*</em> <span class="spanerrormessage5">error message</span> </span> <div class="divchildsix"> <span class="spanlabel6">store Card:</span> <span class="spandata6"> <span class="spancardstorecontainer"><input type="checkbox" /> </span> </span> <div id="creditcardnote"> <span><em>*</em> Required</span><br /> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

34 <span><b>1</b></span> <span>the card number should be entered with <strong>no</strong> spaces or hyphens e.g </span><br /> <span><b>2</b></span> <span>the card security code is a 3 or 4 digit number located on the back of your card ( Except Diners ).</span> <div id="creditcardinfodivbtm"><span> </span> <div id=" receiptouter"> <div id=" receiptdivtop"><span> </span> <div id=" receiptdivmain"> <div id=" receiptcontentheader"> <span class="spanheader">if you would like to receive a receipt for this payment by , please enter your address below.</span> <div id=" receiptcontentmain"> <span class="spanlabel1"> Address:</span> <span class="spandata1"> <span class="spanreceipt container"><input type="text" /> </span> <span class="spanerrormessage1">error message here</span> </span> <div id=" receiptdivbtm"> <div id="submitbuttonouter"> <div id="submitbutton"> <span><input type="button" value="submit" /></span><br /> </body> </html> <!-- you can use these extra divs for pictures, other data you would like to put on the page then just specify the absolute position if you decide to use it. --> <div id="extradivone"><div id="extradivtwo"><div id="extradivthree"> <div id="extradivfour"><div id="extradivfive"><div id="extradivsix"> <div id="extradivseven"><div id="extradiveight"><div id="extradivnine"> <div id="footercontainer"> <p> </p> <div id="f2cnote"> <p>securely hosted by Fetch<sup>TM</sup></p> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

35 body font-size: 10px; font-family: Verdana, Arial, Sans-Serif; background-color: #6e0b0b; #maincontainer width: 832px; margin: 0px auto 0px auto; background-color: #f9f8f8; #headercontainer width: 100%; clear: both; display: block; padding: 0px; min-height: 70px; height: 100px; background-color: #000000; background-image: url(banner.gif); background-repeat: no-repeat; background-position: top; #header h1 display: none; #bodycontainer min-height: 680px; width: 832px; background: url(displaypic.gif) no-repeat bottom; border: solid 1px #6e0b0b; border-top-color: #ffffff; border-bottom-color: #000000;.spanErrorMsg color: #000000; margin-top: 5px; #shoppinginfobodyheader, #shoppinginfodivmain, #creditcardinfodivmain, # receiptdivmain, #submitbutton width: 600px; margin-left: 115px; margin-top: 0px; border: none; #shoppinginfobodyheader background: url(paydetails.gif) no-repeat top left; min-height: 30px; #shoppinginfocontentheader, #creditcardinfocontentheader min-height: 25px; margin-top: 0px; #shoppinginfocontentheader background: url(payinfo.gif) no-repeat top left; #creditcardinfocontentheader background: url(ccinfo.gif) no-repeat top left; #shoppinginfocontentmain, #creditcardinfocontentmain, # receiptcontentmain, # receiptcontentheader border: solid 1px #904747; Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

36 min-height: 80px; #creditcardinfocontentmain border-bottom: none; # receiptcontentheader min-height: 15px; padding: 15px 0 0 5px; border-top: none; border-bottom: none; # receiptcontentmain min-height: 30px; border-top: none; #shoppinginfocontentmain.divchildone, #creditcardinfocontentmain.divchildone margin-top: 8px;.spanLabel1,.spanLabel2,.spanLabel3,.spanLabel4,.spanLabel5,.spanLabel6 float: left; width: 130px; display: block; margin-bottom: 5px; padding-left: 5px; color: #534f4f; font-weight: bold; font-size: 10px;.spanData1,.spanData2,.spanData3,.spanData4,.spanData5,.spanData6 float: left; width: 460px; display: inline-block; margin-bottom: 5px; font-size: 10px; input[type="text"], select font-size: 10px; color: #534f4f; padding-left: 3px; #creditcardnote margin-left: 5px; #submitbutton text-align: right; padding-top: 5px; #submitbutton input[type="button"] width: 70px; height: 25px; text-align:center; vertical-align: middle; background: url(btnsubmitbg.gif) no-repeat top right; border: solid 1px #904747; font-size: 11px; font-weight: bold; color: #ffffff; cursor: pointer; a, a:visited color: #000000; text-decoration: none; font-weight: bold; Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

37 a:hover text-decoration: underline; em, span sup, span b,.spanerrormessage1,.spanerrormessage2,.spanerrormessage3,.spanerrormessage4,.spanerrormessage5 color: #6e0b0b; #shoppinginfobodyheader h2 span, #shoppinginfocontentheader h4 span, #creditcardinfocontentheader h4 span, #shoppinginfodivtop, #shoppinginfodivbtm, #creditcardinfodivtop, #creditcardinfodivbtm, # receiptdivtop, # receiptdivbtm, #footercontainer, #f2cnote display: none; Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

38

39 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" > <head> <title></title> </head> <body> <div id="maincontainer"> <div id="headercontainer"> <div id="header"> <h1> </h1> <div id="bodycontainer"> <div id="shopcartbodyheader"> <h2><span>shopping Cart Payment Details</span></h2> <div id="shopcartinfoouter"> <div id="shopcartinfodivtop"><span> </span> <div id="shopcartinfodivmain"> <div id="shopcartinfocontentheader"> <h4><span>shopping Information</span></h4> <div id="shopcartinfocontentmain"> <div class="divchildone"> <span class="spanlabel1">merchant:</span> <span class="spandata1">[merchant Name]</span> <div class="divchildtwo"> <span class="spanlabel2">reference:</span> <span class="spandata2">[reference]</span> <div class="divchildthree"> <span class="spanlabel3">particular:</span> <span class="spandata3">[particular]</span> <div class="divchildfour"> <table> <tr> <td> Shopping Cart data here.. </td> </tr> <tr> <td style="text-align: right;"><span>total Amount for this transaction: [Total Amount]</span></td> </tr> </table> <div id="shopcartinfodivbtm"><span> </span> <div id="customerinfoerrorouter"> <div class="customerinfoerror"> <span class="spanerrormessage">customer Information Error Message here</span> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

40 <div id="customerinfoouter"> <div id="customerinfodivtop"><span> </span> <div id="customerinfodivmain"> <div id="customerinfocontentheader"> <h4><span>customer Information</span></h4> <div id="customerinfocontentmain"> <div id="customerinfosection1"> <div class="divchildone"> <span class="spanlabel1">first Name:</span> <span class="spandata1"> <span class="spanfirstnamecontainer"><input type="text" /> </span><em>*</em> </span> /> </span><em>*</em> /> </span><em>*</em> <div class="divchildtwo"> <span class="spanlabel2">last Name:</span> <span class="spandata2"> <span class="spanlastnamecontainer"><input type="text" </span> <div class="divchildthree"> <span class="spanlabel3"> </span> <span class="spandata3"> <span class="span container"><input type="text" </span> <div class="divchildfour"> <span class="spanlabel4">phone:</span> <span class="spandata4"> <span class="spanphonecontainer"><input type="text" /> </span> </span> <div id="customerinfosection2"> <div class="divchildfive"> <span class="spanlabel5">address:</span> <span class="spandata5"> <span class="spanaddress1container"><input type="text" /> </span> </span> <div class="divchildsix"> <span class="spanlabel6"> </span> <span class="spandata6"> <span class="spanaddress2container"><input type="text" /> </span> </span> <div class="divchildseven"> <span class="spanlabel7">city:</span> <span class="spandata7"> <span class="spancitycontainer"><input type="text" /> </span> </span> <div class="divchildeight"> <span class="spanlabel8">country:</span> <span class="spandata8"> <span class="spancountrycontainer"><select><option value="1">new Zealand</option></select> </span> </span> <div id="customerinfodivbtm"><span> </span> <div id="creditcardinfoouter"> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

41 <div id="creditcardinfodivtop"><span> </span> <div id="creditcardinfodivmain"> <div id="creditcardinfocontentheader"> <h4><span>credit Card Information</span></h4> <div id="creditcardinfocontentmain"> <div class="divchildone"> <span class="spanlabel1">card Type:</span> <span class="spandata1"> <span class="spancardtypecontainer"> <select> <option value="mc">mastercard</option> <option value="visa">visa</option> </select> </span><em>*</em> <span class="spanerrormessage1">error message</span> </span> <div class="divchildtwo"> <span class="spanlabel2">card No.:<span><sup>1</sup></span></span> <span class="spandata2"> <span class="spancardnocontainer"><input type="text" /> </span><em>*</em> <span class="spanerrormessage2">error message</span> </span> <div class="divchildthree"> <span class="spanlabel3">card Security Code:<span><sup>2</sup></span></span> <span class="spandata3"> <span class="spancardcsccontainer"><input type="text" /> </span><em>*</em> <span class="spanerrormessage3">error message</span> <a href="#" class="lnkcsc">what is a Card Security Code?</a> </span> <div class="divchildfour"> <span class="spanlabel4">card Expiry:</span> <span class="spandata4"> <span class="spancardmonthcontainer"> <select> <option value="1">01</option> <option value="2">02</option> <option value="3">03</option> <option value="4">04</option> <option value="5">05</option> <option value="6">06</option> <option value="7">07</option> <option value="8">08</option> <option value="9">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> </select> </span> <span class="spancardmonthyrdivider">/</span> <span class="spancardyearcontainer"> <select> <option value="9">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> </select> </span><em>*</em> <span class="spanerrormessage4">error message</span> </span> <div class="divchildfive"> <span class="spanlabel5">card Name:</span> <span class="spandata5"> <span class="spancardnamecontainer"><input type="text" /> </span><em>*</em> <span class="spanerrormessage5">error message</span> </span> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

42 <div class="divchildsix"> <span class="spanlabel6">store Card:</span> <span class="spandata6"> <span class="spancardstorecontainer"><input type="checkbox" /> </span> </span> <div id="creditcardnote"> <span><em>*</em> Required</span><br /> <span><b>1</b></span> <span>the card number should be entered with <strong>no</strong> spaces or hyphens e.g </span><br /> <span><b>2</b></span> <span>the card security code is a 3 or 4 digit number located on the back of your card ( Except Diners ).</span> <div id="creditcardinfodivbtm"><span> </span> <div id=" receiptouter"> <div id=" receiptdivtop"><span> </span> <div id=" receiptdivmain"> <div id=" receiptcontentheader"> <span class="spanheader">if you would like to receive a receipt for this payment by , please enter your address below.</span> <div id=" receiptcontentmain"> <span class="spanlabel1"> Address:</span> <span class="spandata1"> <span class="spanreceipt container"><input type="text" /> </span> <span class="spanerrormessage1">error message here</span> </span> <div id=" receiptdivbtm"> <div id="submitbuttonouter"> <div id="submitbutton"> <span><input type="button" value="submit" /></span><br /> </body> </html> <!-- you can use these extra divs for pictures, other data you would like to put on the page then just specify the absolute position if you decide to use it. --> <div id="extradivone"><div id="extradivtwo"><div id="extradivthree"> <div id="extradivfour"><div id="extradivfive"><div id="extradivsix"> <div id="extradivseven"><div id="extradiveight"><div id="extradivnine"> <div id="footercontainer"> <p> </p> <div id="f2cnote"> <p>securely hosted by Fetch<sup>TM</sup></p> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

43 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" > <head> <title></title> </head> <body> <div id="maincontainer"> <div id="headercontainer"> <div id="header"> <h1> </h1> <div id="bodycontainer"> <div id="processingbodyheader"> <h2><span>processing Payment</span></h2> <div id="divprocessingouter"> <div id="processingdivtop"><span> </span> <div id="divprocessingmain"> <span class="spanheader">please wait while your transaction is being processed.</span> <h3>processing... <img src="progressbar.gif" alternatetext="progress Bar" alt="" /></h3> <div class="divprocessingnote"> <p><b>please do not click the back button or navigate to another page while this is in progress.</b></p> </body> </html> <div id="processingdivbtm"><span> </span> <div id="footercontainer"> <p> </p> <div id="f2cnote"> <p>securely hosted by Fetch<sup>TM</sup></p> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

44 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" > <head> <title></title> </head> <body> <div id="maincontainer"> <div id="headercontainer"> <div id="header"> <h1> </h1> <div id="bodycontainer"> <div id="payresultbodyheader"> <h2><span>payment Result</span></h2> <div class="errorinpayment"> <h4><span>an error has occured!</span></h4> <div class="divchildone"> <span class="spanlabel1">error Message:</span> <span class="spandata1">[error Message]</span> <div id="payresultcuinfoouter"> <div id="payresultcuinfodivtop"><span> </span> <div id="payresultcuinfodivmain"> <div id="payresultcuinfocontentheader"> <h4><span>customer Information</span></h4> <div id="payresultcuinfocontentmain"> <div id="payresultcuinfosection1"> <div class="divchildone"> <span class="spanlabel1">first Name:</span> <span class="spandata1">[first Name]</span> <div class="divchildtwo"> <span class="spanlabel2">last Name:</span> <span class="spandata2">[last Name]</span> <div class="divchildthree"> <span class="spanlabel3"> </span> <span class="spandata3">[ Address]</span> <div class="divchildfour"> <span class="spanlabel4">phone:</span> <span class="spandata4">[phone Number]</span> <div id="payresultcuinfosection2"> <div class="divchildfive"> <span class="spanlabel5">address:</span> <span class="spandata5">[address Line One]</span> <div class="divchildsix"> <span class="spanlabel6"> </span> <span class="spandata6">[address Line Two]</span> <div class="divchildseven"> <span class="spanlabel7">city:</span> <span class="spandata7">[city]</span> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

45 <div class="divchildeight"> <span class="spanlabel8">country:</span> <span class="spandata8">[country]</span> <div id="payresultcuinfodivbtm"><span> </span> <div id="payresultouter"> <div id="payresultdivtop"><span> </span> <div id="payresultdivmain"> <div id="payresultcontentheader"> <h4><span>payment Result Details</span></h4> <div id="payresultcontentmain"> <div class="divchildone"> <span class="spanlabel1">payment Status:</span> <span class="spandata1">[transaction_number]</span> <div class="divchildtwo"> <span class="spanlabel2">transaction No.:</span> <span class="spandata2">[receipt_number]</span> <div class="divchildthree"> <span class="spanlabel3">receipt No.:</span> <span class="spandata3">[transaction_status]</span> <div class="divchildfour"> <span class="spanlabel4">reference:</span> <span class="spandata4">[reference]</span> <div class="divchildfive"> <span class="spanlabel5">particular:</span> <span class="spandata5">[particular]</span> <div class="divchildsix"> <span class="spanlabel6">amount</span> <span class="spandata6">[amount]</span> <div class="divchildseven"> <span class="spanlabel7">optional </span> <span class="spandata7">[ Address]</span> <div id="payresultdivbtm"><span> </span> <div id="returntomerchantouter"> <div id="returntomerchantbutton"> <span><a href="#">return to Merchant</a></span><br /> page <!-- you can use these extra divs for pictures, other data you would like to put on the then just specify the absolute position if you decide to use it. --> <div id="extradivone"><div id="extradivtwo"><div id="extradivthree"> <div id="extradivfour"><div id="extradivfive"><div id="extradivsix"> <div id="extradivseven"><div id="extradiveight"><div id="extradivnine"> <div id="footercontainer"> <p> </p> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

46 </body> </html> <div id="f2cnote"> <p>securely hosted by Fetch<sup>TM</sup></p> <html> <body> <?php // Log details to a file $file = "return_url_log.txt"; date_default_timezone_set("pacific/auckland"); $time = date("y-m-d H:i:s"). " \n"; file_put_contents($file, $time, FILE_APPEND); file_put_contents($file, "The contents of the POST back to the return_url are below: \n", FILE_APPEND); foreach ($_POST as $key => $val) $log_line = $key. " = ". $val. "\n"; file_put_contents($file, $log_line, FILE_APPEND); echo $log_line. ""; file_put_contents($file, " End of return_url POST ", FILE_APPEND);?> </body> </html> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

47

48 <?php function CalculateMerchantVerifierForStandardPayment($accountId, $amount, $reference, $particular, $returnurl, $notificationurl, $customdata, $integrationsecrethashkey) $str = is_null( (string) $accountid)? "" : (string) $accountid; $str.= is_null((string) $amount)? "" : (string) $amount; $str.= is_null((string) $reference)? "" : (string) $reference; $str.= is_null((string) $particular)? "" : (string) $particular; $str.= is_null((string) $returnurl)? "" : (string) $returnurl; $str.= is_null((string) $notificationurl)? "" : (string) $notificationurl; $str.= is_null((string) $customdata)? "" : (string) $customdata; $str.= ""; $str.= is_null((string) $integrationsecrethashkey)? "" : (string) $integrationsecrethashkey; $utfstring = mb_convert_encoding($str,"utf-8"); echo(base64_encode(sha1($utfstring, true))); CalculateMerchantVerifierForStandardPayment(621386, 37.32, 'f69caa19-d11c- 4c41-b ', 'Order #13', ' ' '', '479888df-b d4-54df18acd12d');?> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

49

50 <?php function CalculateMerchantVerifierForShoppingCart($accountId, $itemprice1, $itemqty1, $itemprice2, $itemqty2, $displaycustomerinfo, $reference, $particular, $returnurl, $notificationurl, $customdata, $integrationsecrethashkey) $str = is_null( (string) $accountid)? "" : (string) $accountid; $str.= is_null((string) $itemprice1)? "" : (string) $itemprice1; $str.= is_null((string) $itemqty1)? "" : (string) $itemqty1; $str.= is_null((string) $itemprice2)? "" : (string) $itemprice2; $str.= is_null((string) $itemqty2)? "" : (string) $itemqty2; $str.= is_null((string) $displaycustomerinfo)? "" : (string) $displaycustomerinfo; $str.= is_null((string) $reference)? "" : (string) $reference; $str.= is_null((string) $particular)? "" : (string) $particular; $str.= is_null((string) $returnurl)? "" : (string) $returnurl; $str.= is_null((string) $notificationurl)? "" : (string) $notificationurl; $str.= is_null((string) $customdata)? "" : (string) $customdata; $str.= ""; $str.= is_null((string) $integrationsecrethashkey)? "" : (string) $integrationsecrethashkey; $utfstring = mb_convert_encoding($str,"utf-8"); echo(base64_encode(sha1($utfstring, true))); CalculateMerchantVerifierForShoppingCart(10000,2,3,32,5,1,"ref","par",'http ://localhost:7839/payment/result', ' null, '479888df-b d4-54df18acd12a');?> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

51

52 <?php function CalculateProviderHash($txn_id, $receipt_no, $txn_status, $account_id, $reference, $particular, $card_type, $amount, $response_code, $response_text, $customer_ , $authorisation_code, $error_message, $error_code, $custom_data, $card_token, $date, $checkout_id, $session_id, $blocked_reason, $integrationsecrethashkey) $str = is_null( (string) $txn_id)? "" : (string) $txn_id; $str.= is_null((string) $receipt_no)? "" : (string) $receipt_no; $str.= is_null((string) $txn_status)? "" : (string) $txn_status; $str.= is_null((string) $account_id)? "" : (string) $account_id; $str.= is_null((string) $reference)? "" : (string) $reference; $str.= is_null((string) $particular)? "" : (string) $particular; $str.= is_null((string) $card_type)? "" : (string) $card_type; $str.= is_null((string) $amount)? "" : (string) $amount; $str.= is_null((string) $response_code)? "" : (string) $response_code; $str.= is_null((string) $response_text)? "" : (string) $response_text; $str.= is_null((string) $customer_ )? "" : (string) $customer_ ; $str.= is_null((string) $authorisation_code)? "" : (string) $authorisation_code; $str.= is_null((string) $error_message)? "" : (string) $error_message; $str.= is_null((string) $error_code)? "" : (string) $error_code; $str.= is_null((string) $custom_data)? "" : (string) $custom_data; Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

53 $str.= is_null((string) $card_token)? "" : (string) $card_token; $str.= is_null((string) $date)? "" : (string) $date; $str.= is_null((string) $checkout_id)? "" : (string) $checkout_id; $str.= is_null((string) $session_id)? "" : (string) $session_id; $str.= is_null((string) $blocked_reason)? "" : (string) $blocked_reason; $str.= is_null((string) $integrationsecrethashkey)? "" : (string) $integrationsecrethashkey; $utfstring = mb_convert_encoding($str,"utf-8"); echo(base64_encode(sha1($utfstring, true))); CalculateProviderHash("PX1234", "123", "SUCCESSFUL", 10000, "ref", "par", "Visa", 78.88, "1", "SUCCESSFUL", "customer@ .com", null, null, null, null, null, "1 january :23:24", null, null, null, '479888df-b d4-54df18acd12d')?> Fetch terms and conditions apply. Fetch is only available for business banking purposes. The Kiwibank

Web Payments. Integration Guide Version /04/2016

Web Payments. Integration Guide Version /04/2016 Web Payments Integration Guide Version 1.2 21/04/2016 Table of Contents Introduction... 2 Getting Started... 2 Checking that Web Payments is enabled for your account... 2 How Web Payments works... 3 Integration

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

<style type="text/css"> <!-- body {font-family: Verdana, Arial, sans-serif} ***set font family for entire Web page***

<style type=text/css> <!-- body {font-family: Verdana, Arial, sans-serif} ***set font family for entire Web page*** Chapter 7 Using Advanced Cascading Style Sheets HTML is limited in its ability to define the appearance, or style, across one or mare Web pages. We use Cascading style sheets to accomplish this. Remember

More information

<tr><td>last Name </td><td><input type="text" name="shippingaddress-last-name"

<tr><td>last Name </td><td><input type=text name=shippingaddress-last-name // API Setup Parameters $gatewayurl = 'https://secure.payscout.com/api/v2/three-step'; $APIKey = '2F822Rw39fx762MaV7Yy86jXGTC7sCDy'; // If there is no POST data or a token-id, print the initial Customer

More information

1.2 * allow custom user list to be passed in * publish changes to a channel

1.2 * allow custom user list to be passed in * publish changes to a channel ToDoList /*** USAGE: ToDoList() Embed a TODO-list into a page. The TODO list allows users to cre Items that are due are highlighted in yellow, items passed due ar list can be added to any page. The information

More information

Lab 4 CSS CISC1600, Spring 2012

Lab 4 CSS CISC1600, Spring 2012 Lab 4 CSS CISC1600, Spring 2012 Part 1 Introduction 1.1 Cascading Style Sheets or CSS files provide a way to control the look and feel of your web page that is more convenient, more flexible and more comprehensive

More information

ToDoList. 1.2 * allow custom user list to be passed in * publish changes to a channel ***/

ToDoList. 1.2 * allow custom user list to be passed in * publish changes to a channel ***/ /*** USAGE: ToDoList() Embed a TODO-list into a page. The TODO list allows users to create new items, assign them to other users, and set deadlines. Items that are due are highlighted in yellow, items

More information

Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points)

Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points) CS-101 Fall 2008 Section 4 Practice Final v1.0m Name: Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points) XHTML/CSS Reference: Entities: Copyright

More information

Deccansoft Software Services

Deccansoft Software Services Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module

More information

CSS. https://developer.mozilla.org/en-us/docs/web/css

CSS. https://developer.mozilla.org/en-us/docs/web/css CSS https://developer.mozilla.org/en-us/docs/web/css http://www.w3schools.com/css/default.asp Cascading Style Sheets Specifying visual style and layout for an HTML document HTML elements inherit CSS properties

More information

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Instructions to use the laboratory computers (room B2): 1. If the computer is off, start it with Windows (all computers have a Linux-Windows

More information

Web Publishing Intermediate 2

Web Publishing Intermediate 2 Web Publishing Intermediate 2 Building a Three Column Site with divs and float Jeff Pankin Information Services and Technology Table of Contents Course Objectives... 2 The CIG Web Site... 3 Using the Div

More information

Santa Tracker. Release Notes Version 1.0

Santa Tracker. Release Notes Version 1.0 Santa Tracker Release Notes Version 1.0 App Parameters and Styling In your Caspio account, go to the App s Overview screen and on the right sidebar click on Manage in the App Parameters area. Edit any

More information

CSS Selectors. element selectors. .class selectors. #id selectors

CSS Selectors. element selectors. .class selectors. #id selectors CSS Selectors Patterns used to select elements to style. CSS selectors refer either to a class, an id, an HTML element, or some combination thereof, followed by a list of styling declarations. Selectors

More information

Welcome Please sit on alternating rows. powered by lucid & no.dots.nl/student

Welcome Please sit on alternating rows. powered by lucid & no.dots.nl/student Welcome Please sit on alternating rows powered by lucid & no.dots.nl/student HTML && CSS Workshop Day Day two, November January 276 powered by lucid & no.dots.nl/student About the Workshop Day two: CSS

More information

Creating HTML files using Notepad

Creating HTML files using Notepad Reference Materials 3.1 Creating HTML files using Notepad Inside notepad, select the file menu, and then Save As. This will allow you to set the file name, as well as the type of file. Next, select the

More information

Viostream Upload Widget

Viostream Upload Widget Viostream Upload Widget Version: 1.0 Date: 15 September, 2015 Viocorp 2015 Author Brendon Kellett Viocorp International Pty Ltd ABN: 43 100 186 838 110 Jones Bay Wharf, 26-32 Pirrama Road, Pyrmont NSW

More information

CSS: The Basics CISC 282 September 20, 2014

CSS: The Basics CISC 282 September 20, 2014 CSS: The Basics CISC 282 September 20, 2014 Style Sheets System for defining a document's style Used in many contexts Desktop publishing Markup languages Cascading Style Sheets (CSS) Style sheets for HTML

More information

Psychology Experiments on the Web Using PHP and MySQL

Psychology Experiments on the Web Using PHP and MySQL Psychology Experiments on the Web Using PHP and MySQL Lisa M. DeBruine August 14, 2008 Contents 1 Basic Web Authoring 2 1.1 Setting up your webpage....................... 2 1.2 HTML.................................

More information

Outline. Link HTML With Style Sheets &6&7XWRULDO &66 ;+70/ (GZDUG;LD

Outline. Link HTML With Style Sheets &6&7XWRULDO &66 ;+70/ (GZDUG;LD &6&7XWRULDO &66 ;+70/ (GZDUG;LD Outline CSS Link XHTML With Style Sheets, Class/ID selectors, Pseudo-class/element, Color values, Length units, Text, Font, Lists, Padding/border/margin, Floating/clearing,

More information

Getting your work online. behance.net cargo collective krop coroflot

Getting your work online. behance.net cargo collective krop coroflot Getting your work online behance.net cargo collective krop coroflot behance online presence behance.net has a free and pro version. The free version is fine for getting internships. Free Version Pros networked

More information

5 Snowdonia. 94 Web Applications with C#.ASP

5 Snowdonia. 94 Web Applications with C#.ASP 94 Web Applications with C#.ASP 5 Snowdonia In this and the following three chapters we will explore the use of particular programming techniques, before combining these methods to create two substantial

More information

Introduction to using HTML to design webpages

Introduction to using HTML to design webpages Introduction to using HTML to design webpages #HTML is the script that web pages are written in. It describes the content and structure of a web page so that a browser is able to interpret and render the

More information

CSS مفاهیم ساختار و اصول استفاده و به کارگیری

CSS مفاهیم ساختار و اصول استفاده و به کارگیری CSS مفاهیم ساختار و اصول استفاده و به کارگیری Cascading Style Sheets A Cascading Style Sheet (CSS) describes the appearance of an HTML page in a separate document : مسایای استفاده از CSS It lets you separate

More information

CSS means Cascading Style Sheets. It is used to style HTML documents.

CSS means Cascading Style Sheets. It is used to style HTML documents. CSS CSS means Cascading Style Sheets. It is used to style HTML documents. Like we mentioned in the HTML tutorial, CSS can be embedded in the HTML document but it's better, easier and neater if you style

More information

WEBSITE PROJECT 2 PURPOSE: INSTRUCTIONS: REQUIREMENTS:

WEBSITE PROJECT 2 PURPOSE: INSTRUCTIONS: REQUIREMENTS: WEBSITE PROJECT 2 PURPOSE: The purpose of this project is to begin incorporating color, graphics, and other visual elements in your webpages by implementing the HTML5 and CSS3 code discussed in chapters

More information

Parashar Technologies HTML Lecture Notes-4

Parashar Technologies HTML Lecture Notes-4 CSS Links Links can be styled in different ways. HTML Lecture Notes-4 Styling Links Links can be styled with any CSS property (e.g. color, font-family, background, etc.). a { color: #FF0000; In addition,

More information

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148 Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,

More information

Computer Science E-1. Understanding Computers and the Internet. Lecture 10: Website Development Wednesday, 29 November 2006

Computer Science E-1. Understanding Computers and the Internet. Lecture 10: Website Development Wednesday, 29 November 2006 Computer Science E-1 Understanding Computers and the Internet Lecture 10: Website Development Wednesday, 29 November 2006 David J. Malan malan@post.harvard.edu 1 Agenda Webservers Structure Permissions

More information

Unit 10 - Client Side Customisation of Web Pages. Week 5 Lesson 1 CSS - Selectors

Unit 10 - Client Side Customisation of Web Pages. Week 5 Lesson 1 CSS - Selectors Unit 10 - Client Side Customisation of Web Pages Week 5 Lesson 1 CSS - Selectors Last Time CSS box model Concept of identity - id Objectives Selectors the short story (or maybe not) Web page make-over!

More information

CS134 Web Site Design & Development. Quiz1

CS134 Web Site Design & Development. Quiz1 CS134 Web Site Design & Development Quiz1 Name: Score: Email: I Multiple Choice Questions (2 points each, total 20 points) 1. Which of the following is an example of an IP address? a. www.whitehouse.gov

More information

IBM Bluemix Node-RED Watson Starter

IBM Bluemix Node-RED Watson Starter IBM Bluemix Node-RED Watson Starter Cognitive Solutions Application Development IBM Global Business Partners Duration: 45 minutes Updated: Feb 14, 2018 Klaus-Peter Schlotter kps@de.ibm.com Version 1 Overview

More information

Signs of Spring App. Release Notes Version 1.0

Signs of Spring App. Release Notes Version 1.0 Signs of Spring App Release Notes Version 1.0 App Parameters and Styling In your Caspio account, go to the App s Overview screen. On the right sidebar, click on Manage in the App Parameters area. Edit

More information

CSS. Shan-Hung Wu CS, NTHU

CSS. Shan-Hung Wu CS, NTHU CSS Shan-Hung Wu CS, NTHU CSS Zen Garden 2 Outline The Basics Selectors Layout Stacking Order 3 Outline The Basics Selectors Layout Stacking Order 4 Grammar selector { property: value; 5 Example /* for

More information

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR DYNAMIC BACKGROUND IMAGE Before you begin this tutorial, you will need

More information

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax CSS CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style Sheets can save a lot of work External Style Sheets

More information

/* ========================================================================== PROJECT STYLES

/* ========================================================================== PROJECT STYLES html { box-sizing: border-box; *, *:before, *:after { box-sizing: inherit; img { max-width: 100%; border: 0; audio, canvas, iframe, img, svg, video { vertical-align: middle; /* Remove gaps between elements

More information

Session 4. Style Sheets (CSS) Reading & References. A reference containing tables of CSS properties

Session 4. Style Sheets (CSS) Reading & References.   A reference containing tables of CSS properties Session 4 Style Sheets (CSS) 1 Reading Reading & References en.wikipedia.org/wiki/css Style Sheet Tutorials www.htmldog.com/guides/cssbeginner/ A reference containing tables of CSS properties web.simmons.edu/~grabiner/comm244/weekthree/css-basic-properties.html

More information

Introduction to Web Design CSS Reference

Introduction to Web Design CSS Reference Inline Style Syntax: Introduction to Web Design CSS Reference Example: text Internal Style Sheet Syntax: selector {property: value; Example:

More information

Introduction to Web Design CSS Reference

Introduction to Web Design CSS Reference Inline Style Syntax: Introduction to Web Design CSS Reference Example: text Internal Style Sheet Syntax: selector {property: value; Example:

More information

Summary 4/5. (contains info about the html)

Summary 4/5. (contains info about the html) Summary Tag Info Version Attributes Comment 4/5

More information

Create a cool image gallery using CSS visibility and positioning property

Create a cool image gallery using CSS visibility and positioning property GRC 275 A8 Create a cool image gallery using CSS visibility and positioning property 1. Create a cool image gallery, having thumbnails which when moused over display larger images 2. Gallery must provide

More information

Wanted! Introduction. Step 1: Styling your poster. Activity Checklist. In this project, you ll learn how to make your own poster.

Wanted! Introduction. Step 1: Styling your poster. Activity Checklist. In this project, you ll learn how to make your own poster. Wanted! Introduction In this project, you ll learn how to make your own poster. Step 1: Styling your poster Let s start by editing the CSS code for the poster. Activity Checklist Open this trinket: jumpto.cc/web-wanted.

More information

HTTP and HTML. We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms.

HTTP and HTML. We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms. HTTP and HTML We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms. HTTP and HTML 28 January 2008 1 When the browser and the server

More information

COSC 2206 Internet Tools. CSS Cascading Style Sheets

COSC 2206 Internet Tools. CSS Cascading Style Sheets COSC 2206 Internet Tools CSS Cascading Style Sheets 1 W3C CSS Reference The official reference is here www.w3.org/style/css/ 2 W3C CSS Validator You can upload a CSS file and the validator will check it

More information

Wireframe :: tistory wireframe tistory.

Wireframe :: tistory wireframe tistory. Page 1 of 45 Wireframe :: tistory wireframe tistory Daum Tistory GO Home Location Tags Media Guestbook Admin 'XHTML+CSS' 7 1 2009/09/20 [ ] XHTML CSS - 6 (2) 2 2009/07/23 [ ] XHTML CSS - 5 (6) 3 2009/07/17

More information

Adding CSS to your HTML

Adding CSS to your HTML Adding CSS to your HTML Lecture 3 CGS 3066 Fall 2016 September 27, 2016 Making your document pretty CSS is used to add presentation to the HTML document. We have seen 3 ways of adding CSS. In this lecture,

More information

First Diploma Unit 10 Client Side Web. Week 4 CSS and Images

First Diploma Unit 10 Client Side Web. Week 4 CSS and Images First Diploma Unit 10 Client Side Web Week 4 CSS and Images Last Session CSS box model Concept of identity - id This Session External style sheets Using CSS in conjunction with images Introduction External

More information

CSS Cascading Style Sheets

CSS Cascading Style Sheets CSS Cascading Style Sheets site root index.html about.html services.html stylesheet.css images boris.jpg Types of CSS External Internal Inline External CSS An external style sheet is a text document with

More information

HTML & CSS November 19, 2014

HTML & CSS November 19, 2014 University of Nebraska - Lincoln DigitalCommons@University of Nebraska - Lincoln Digital Humanities Workshop Series Center for Digital Research in the Humanities 11-19-2014 HTML & CSS November 19, 2014

More information

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) Mendel Rosenblum 1 Driving problem behind CSS What font type and size does introduction generate? Answer: Some default from the browser (HTML tells what browser how)

More information

Dreamweaver: Portfolio Site

Dreamweaver: Portfolio Site Dreamweaver: Portfolio Site Part 3 - Dreamweaver: Developing the Portfolio Site (L043) Create a new Site in Dreamweaver: Site > New Site (name the site something like: Portfolio, or Portfolio_c7) Go to

More information

Part A Short Answer (50 marks)

Part A Short Answer (50 marks) Part A Short Answer (50 marks) NOTE: Answers for Part A should be no more than 3-4 sentences long. 1. (5 marks) What is the purpose of HTML? What is the purpose of a DTD? How do HTML and DTDs relate to

More information

Web Engineering CSS. By Assistant Prof Malik M Ali

Web Engineering CSS. By Assistant Prof Malik M Ali Web Engineering CSS By Assistant Prof Malik M Ali Overview of CSS CSS : Cascading Style Sheet a style is a formatting rule. That rule can be applied to an individual tag element, to all instances of a

More information

UNIVERSITI TEKNOLOGI MALAYSIA TEST 1 SEMESTER II 2012/2013

UNIVERSITI TEKNOLOGI MALAYSIA TEST 1 SEMESTER II 2012/2013 UNIVERSITI TEKNOLOGI MALAYSIA TEST 1 SEMESTER II 2012/2013 SUBJECT CODE : SCSV1223 (Section 05) SUBJECT NAME : WEB PROGRAMMING YEAR/COURSE : 1SCSV TIME : 2.00 4.00 PM DATE : 18 APRIL 2013 VENUE : KPU 10

More information

HTML HTML5. DOM(Document Object Model) CSS CSS

HTML HTML5. DOM(Document Object Model) CSS CSS HTML HTML5 DOM(Document Object Model) CSS CSS HTML html img jpg png gif jpg png gif

More information

blink.html 1/1 lectures/6/src/ form.html 1/1 lectures/6/src/

blink.html 1/1 lectures/6/src/ form.html 1/1 lectures/6/src/ blink.html 1/1 3: blink.html 5: David J. Malan Computer Science E-75 7: Harvard Extension School 8: 9: --> 11:

More information

Lab Introduction to Cascading Style Sheets

Lab Introduction to Cascading Style Sheets Lab Introduction to Cascading Style Sheets For this laboratory you will need a basic text editor and a browser. In the labs, winedt or Notepad++ is recommended along with Firefox/Chrome For this activity,

More information

Programmazione Web a.a. 2017/2018 HTML5

Programmazione Web a.a. 2017/2018 HTML5 Programmazione Web a.a. 2017/2018 HTML5 PhD Ing.Antonino Raucea antonino.raucea@dieei.unict.it 1 Introduzione HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text

More information

<body bgcolor=" " fgcolor=" " link=" " vlink=" " alink=" "> These body attributes have now been deprecated, and should not be used in XHTML.

<body bgcolor=  fgcolor=  link=  vlink=  alink= > These body attributes have now been deprecated, and should not be used in XHTML. CSS Formatting Background When HTML became popular among users who were not scientists, the limited formatting offered by the built-in tags was not enough for users who wanted a more artistic layout. Netscape,

More information

Additional catalogs display. Customize text size and colors.

Additional catalogs display. Customize text size and colors. Collapsible Skin The collapsible skin option displays the catalogs and categories in a collapsible format enabling enhanced navigation on Qnet. Categories can be expanded to view all of the sub categories

More information

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100 Introduction to Multimedia MMP100 Spring 2016 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!

More information

if(! list.contains(list.collect(params,'key'),'title')){ <div style="font-weight:bold;color:red;">"warning: A title field must be assigned.

if(! list.contains(list.collect(params,'key'),'title')){ <div style=font-weight:bold;color:red;>warning: A title field must be assigned. /** Author: Blake Harms Version 2.9 See: http://developer.mindtouch.com/app_catalog/ Integrated_Bug_and_Issue_Tracker on 2.9 added performance tunning posted by Sego on this blog post: http://forums.developer.mindtouch.com/

More information

Dreamweaver CS3 Lab 2

Dreamweaver CS3 Lab 2 Dreamweaver CS3 Lab 2 Using an External Style Sheet in Dreamweaver Creating the site definition First, we'll set up the site and define it so that Dreamweaver understands the site structure for your project.

More information

Chapter 7 BMIS335 Web Design & Development

Chapter 7 BMIS335 Web Design & Development Chapter 7 BMIS335 Web Design & Development Site Organization Use relative links to navigate between folders within your own site o Sometimes dividing your site into folders makes maintenance and updating

More information

8 Basic Skinning. Introduction. In this chapter we will cover the following topics:

8 Basic Skinning. Introduction. In this chapter we will cover the following topics: 8 Basic Skinning In this chapter we will cover the following topics: Downloading and installing a skin Creating a simple HTML skin Creating a simple ASCX skin Deploying your skins and containers Exploring

More information

Pliki.tpl. scripts/search.tpl. Pliki.css. Pliki.less. Dokumentacja zmian plików graficznych: rwd shoper Wersja zmian:

Pliki.tpl. scripts/search.tpl. Pliki.css. Pliki.less. Dokumentacja zmian plików graficznych: rwd shoper Wersja zmian: Dokumentacja zmian plików graficznych: rwd shoper Wersja zmian: 5.8.32-5.8.33 Pliki.tpl scripts/search.tpl - 1

More information

First, create a web page with a submit button on it (remember from creating forms in html?):

First, create a web page with a submit button on it (remember from creating forms in html?): Changing Style So far we have only done a little with changing the style of a web page. JavaScript lets us do that as well. We can call a function that allows us to change the style of one or many elements

More information

=================== coffee-submit.php ==========================

=================== coffee-submit.php ========================== Solutions 1. CSS body { background-color: #DDD; #info img { float: right; height: 200px; margin: 10px; #info { padding-left: 2%; float: left; width:78%; #stats { width: 20%; float: left; background-color:

More information

Final Exam Study Guide

Final Exam Study Guide Final Exam Study Guide 1. What does HTML stand for? 2. Which file extension is used with standard web pages? a..doc b..xhtml c..txt d..html 3. Which is not part of an XHTML element? a. Anchor b. Start

More information

Chapter 1. Introduction to web development and PHP. 2010, Mike Murach & Associates, Inc. Murach's PHP and MySQL, C1

Chapter 1. Introduction to web development and PHP. 2010, Mike Murach & Associates, Inc. Murach's PHP and MySQL, C1 1 Chapter 1 Introduction to web development and PHP 2 Applied Objectives Use the XAMPP control panel to start or stop Apache or MySQL when it is running on your own computer. Deploy a PHP application on

More information

Creating and Installing Custom Plesk for Windows Skins

Creating and Installing Custom Plesk for Windows Skins SWsoft, Inc. Creating and Installing Custom Plesk for Windows Skins Plesk 7.5 for Windows Revision 1.0 (c) 1999-2005 SWsoft, Inc. 13755 Sunrise Valley Drive Suite 325 Herndon VA 20171 USA Phone: +1 (703)

More information

Implementing a chat button on TECHNICAL PAPER

Implementing a chat button on TECHNICAL PAPER Implementing a chat button on TECHNICAL PAPER Contents 1 Adding a Live Guide chat button to your Facebook page... 3 1.1 Make the chat button code accessible from your web server... 3 1.2 Create a Facebook

More information

CSC309 Tutorial CSS & XHTML

CSC309 Tutorial CSS & XHTML CSC309 Tutorial CSS & XHTML Lei Jiang January 27, 2003 1 CSS CSC309 Tutorial --CSS & XHTML 2 Sampel XML Document

More information

CE419 Web Programming. Session 3: HTML (contd.), CSS

CE419 Web Programming. Session 3: HTML (contd.), CSS CE419 Web Programming Session 3: HTML (contd.), CSS 1 Forms 2 Forms Provides a way to interact with users. Not useful without a server-side counterpart. 3 From Elements

More information

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6 CS 350 COMPUTER/HUMAN INTERACTION Lecture 6 Setting up PPP webpage Log into lab Linux client or into csserver directly Webspace (www_home) should be set up Change directory for CS 350 assignments cp r

More information

Introduction to WEB PROGRAMMING

Introduction to WEB PROGRAMMING Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks

More information

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB Unit 3 Cascading Style Sheets (CSS) Slides based on course material SFU Icons their respective owners 1 Learning Objectives In this unit you

More information

LING 408/508: Computational Techniques for Linguists. Lecture 14

LING 408/508: Computational Techniques for Linguists. Lecture 14 LING 408/508: Computational Techniques for Linguists Lecture 14 Administrivia Homework 5 has been graded Last Time: Browsers are powerful Who that John knows does he not like? html + javascript + SVG Client-side

More information

Using Advanced Cascading Style Sheets

Using Advanced Cascading Style Sheets HTML 7 Using Advanced Cascading Style Sheets Objectives You will have mastered the material in this chapter when you can: Add an embedded style sheet to a Web page Change the body and link styles using

More information

KillTest *KIJGT 3WCNKV[ $GVVGT 5GTXKEG Q&A NZZV ]]] QORRZKYZ IUS =K ULLKX LXKK [VJGZK YKX\OIK LUX UTK _KGX

KillTest *KIJGT 3WCNKV[ $GVVGT 5GTXKEG Q&A NZZV ]]] QORRZKYZ IUS =K ULLKX LXKK [VJGZK YKX\OIK LUX UTK _KGX KillTest Q&A Exam : 9A0-803 Title : Certified Dreamweaver 8 Developer Exam Version : DEMO 1 / 7 1. What area, in the Insert bar, is intended for customizing and organizing frequently used objects? A. Layout

More information

GIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST

GIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover effect: CREATING AN HTML LIST Most horizontal or vertical navigation bars begin with a simple

More information

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21 Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...

More information

CSS Module in 2 Parts

CSS Module in 2 Parts CSS Module in 2 Parts So as to familiarize yourself with the basics of CSS before moving onto Dreamweaver, I d like you to do the 2 following Modules. It is important for you to AT LEAST do Part 1. Part

More information

By completing this practical, the students will learn how to accomplish the following tasks:

By completing this practical, the students will learn how to accomplish the following tasks: By completing this practical, the students will learn how to accomplish the following tasks: Learn different ways by which styles that enable you to customize HTML elements and precisely control the formatting

More information

3.1 Introduction. 3.2 Levels of Style Sheets. - The CSS1 specification was developed in There are three levels of style sheets

3.1 Introduction. 3.2 Levels of Style Sheets. - The CSS1 specification was developed in There are three levels of style sheets 3.1 Introduction - The CSS1 specification was developed in 1996 - CSS2 was released in 1998 - CSS2.1 reflects browser implementations - CSS3 is partially finished and parts are implemented in current browsers

More information

- The CSS1 specification was developed in CSS2 was released in CSS2.1 reflects browser implementations

- The CSS1 specification was developed in CSS2 was released in CSS2.1 reflects browser implementations 3.1 Introduction - The CSS1 specification was developed in 1996 - CSS2 was released in 1998 - CSS2.1 reflects browser implementations - CSS3 is partially finished and parts are implemented in current browsers

More information

CSS3 Basics. From & CSS Visual Dictionary Learning Curve Books, LLC

CSS3 Basics. From   & CSS Visual Dictionary Learning Curve Books, LLC CSS3 Basics From www.w3schools.com & CSS Visual Dictionary Learning Curve Books, LLC CSS Box Model Margin (top, right, bottom, left) Shorthand property, equivalent to Border-width border-style border-color

More information

Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo

Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo Note: We skipped Study Guide 1. If you d like to review it, I place a copy here: https:// people.rit.edu/~nbbigm/studyguides/sg-1.docx

More information

API USER GUIDE MARKETING MESSAGES & BROADCASTS

API USER GUIDE MARKETING MESSAGES & BROADCASTS API USER GUIDE MARKETING MESSAGES & BROADCASTS General Overview So, what do you want to do? 3 3 Marketing Messages with replies 4 First, let s send the messages Advanced API developers note Next, let s

More information

GIMP WEB 2.0 MENUS. Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar.

GIMP WEB 2.0 MENUS. Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar. GIMP WEB 2.0 MENUS Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar. Standard Navigation Bar Web 2.0 Navigation Bar Now the all-important question

More information

Website Development with HTML5, CSS and Bootstrap

Website Development with HTML5, CSS and Bootstrap Contact Us 978.250.4983 Website Development with HTML5, CSS and Bootstrap Duration: 28 hours Prerequisites: Basic personal computer skills and basic Internet knowledge. Course Description: This hands on

More information

Module 2 (VII): CSS [Part 4]

Module 2 (VII): CSS [Part 4] INTERNET & WEB APPLICATION DEVELOPMENT SWE 444 Fall Semester 2008-2009 (081) Module 2 (VII): CSS [Part 4] Dr. El-Sayed El-Alfy Computer Science Department King Fahd University of Petroleum and Minerals

More information

CSS Styles Quick Reference Guide

CSS Styles Quick Reference Guide Table 1: CSS Font and Text Properties Font & Text Properties Example(s) font-family Font or typeface font-family: Tahoma font-size Size of the font font-size: 12pt font-weight Normal or bold font-weight:

More information

Web Recruitment Module Customisation

Web Recruitment Module Customisation Web Recruitment Module Customisation Introduction The People Inc. Web Recruitment add-on enables users to publish details of vacancies on their web site. This information is integrated seamlessly into

More information

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version

More information

Using CSS for page layout

Using CSS for page layout Using CSS for page layout Advantages: Greater typographic control Style is separate from structure Potentially smaller documents Easier site maintenance Increased page layout control Increased accessibility

More information

VISA/APCO/STAC 2P61 WEBSITE CREATION Fall Term 2012

VISA/APCO/STAC 2P61 WEBSITE CREATION Fall Term 2012 VISA/APCO/STAC 2P61 WEBSITE CREATION Fall Term 2012 CSS 4 TWO COLUMN LAYOUT MORE ON DIVS Last week: Applied margins borders and padding and calculating the size of elements using box model. Wrote CSS shorthand

More information

CSS: Layout Part 2. clear. CSS for layout and formatting: clear

CSS: Layout Part 2. clear. CSS for layout and formatting: clear CSS: Layout Part 2 Robert A. Fulkerson College of Information Science and Technology http://www.ist.unomaha.edu/ University of Nebraska at Omaha http://www.unomaha.edu/ CSS for layout and formatting: clear

More information