Archive

Archive for February, 2009

Form 3: Form validation

February 26th, 2009 13 comments

Энэ удаагийн form цувралаараа form validation буюу формын талбарууд дээрхи утгууд үнэн зөв, байх ёстой өгөгдлүүд нь байгаа эсэхийг клиент талд нь javascript ашиглан шалгах аргыг авч үзье. Ер нь веб програмчлалд үр бүтээлтэй, найдвартай, хурдан ажилуулахын тулд клиент талд javascript-ийг өргөн ашигладаг. Ийм ч учир javascript хэлний хэрэглээ, түүнийг ашигласан  фрамеворкүүд өнөөдөр хүчээ аван хөгжиж байна.  Энэ үйлдлийг сервер талд маш нарийн хийж болно (хийх ч ёстой). Бүх зүйлийг ганц сервер талд хийх биш клиент талд ядаж байх ёстой утгуудыг шалгачихдаг  байх хэрэгтэй юм. Энэ нь бүх юмыг серверт илгээн шалгуулснаас хурднаас гадна хэрэглэж байгаа хүндээ ч амар байдаг. Read more…

Сар шинийн мэнд дэвшүүлье !

February 24th, 2009 1 comment

XYII жарны “Харшлалт” хэмээх шороон үхэр жилийн сар шинийн мэнд дэвшүүлье. Та бүхэн сайхан шинэлээрэй.

Categories: Бусад Tags:

Form 2: PHP File upload

February 21st, 2009 23 comments

Хэрэглэгчийн комьютераас серверт  файл илгээх үйлдлийг  file upload гэдэг. Майлд файл хавсаргаж илгээх гэх мэт олон жишээ байна. Бид нарын одоо авч үзэх гэж байгаа жишээ бол Form -оор дамжуулан upload хийх арга юм. Үүнээс гадна FTP -ээр put хийж хуулах арга бас бий. Эдгээр нь веб програмчлал судлаж байгаа хүний заавал мэдэж байх зүйлүүд юм. Ингээд PHP -ээр файл upload хийх талаар жаахан тайлбартай жишээ хийе. Үүнийг myupload.php гэсэн нэг програмаар  хийе. Read more…

Categories: HTML, PHP/MySql Tags: , , ,

Form 1: PHP-ээр form боловсруулах нь

February 16th, 2009 5 comments

Энэ веб програмчлал эхлэн суралцагсдад нилээд чухал ойлголт гэж бодож байна. Их бага ямар ч веб ялангуяа веб application-ууд ядаж ганц формтой байдаг. Үүний тулд HTML form-оо сайн мэддэг байх хэрэгтэй. Иймд форм хүлээн авч боловсруулах тухай слайдуудыг эндээс татаж үзээд уг слайд дээр авсан жишээнүүдийг ажилуулж үзэн мөн татан авна уу. Слайдууд болон жишээг үзээд ойлгомжгүй зүйл байвал энд коммент бичиж үлдээнэ үү.

Жишээ 1 – Форм дээрх талбаруудын утгуудыг авах
Жишээ 2 – Олон checkbox -оос сонгогдсонг нь таних

дээрх 2 жишээний эх кодыг энд дарж татаж авна уу.

За тэгээд амжилт хүсье. Дараагийн цувралуудаар орж ирж байгаа мэдээллүүдээ байх ёстой мэдээлэл мөн эсэх (нууцлал хамгаалалтын хувьд), файл серверт илгээх (upload) за тэгээд regular expression энэ тэр гээд энэ жишээгээ баяжуулаад явах юм. Формны талбаруудаа гаргахдаа хүснэгт ашиглаагүй харин DIV тэгээд CSS ашигласан. Вебийн дизайнийг одоо иймэрхүү маягтай хийдэг болоод байгаа билээ. за за гол нь формоо сайн ойлгоод аваарай.

Categories: HTML, PHP/MySql Tags: , , ,

AJAX -ийг Prototype ашиглан хэрэгжүүлэх нь

February 11th, 2009 10 comments

Өмнө хэлж байсны дагуу энд бичсэн жишээг Prototype JavaScript Framework ашиглан хийж үзье. Өмнөх жишээнд хэрэглэгдсэн zurhai.html, ajax_zurhai.php файлууд бүгд хэрэглэгдсэн. Харин zurhai.html дотор prototype.js, pt_ajax.js гэсэн  JS файлуудыг дуудаж ашигласан. prototype.js нь Prototype JS Framework харин pt_ajax.js нь миний бичсэн prototype ашиглан  AJAX бий болгох JS код юм.  зүйлүүдийг тайлбарлая. Энэ нилээд ач холбогдолтой яг ажиллаж байгаа жишээ гэдгийг анхааран үзээрэй.

zurhai.html  доторхи өмнөх жишээнээс өөрчлөгдсөн зарим  чухал зүйлүүдийг тайлбарлая.

1. onchange=” var ord=’ord=’+this.value;  Ajax_Loader(‘ajax_zurhai.php’,’medeelel_haruulah_div’, ord)”  onchange дээр ord гэсэн хувьдагчид сонгофдсон ордны ID -ийг ord=arslan гэх мэтээр олгож байна.

2. <div id=”loading” style=”display:none”><img src=”images/indicator.gif” /> Loading …</div> энэ бол дуудах үед харагдах анимац гаргах DIV. Бусад үед харагдахгүй байна. Харагдуулахгүй байхыг нь style=”display:none”  CSS хийж байна.

3. <script type=”text/javascript” src=”js/prototype.js”></script>
<script type=”text/javascript” src=”js/pt_ajax.js”></script> энэ 2 мөр бол JS үүдээ дуудаж байгаа хэсэг. pt_ajax.js нь бидний сурч авах хамгийн гол зүйлийг агуулж байгаа JS юм. Ингээд уг JS -ийг тайлбартайгаар хүргэе.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
// JavaScript Document
/*
AJAX duudagdah yed zurhai.html dotorhi
<div id="loading" style="display:none"><img src="images/indicator.gif" alt="" /> Loading ...</div>
-ийг харуулана. Харин AJAX дуудагдаад дууссны дараа харагдуулахгүй болгож байна.
*/
var myGlobalHandlers = {
	onCreate: function(){
		Element.show('loading');
	},
 
	onComplete: function() {
		if(Ajax.activeRequestCount == 0){
			Element.hide('loading');
		}
	}
};
 
Ajax.Responders.register(myGlobalHandlers); /* дээрхи handler-ийг protptypte -ийн AJAX -д холбож өгч байна. */
 
/*
Prototype ашигласан AJAX- дуудах универсал функц
ПАРАМЕТРУУД
url: Server дээр байгаа дуудагдах PHP (манай жишээний хувьд) файлын нэр
container: Үр дүнг харуулах DIV эсвэл ямар контайнерын ID. Манай жишээний хувьд medeelel_haruulah_div
param: url-ийн араас залгах url query. Манай жишээний хувьд ord=arslan гэх мэт.
*/
function Ajax_Loader(url,container, param) {
var params = param;
var myAjax = new Ajax.Updater(
					{success: container},
					url,
					{
						method: 'get',
						parameters: params,
						onFailure: reportError
					});
 
}
 
/*  Алдаа гарсан үед энэ функц дуудагдана. */
 
function reportError(request) {
	alert('Sorry. There was an error.');
}

Ажиллуулж үзэх | Энэ жишээг татаж авах

Цааашид веб програмчлал сонирхож байгаа залуус prototype-ийн талаар дэлгэрэнүүлэн сайтар судлах шаардлагатай. Ганц энэ ч биш jquery, dojo гэх мэт олон сайхан framework-үүд бий.

XML гэж юу вэ?

February 1st, 2009 24 comments

Сүүлийн үед олон олон зүйл бидний амьдралд нэвтэрч байна. Веб 2.0 гэсэн нэр томьёо бий боллоо. Хүн бүр блог нээж байна. Энэ бүх зүйлд ганц веб ч гэлтгүй бүх төрлийн програмчлалд маш өргөн хэрэглэгдэж байгаа нэг зүйл бол XML юм. Энэ нь Extensible Markup Language гэсэн үгний товчлол. HTML гэдэг бол HyperText Markup Language гэсэн үгний товчлол. Хоёулаа Markup Language гэж байна. Энэ бол тагуудаар мэдээллийг дүрсэлдэг хэл. HTML бол урдчилан тодорхойлсон тагуудаар мэдээлэл дүрслэдэг бол XML хэрэглэгч өөртөө хэрэгтэй байгаа тагуудыг үүсгэн мэдээллээ дүрслэнэ. Жишээ нь хүмүүсийн тухай мэдээлэл байна гэж үзье.

 
<people>
   <name>Bat</name>
   <age>20</age>
   <name>Dorj</name>
   <age>30</age>
</people>

гэх мэтээр дүрслэнэ. Энэ мэдээллийг програмын аргаар уншиж мэдээллийг авах үйлдлийг parsing гэнэ. XML parser гэвэл XML-ийг уншиж мэдээллийг авагч гэж ойлгож болно. XML-ийг одоо хэрэглэхгүй юм гэж байхгүй болжээ. Вебэд W3C-ийн SVG гэж вектор графикт ашиглаж байна. Хэрэглэгчийн интерфайс, анимашн энэ тэр хийж болох энэ график XML ээр хийгдсэн байна. Миний хамгийн сүүлд харсан бас нэг хэрэглээ бол C#-ийн WPF (Windows Presentation Foundation) -д хэрэглэгчийн интерфайсийг маш сайхан графикаар хийх боломжийг олгосон байх юм. Түүнийгээ microsoft XAML (zammel гэж дууддаг) гэж байна. За тэгээд гоогле сайтмап гэх мэт маш олон зүйлүүд хэрэглэж байна. хамгийн өргөн хэрэглэгдэж байга зүйл нь бол RSS юм. RSS нь блогууд болон мэдээллийн сайтуудын мэдээг RSS уншигч ашиглан нэг дор бөөгнүүлэн унших боломжийг олгодог тун хэрэгтэй зүйл билээ.

Үргэлжилээр RSS -унших хялбар PHP код бичих болно.

Categories: XML Tags: ,