ទាញយក Job Announcement ពី Bongthom មកដាក់លើ Website របស់អ្នក
ចង់រកការងារមែនទេ? លោកអ្នកពិតជានឹកដល់ Bongthom.com មុនគេហើយ ព្រោះនរណាៗ ក៏ស្គាល់ដែរថា បងធំ ជា Website ធំជាងគេក្នុងស្រុកខ្មែរសម្រាប់ស្វែងរកការងារ និង ការប្រកាសលក់របស់របរផ្ទាល់ខ្លួន…។
ពេលនេះខ្ញុំសូមបង្ហាញពីវិធីសាស្ត្រ ក្នុងការទាញ Job Announcement ពី Bongthom.com មកដាក់លើទំព័រ Website របស់លោកអ្នក។ នេះជាវិធីមួយអាចធ្វើអោយទំព័ររបស់លោកអ្នក កើនឡើងនូវចំនូនអ្នកទស្សនាផងដែរ។
លោកអ្នកអាចទាញយក កូដនេះទៅដាក់បញ្ចូលនូវផ្នែកណាមួយក្នុង Website របស់លោកអ្នក ដោយឥតគិតថ្លៃ។ វាជាកូដ PHP 5 ជាមួយ Jquery( Javascript Library) ក្នុងការទាញយក Job Announcement ដោយប្រើ Ajax technology ក្នុងទាញយក ដែលមិនធ្វើអោយប៉ះពាលដល់ Speed នៃការ Load Website របស់លោកអ្នក។
Demo Download
1. index.php
< !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>
<title>Job Listing</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<div id="wrapper">
<div id="job_list">
<img src="ajax-loader.gif" /></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$.get('jobs_list.php', function(data) {
$('#job_list').html(data);
});
//Navigation pages
});
</script>
</body>
</html>
<pre>
$.get('job_list.php', function(data) {$('#job_list').html(data);}); ជា Ajax function ទាញយក Data
ពី job_list.php រូចហើយបង្ហាញ
ទិន្នន័យទាំងអស់ ទៅ <div id="job_list">។
2. job_list.php
require_once 'RemoteConnector.php'; $url = 'http://bongthom.com/RSS/BTDCJobs.xml'; date_default_timezone_set('Asia/Bangkok'); try { $output = new Pos_RemoteConnector($url); $xml = new SimpleXMLElement($output); $i= 0; //$pages = ceil((count($xml->channel->item)/20)); $jobs = count($xml->channel->item); echo ' <h2>Bongthom Job List</h2> '; echo " <ul> <li>Total $jobs jobs avaible</li> </ul> "; foreach($xml->channel->item as $item){ $i++; ?> <strong> < ?php echo $i.'. ';?> <a href="<?php echo $item->link ?>">< ?php echo $item->title; ?></a></strong> <span>< ?php echo date('Y-m-d h:i a',strtotime($item->pubDate))?></span> < ?php echo $item->description; ?> < ?php } } catch (Exception $e) { echo $e->getMessage(); }jobs_list.php មាននាទីក្នុងការរៀបចំបង្ហាញទិន្នន័យដែលទាញមកពី Bongthom.com ដោយ Class Pos_RemoteConnector
មានទី ទាញយក Job Announcement ពី Bongthom.com ។ SimpleXMLElement ជា class របស់ PHP
សម្រាប់ Control xml file។
Mif.Menu Mootools ContextMenu
Mif.Menu ជា Context Menu ដែលដំណើរការជាមួយ Mootools library។ វាមានពីរ ស្ទីល សំរាប់យើងជ្រើសរើសគឺ ART style និង shadow style ។ វាអាច Support បានច្រើន level របស់ menu ដូចរូបខាងក្រោម ប្រភេទអាជ្ញាប័ណ្ណ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License.។
GX Animations Framework
GX ជា animation framework ដែល Support គ្រប់ Web Browser ទាំង វាដំណើការដោយពឹងផ្អែកជាមួយ JQuery Library ហើយមានទំហំតូចបំតូច ត្រឹមតែ ១០KB ប៉ុណ្ណោះដែលយើងអាចយកទៅរចនាជា Animation ជាមួយ CSS បានយ៉ាងងាយ វាចេញផ្សាយក្រោម អាជ្ញាប័ណ្ណ MIT License។
ខាងក្រោមនេះជាលក្ខណៈមួយចំនួនរបស់ GX
- Support for animating every CSS property, including integers, colors, opacity and so on
- Support for Easing Equations (with GX.transitions.js)
- Support for multi-unit animations
- Support for relative animations
- Support for interacting with the animations (queue, cancel, pause and resume support)
- Support for using “special” values (“show”, “hide”, “toggle”)
- Support for adding new, customized features
- 0% Browser sniffing, 100% pure Javascript
- Respects the Strict Standards and doesn’t generate Javascript/CSS Warnings
- Completely Cross-Browser (IE 6+, Firefox 2+, Opera 9.25+, Safari 3+, Google Chrome)
Simple JQuery Modal Window Tutorial
Simple Jquery Modal Windows ជា Jascript pop-up មើលទៅគួអោយទាក់ទាញអារម្មណ៏ខ្លាំងណាស់
Login Dialog Box
Sticky Note
The best 5 Javacript Frameworks
JavaScript ជា Client-side ដែលកំពុងពេញនិយមនាពេលបច្ចុប្បន្ននេះ ព្រោះវាធ្វើអោយ គេហទំព័រមានភាពស្រស់ស្អាត ទាកទាញ រស់វើក។ JavaScript ត្រូវបានគេយកទៅប្រើច្រើនផ្នែកក្នុង គេហទំព័រដួចជា Map (Google Map, Yahoo Map…), Mail (gmail, yahoo mail…), Reader ( google reader), online documents (Google Documents), Auto-Complete នេះជាផ្នែកមួយសំខាន់ផងដែរ សំរាប់គេហទំព័រ មានគេហទំព័រជាច្រើនបានប្រើបច្ចេកទេសសំរាប់សំរួលដល់ការស្វែងរក ពេលដែលយើងចង់រកអ្វីមួយគ្រាន់តែវាយពាក្យនោះ វានឹងផ្តល់លទ្ធអោយយើងភ្លាមៗ ព្រមទាំងចំនួនពាក្យនោះផងដែរ។ Search Engine បានប្រើ Auto-Complete នេះផងដែរសំរាប់សំរួលដល់ការស្វែងរក។
ក្រៅពីនេះនៅមានផ្នែកជាច្រើនទៀដែល JavaScript អាចធ្វើបាន ជាពិសេសនោះ Ajax ជាបច្ចេកវិទ្យាដែលកំពុងពេញនិយមបំផុតនាពេលបច្ចុប្បន្នសំរាប់ Web2.0។ ហើយនៅក្នុងប្រកាស់នេះដែខ្ញុំសូមលើកយក JavaScript Framework សំខាន់ៗចំនួន ៥ ដែលកំពុងពេញនិយមជាង។
១ Jquery
Jquery ជា JavaScript Framework មួយដែលកំពុងពេញនិយម មានល្បឿនលឿនទៀតផង។ Jquery បានក៏ឡើងក្នុងឆ្នាំ ២០០៥ ដែលសរសេដោយលោក John Resig ជាស្ថាបនិកមួយរូបរបស់ Web Browser ដ៏ល្បី Firefox។ ចំពោះ Framework មួយនេះត្រូវបាន Open Source មួយចំនូនយកទៅប្រើដូចជា WordPress, Drupal..
២Prototype
- prototype
Prototype ជា Framework មួយដែលចំណាសជាងគេ ហើយត្រូវបានប្រើច្រើនផងនៅក្នុងគេហទំព័រជាច្រើន។ Prototype ត្រូវបានដាកបញ្ចួលក្នុង Cakephp framework,
Ruby on rails framework ហើយ Hi5 Social Network ក៏ប្រើ Framework នេះដែរ។
៣ Mootools
- Mootools
Mootools ជា Object-Oriented JavaScript framework សំរាប់ JavaScript Developer ដែលមានកំរិតពីមធ្យម ដល់ កំរិតខ្ពស់ វាអនុញ្ញាតិអោយយើងសេរសេ powerful, flexible, និង cross-browser កូដ ជាមួយភាស្រស់ស្អាតរបស់វា។ Mootools ត្រូវបាន web developers ពេញចិត្តផងដែរ ហើយត្រូវបានប្រើជាមួយ Joomla CMS និង ក្រុមហ៊ុនរចនា Template មួយចំនួនទៀត។
៤ YUI
- Yahoo
YUI ជា JavaScript Framework ពេញនិយមផងដែរ ហើយត្រូវបានប្រើ ហើយឥឡូវចេញដល់ Version 2.7.0 ។ត្រូវបានប្រើ សេវាកម្មរបស់ ក្រុមហ៊ុន Yahoo នេះ ហើយក៏មាន Web Developers ប្រើវាផងដែរ។
៥ Dojo
Dojo ជា JavaScript មួយទៀតដែលយើងអាចយកមកបង្កើត ជា Web Application បានយ៉ាងស្រស់ស្អាត។ Dojo ត្រូវបានដាក់បញ្ចួលទៅ Zend Framewrok
អ្វីទៅជា Cheat Sheet ?
Cheat Sheet ជាដ្យាក្រាមបង្រូមមួយ ដែលបង្ហាញពីតូនាទី សកម្មភាព រចនាសម្ព័ន្ធ របស់កម្មវិធីអ្វីមួយ។ សំរាប់ Programmer ឬ Developer ការប្រើ Cheat Sheet ពិតជាមានផលប្រយោជន៍ខ្លាំងណាស់ យើងមិនចាំបាច់ចំណាយពេលច្រើនក្នុងការស្វែងរកអ្វីមួយក្នុងកម្មវិធីនោះ តូយ៉ាងដូចជា HTML Cheat Sheet (រូបខាងលើ) វាបានបង្ហាញមកទាំងអស់ នូវ HTMl Tag ដែលយើងអាចស្វែងរកបានក្នុងរូបភាពខាងលើ ។
នៅក្នុង Cheat Sheet នេះបានបែងចែកទៅតាមប្រភេទរបស់វា ដួចជានៅក្នុង HTML យើងអាចសែ្វងរក Tab និមួយទៅតាមប្រភេទរបស់វាដូច Link, Table, Form, Object…
មិនថាតែកម្មវិធី ភាសា សូម្បីវត្ថុអីមួយដែលយើងបានបង្កើត យើងក៏អាចបង្កើត Cheat Sheet បានផងដែរ វាជាការបង្រូមពីការពន្យល់នៃការប្រើប្រាស់វត្ថុដែលយើងបានបង្កើតនោះ សំរាប់អ្នកប្រើទួទៅ។
សូមទាញយក Cheat Sheet បន្ថែមដូចខាងក្រោមនេះ
– PHP
– Cakephp
-Prototype
-Jquery
-Mootools
-SEO (Search Engine Optimization)
Unit PNG Fix សំរាប់ Fix PNG Image
![Unitastical! [UnitLogo.png]](https://i2.wp.com/labs.unitinteractive.com/images/UnitLogo.png)
សំរាប់អ្នកបង្កើតគេហទំព័រប្រជាធ្លាប់ជួបបញ្ហាហើយមើលទៅ ជាមួយ IE6 ប្រសិនបើយើងប្រើរូបភាពដែលមានកន្ទុយ PNG ហើយដាក់វាអោយ transference គឺវាមិនធ្វើអោយរូបភាព Transference ដូច Firefox, Safari, Chrome or IE7នោះទេ។ តែជាមួយ Unit PNG Fix គឺគ្មានបញ្ហាទេ។
Unit PNG Fix មានទំហំប្រហែលតែ 3KB តែមានសមត្ថភាពធ្វើអោយរូបភាព PNG មានលក្ខណះ Transference សំរាប់ IE6 ដូចជា Firefox..។ មិនត្រឹមតែរូបភាពធម្មតានោះទេ វាក៏អាចធ្វើអោយ Background Transference ផងដែរ និយាយទៅគ្រប់ រុប PNG ទាំងអស់។
សំរាប់ការ ដំឡើងវាគឺងាយដូចបកចេកអញ្ចឹង!
!–[if lt IE 7]>
<script type=”text/javascript” src=”unitpngfix.js”></script>
<![endif]–>
គ្រាន់តែយើងដាក់កូដខាងលើចន្លោះ tag <head></head> ជាការស្រេច។
សូមទាញយក Unit PNG Fix ។ ពត៏មានលំអិតសូមចូលទៅ Unit Interactiv: Labs
8 comments