<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-5554212814839833801</id><updated>2011-11-27T16:46:13.455-08:00</updated><category term='Transitional DTD'/><category term='HTML 4.01 Strict'/><category term='Mother'/><category term='strict doctype'/><category term='HTML'/><title type='text'>Ambition is like love</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>37</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-6827951014370219345</id><published>2011-08-26T12:21:00.000-07:00</published><updated>2011-08-26T12:27:36.897-07:00</updated><title type='text'>समाज का ही अंग हैं हमारे संसद और विधान सभा में बैठने वाले और उनकी गरिमा की बात करने वाले फिर भी नहीं समाज के बरे में सोचते  ?</title><content type='html'>मैं आज बहुत दुखी हूँ अन्ना हजारे जी के दशा से | अपनी दुःख और शुख को अपने ब्लॉग के माध्यम से अपने दोस्तों से भागीदारी करता हूँ | विगत मार्च से मैं अन्ना हजारे जी को जनता हूँ | उससे पहले शायद नाम सुना था या कभी तस्वीर में देखा होगा और ध्यान नहीं दिया जानने की जरुरत नहीं समझा | लेकिन विगत मार्च में जंतर - मन्त्र अनसन से उनके बरे में जानने के बाद इन्टरनेट पर उनके बरे में काफी कुछ पढ़ा और उनेहे एक अच्छा इन्सान समझने लगा और विगत मार्च से कभी कभी उनका अनुसरण करने में ख़ुशी अनुभव करता हूँ | इस लिहाज से आज बहुत दुखी हूँ | एक इन्सान अपनी जिन्दगी को दाव पर रखता है समाज के भला के लिए | जिस समाज का ही अंग हैं हमारे संसद और विधान सभा में बैठने वाले और उनकी गरिमा की बात करने वाले फिर भी वो कीयो नहीं समाज के बरे में सोचते ये मैं किसी से प्रश्न नहीं कर रहा हूँ | मैं इसका उत्तर लिख रहा हूँ लेकिन आप को मेरा ब्लॉग आगे पढना परेगा और इसका उत्तर मैं सत प्रतिसत तो नहीं दे रहा हूँ लेकिन १% भी दे रहा हूँ तो अपने आप को लायक समझुंगा |&lt;br /&gt;१.) विगत मार्च में जब अन्ना हजारे जी को ये विस्वास दिलाया था सरकार ने की हम आप की बातो को आगे संसद में लेकर चर्चा करेंगे तभी सरकार ने क्या सोचा होगा ?&lt;br /&gt;उत्तर : कोई बात नहीं अभी ४-५ महीने है जनता तो इतने में भूल जाएगी और हम किसी और कांड को अंजाम दे कर उनका ध्यान नए कांड पर खीच लेंगे |&lt;br /&gt;२. ) जब सिविल सोसायटी और सरकार के कुछ वरिस्थ  नेता और मंत्री के बिच बैठक हुआ तभी से सरकार की आँख मिचोली सुरु हो चूका था&lt;br /&gt;कभी कपिल सिवल के भरकाऊ  बात तो कभी किसी और मंत्री के सवाल के घेरे में घुमने  घुमाना सुरु और जनता इसे उमीद के निगाहों से देखती और समझती रही | और वक्त का इंतजार ख़तम हुआ १६ अगस्त का दिन तय हुआ संखनाद का ! काफी खोज बिन करके सिविल सोसायटी ने जन लोकपालबिल बनाया काफी लोगो ने बढ़ चढ़ कर भागीदारी लिया अपनी समस्या और उसका निदान का सुझाव दिया | ये बात भी सही हैं की त्रुटी जरुर है जान लोकपाल बिल में कियो की कोई भी काम इन्सान से एक बार में सही हो जाये तो भागवान का अस्तित्व ख़तम हो जायेगा | पुराने गलतियों से शिख कर अगर हम आगे बढ़ रहे तो बुरा क्या है | ये बात संसद में बैठने वाले इसलिए नहीं समझते की उनकी गलतिया इतना बड़ा है की उनकी सजा का अंत नहीं दीखता |&lt;br /&gt;३. ) जब १६ अगस्त का अनसन सुरु होने वाला था तब सरकार का पहल जनता को भटकाने का सुरु हुआ |&lt;br /&gt;१.) अन्ना हजारे जी को गिरफ्तार किया गया पहला भटकाने का कदम था |&lt;br /&gt;२.) फिर रामलीला मैदान में अनसन की रजामंदी देने का दूसरा भटकाने का पहल था |&lt;br /&gt;३.) अलग अलग नेताओ का हर दिन अलग अलग मुद्दा पर खीचा तानी और आरोप प्रत्यारोप एक भटकाने के लिए अन्ना हजारे जी को तुम भ्रस्थ हो आदि वयान वाजी सुरु कभी संसद तो कभी सविधान की गरिमा की बातो में लटकाना कभी युवा नेता तो कभी ताजुर्वे वाले नेता के ओल झोल में लटकाना|&lt;br /&gt;ऐसा इसलिए की जो राहुल गाँधी जी संसद में लम्बा सा भासन दे कर गुमराह कर रहे है वो खुद ही इन भ्रसटाचार   में लिप्त है मैंने आज ही एक लेख में पढ़ा की राजीव गाँधी की विधवा ने अपने नाबालिग बेटा के नाम से २.२ करोर डालर स्विस बैंक में जमा कर रखा हैं ये तो मैं एक छोटा सा उदाहरण दे रहा हूँ मैं लेख का युआरल भी दे रहा हूँ जरुरपढ़े   http://www.iretireearly.com/sonia-gandhi-and-congress-secret-billions-exposed. html   &lt;br /&gt;जब राहुल गाँधी नाबालिग थे तो सोनिया गाँधी विधवा नहीं थी जहाँ तक मैं जनता हूँ राजीव गाँधी जी जिस वर्स भागवान को प्यारे हुए थे मै चोथी में पढता था | ये जरुर हैं की ये शुभ काम राजीव गाँधी के द्वारा किया गया होगा अब आप ही बताये मेरे जैसा अदना सा इन्सान इतना पोल खोल सकता है राजीव गाँधी का काला करतूत पकर सकता तो जन लोकपाल में मेरे जैसे लाखो लोग का भागीदारी है ! वो किया किया पोल खोल सकते | घवराये नहीं हमारे विपक्ष के नेता जी भी कम नहीं है उनकी कारनामे भी उजागर ना हो इसलिए घुमाने का काम कर रहे है | ऐसे में आगे करना किया है ये अभी सोच नहीं पा रहा हमारा सिविल सोसायटी कियो की इनका तालुकात गंदे राजनीतियो से नहीं है | मैं काफी लोगो से समझने का कोसिस किया सिविल सोसायटी के बरे में जहा तक मैं समझ पा रहा हूँ की जन लोक पाल का किया होगा ये तो सुनिसचित नहीं कर सकता आम आदमी लेकिन ये आन्दोलन जनता को जागरूक बनाया | लोगो का कहना है की कही ना कही से सुरवात तो हुआ मै इस बात से काफी खुश हूँ की एक रिक्श्वा वाला भी जन लोकपाल के बरे में चर्चा पर ध्यान को केन्द्रित करता है जो इस देश के लिए बहुत बड़ा उपलब्धि है|&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-6827951014370219345?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/6827951014370219345/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=6827951014370219345' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/6827951014370219345'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/6827951014370219345'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2011/08/blog-post_26.html' title='समाज का ही अंग हैं हमारे संसद और विधान सभा में बैठने वाले और उनकी गरिमा की बात करने वाले फिर भी नहीं समाज के बरे में सोचते  ?'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-1091223319006872986</id><published>2011-08-22T11:37:00.000-07:00</published><updated>2011-08-22T11:43:25.558-07:00</updated><title type='text'>वैसे तो हम हनुमान है लेकिन आप हमें बन्दर कह सकते है ........</title><content type='html'>मैं आनंद कुमार पाठक भारत वर्ष का स्वतंत्र नागरिक अन्ना हजारे को सादर नमन करते हुए ये ब्लॉग लिख रहा हूँ और गर्वान्वित भी हो रहा हूँ | मैं जिस परवरिश से तालुकात रखता हूँ वहा छोटे बच्चे को या कह सकते की मेरे बुजुर्ग ने हमें बाबु बीर कुवर सिंह की कहानी शिखाया महाराणा प्रताप शिवाजी की गाथा सुनाया जो आगे चल कर किताबो में भी पढ़ा | मेरे बुजुर्गो ने  गाँधी जी का गाथा भी सुनाया और किताबो में भी पढ़ा लेकिन मैं गाँधी से कतई सहमत नहीं हूँ | मैं अगर उनको मानता  हूँ तो मात्र इसलिए की  वो हमारे मुद्रा पर विराजमान है और उसकी जरुरत हर किसी को होता | आज जो हम इतने इतने आफद की जिन्दगी जी रहे बस उनीह का ये देन हैं | ये मेरा मानना है और इसपे किसी को प्रश्न करना तो कर सकते मैं उसका जवाब सही तर्क के साथ दे सकता हूँ जरुरत पारने पर  | मुझे आज तक ये समझ नहीं आया की हमारा लोकतंत्र एक परिवार चलाता हैं तो कैसे इसे लोकतंत्र बोला जा सकता ये तो परिवारतंत्र है  | जवहर लाल नेहरु &gt; इन्द्रा गाँधी &gt; राजीव गाँधी &gt; सोनिया गाँधी &gt; राहुल गाँधी,  कियो ये कहाँ का लोकतंत्र है ? मैंने बी. आर . चोपरा द्वारा निर्मित महाभारत भी देखा है और उसे सदेव समझने का कोसिस करता हूँ | जहाँ तक समझ आता है राजा भरत ने कर्म को आधार मान कर जनतंत्र का नीव रखा था और राज सिंघासन को एक सुयोग्य के हाथ सोपा था ना की अपने सुपुत्र को | क्या मैं उसी भारतवर्ष का हूँ ये सोच कर स्ताभ्ध रहता हूँ  | अब तक पढने पे आप सोच रहे होंगे की मैं क्या बताना चाह रहा हूँ |&lt;br /&gt;मैं इन सात दिनों से बस लोगो में खरा होने पर बाद विवाद सुनता हूँ और खुद भी टिपनी कर देता हूँ | हर तरह के लोगो से वाकिफ होता हूँ कुछ का कहना होता कानून को इस तरह तोरा मरोरा नहीं जा सकता, जैसा अन्ना हजारे जी चाहते है | ऐसा बोलने वाले काफी किताबी  अनुभव रखते है, और कुछ लोग कहते है ! सरकार गलत कर रही हैं जहाँ तक मेरा अनुभव है ऐसा बोलनेवाले सामान्य लोग हैं | जिनको बस दो वक्त की रोटी का चिंता रहता है | मुझे दोनों बातो  में दम लगता है | वैसे तो मेरा कोई आदर्श नहीं है,  मैं अपना आदर्श खुद को मानता हूँ लेकिन प्रेरणा लेता हूँ आगे बढ़ने के लिए महापुरशो का जिनमे सर्व्श्रेस्थ राजा भारत, भीष्म पितामह , विष्णु गुप्त (चाणक्य ), महाराणा प्रताप, पिर्थ्वी राज चोहान, बाबु बीर कुवर सिंह ,  विवेकानंद, विरसा मुंडा , खुदीराम बोस, मंगल पांडे, नेता जी सुभाष चन्द्र बोस, भगत सिंह, आजाद  इन सब का सबसे खाश बात जिससे मुझे प्रेरणा मिलता ये सभी साहसी थे और साहसी का साथ भाग्य देता है | इन महापुर्सो को मैं देखा नहीं केवल सुना और किताबो में पढ़ा लेकिन अन्ना हजारे जी  का साहस को देख कर मैं जिन महापुर्सो का वर्णन किया उनकी झलक मैं अन्ना हजारे जी में अनुभव  कर रहा हूँ | मैं नहीं जनता जन लोकपाल बिल सरकार मानती या नहीं लेकिन इतना जरुर समझ पा रहा हूँ की आम आदमी जो हनुमान के तरह है , जब तक इनहे अहसास नहीं दिलाओ की आप कितने ताकतवर है इन्हें समझ नहीं आता | अन्ना हजारे जी ने इतने हनुमा को अहसास कराया की लंका (सरकार ) का दहन होना तय है | इतना कुछ लिखने के बाद दिमाग में ये भी आ रहा है की ये ( हनुमान ) आम आदमी हनुमान जी के नाम पर बन्दर है खुद जानवर बने रहते है खुद गलती करते और खुद तमासा बनते है, खुद जागने की कोसिस नहीं करेंगे कोई जगानेवाला चाहिए | लिखने के लिए तो अभी काफी कुछ बाकि है , इन लेखनी  को पढ़ कर अगर आप हमें कोसते है तो सायद आगे की लेखनी और अच्छा लिखने का कोसिस कर पाऊगा |&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-1091223319006872986?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/1091223319006872986/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=1091223319006872986' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/1091223319006872986'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/1091223319006872986'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2011/08/blog-post.html' title='वैसे तो हम हनुमान है लेकिन आप हमें बन्दर कह सकते है ........'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-7063373618456665544</id><published>2011-03-25T14:16:00.000-07:00</published><updated>2011-03-25T14:19:27.598-07:00</updated><title type='text'>गाँव नहीं बदल रहा बदल रहे हम और आप हकीकत से अपना मुह छुपा रहे ऐसा कियो ?</title><content type='html'>मुझे ब्लॉग लिखना बहुत अच्छा लगता | इससे अपने आप को समझने में मदद मिलता अपने मन की बात को रख पाता | सही करता या नहीं मुझे नहीं पाता लेकिन मन को खुश जरुर कर लेता हूँ |&lt;br /&gt;मैं कई बार अनुभव किया लोग केवल समस्या को मुद्दा बना कर आपस में लरने एक दुसरे को कोसने का काम करते | समस्या का निदान क्या हो सकता कैसे हो सकता ये कोई नहीं बताता | मैं बीबीसी पोर्टल पर शुसिल जी का ब्लॉग पढ़ा बदल गए गाँव, बाद विवाद था गाँव में अब सब कुछ बदल गया  | कियो नहीं गाँव बदलेगा हम तमाम लोग जो शहर के हो कर रह गए | मैं अभी कुछ दिन पहले अपने गाँव गया | अपने बरे बुजुर्गो से मिला और उनके मन में एक मात्र खलबली था की मेरा बेटा पोता भी शहर जाये और शहरी बन जाये | फिर मैंने उनके दर्द को कुरेदने का काम करना सुरु किया | मैं ऐसा नहीं करना चाहता था लेकिन ऐसा नहीं करता तो अपना जिगयासा पूरा नहीं कर पाता की हमारे गाँव के लोग अपने बेटे पोता को शहरी कियो देखना चाहते हैं |&lt;br /&gt;&lt;br /&gt;१. इन्सान दिखावे में जीता हैं ये सत्य हैं आप इससे मुहं नहीं मोर सकते | हर किसी को सपने देखने का और उसको पूरा करने का अधिकार भगवान ने दिया हैं और कोई कानून नहीं हैं की इस समस्या पर पावंदी लगा सके | जब हम शहर में रहने वाले लोग अपने गाँव में जाते तो ठाठ शहर का चाहते हैं और भले आप शहर में रिक्श्वा कियो नहीं चलाते,  रोज दिन का दह्यारी करने वाले हैं, या आप ऑफिसर कियो ना हैं आप अपने गाँव पहुच कर शहर के २० रूपये की जिन्दगी को गाँव में ५० रूपये की जिन्दगी दीखाने लगते ये हकीकत ६०% से जयादा हैं भले आप शहर से कर्ज ले कर कियो ना गए हों  उन बुजुर्गो के मन में एक प्रश्न खरा कर आते हैं | फलाना का बेटा पोता चिलाना शहर में रहता देखा गाँव आया किया ठाठ था उसका ये प्रश्न उन्हें अपने बेटे पोते को शहरी बनाने के लिए उत्सुक कर देता और गाँव का शहर में तब्दील होना सुरु हो जाता | उदहारण के तोर पर मेरे गाँव के बहुत से लोग दिल्ली में रहते हैं हर तरह के लोग रहते हैं | और जब भी गाँव जाते उनलोगों का दिल्ली का रहन सहन गाँव भी जाता जब की दिल्ली में कोई  दरवान है कोई ड्राईवर हैं कोई एक्सपोर्ट कंपनी में काम करता किसी का पगार ५००० से जयादा नहीं होगा | लेकिन गाँव पहुच कर उनका पगार १०००० से काम नहीं रहता और ये समस्या हर साल २-४ को गाँव से शहर ले आता और जो समझदार होते वापस लोट जाते और जो हकीकत से भागते ओ दरवान का नोकरी कर लेते लेकिन अपने खेत में हल नहीं चला सकते इन्हें गुमराह होने से रोकने का काम करे गुमराह ना करे |&lt;br /&gt;२. जब आप और हम जैसे लोग अपने गाँव जाते तो गाँव में समस्या किया हैं इन बातो पर ध्यान ही नहीं जाता | हम आप अपनी शहरी ठाठ दीखाने में लगे रहते थोरा टाइम निकाल कर गाँव के स्कूल में जा कर अगर देख ले की गाँव में रहने वाले के बच्चो को स्कूल में मास्टर जी सही शिक्षा दे रहे हैं या नहीं | लेकिन इससे हमारा आप का कोई लेना देना नहीं होता उन बच्चो के साथ आप थोरा टाइम नहीं दे सकते लेकिन बच्चा पढने में कैसा हैं अच्छा हैं या नहीं उनके बुजुर्गो को बता देते और उन बुजुर्गो के मन में एक प्रश्न खरा कर आते हैं |&lt;br /&gt;&lt;br /&gt;३. आप हम जब गाँव जाते तो थोरा समय निकाल कर खेती बरी के समस्या को अगर समझ कर उनको इस समस्या से निकलने में सहयोग करे तो ये गाँव शहर नहीं बनेगा उनके फसल का पैदावार बढ़ जाता तो उनकी आमदनी बढ़ेगी और उनका हर सपना पूरा होगा और गाँव नहीं छोरना चाहेंगे |&lt;br /&gt;&lt;br /&gt;४. आप हम जब भी गाँव जाये तो अपने संस्कृति को बचाने के लिए आप से जो बन सके भागीदारी दे और अपनी संस्कृति को बचाए | आप और हम ही ले जाते गाँव में लेटेस्ट टेक्नोलोजी और उन टेक्नोलोजी के माध्यम से आप  अपने लोक गीत को भूल जाते और उन बुजुर्गो के मन में भी भूलने का प्रश्न छोर आते है |और आप ही लिखते हैं गाँव में लोक गीत ख़तम हो गया |&lt;br /&gt;&lt;br /&gt;अगर हम और आप चाह ले तो गाँव शहर नहीं गाँव अपना स्वर्ग बना सकते बजाय भासन पोस्ट करने के अपने गाँव में थोरा समय दे जो आप से बन पाए और सही नजरया रखे हमारी कोई बात अगर किसी को ठेस पंहुचा रहा हो तो हमें माफ़ कीजियेगा उससे पहले एक मिनट ईमानदारी से सोचयेगा हकीकत दिखेगा और फिर ठेस नहीं पहुचेगा नजरया आप का सोचने का किया हैं |&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-7063373618456665544?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/7063373618456665544/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=7063373618456665544' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/7063373618456665544'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/7063373618456665544'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2011/03/blog-post_25.html' title='गाँव नहीं बदल रहा बदल रहे हम और आप हकीकत से अपना मुह छुपा रहे ऐसा कियो ?'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-8116731420008532050</id><published>2011-03-18T03:32:00.000-07:00</published><updated>2011-03-18T04:05:50.513-07:00</updated><title type='text'>अपने आत्मा को सठियाने से रोक सकते है |</title><content type='html'>मैंने आज बीबीसी न्यूज़ पोर्टल पर एक ब्लॉग पढ़ा अच्छा लगा ब्रजेश उपाध्याय जी ने ब्लॉग लिखा |&lt;br /&gt;सठिया गई है अंतरात्मा थोरे देर मैं भी सोचने लगा | ब्लॉग पे बाद विवाद था लाखों बेबस लाचार अनपढ़ महिलाओं को छोटे-छोटे कर्ज़ दिलाकर एक मान सम्मान की ज़िंदगी देनेवाले नोबेल पुरस्कार विजेता मुहम्मद युनूस, को उन्हीं के देश की महिला प्रधानमंत्री जब "ख़ून चूसने वाले" की उपाधि दे दी  | ममता दीदी कह रही हैं कि वे चुनाव जीतने के बाद बंगाल को बदल देंगीं.| बिनायक सेन पर देशद्रोह का आरोप लगता है | माननीय प्रधान मंत्री जी मनमोहन सिंह को वोट खरीदने बेचने के आरोप | जापान के प्रधान मंत्री जापान की सही हालत को छुपा रहे है  विक्कीलीक्स के दस्तावेज पे बवाल |&lt;br /&gt;अब सवाल उठती है की इन सभी समस्या में उलझी आत्मा सठिया कियो गई और किसकी/ किसका  आत्मा सठिया गई |&lt;br /&gt;मैं कोई उची ओदा वाला इन्सान नहीं हूँ , ना ही मैं विद्वान हूँ, ना मैं कोई राज नेता हूँ , ना मैं कोई लेखक हूँ , ना मैं कोई पत्रकार हूँ ,बस मैं अपनी सोच और समझ दोस्तों तक कुछ सन्देश भेजने का कम करता हूँ अपने फेसबुक और ट्विट्टर को अपडेट  करके |&lt;br /&gt;ब्रजेश जी ने अपने ब्लॉग पे एक और बात लिखा है   &lt;span style="font-weight:bold;"&gt;''लेकिन अंतरात्मा भी आजकल डिप्लोमैटिक हो गई है. पहले गूगल पर सर्च करती है, कुछ पुराने आरोपों-अनुभवों पर नज़र दौड़ाती है और फिर चुप रहने में ही अपनी भलाई समझती है.'&lt;/span&gt; आप लोग खुद अनुभव कर सकते हमारे भारत में कितने लोग इन्टरनेट जानते है,  और कितने लोग गूगल को जानते है | मैं बस हकीकत बताना चाहता हूँ | हमारे देश में भूख को मिटाने और तन को ढकने  की जरुरत काम पे अगर हम सब लोग धयान दे तो ये समस्या से निजत पा सकते की सठिया गई है अंतरात्मा |&lt;br /&gt;&lt;br /&gt;अब मैं बताता हूँ आत्मा कहाँ सठिया गई |&lt;br /&gt;आप सोचये भगवन ने इस संसार में कई प्राणी को भेजा लेकिन हम इन्सान से उमीद रख कर कुछ अलग बनाया, और एक अस्त्र दिया जिसका नाम दिमाग दिया, और हम उस दिमाग का उपयोग अपने आप को चाँद सितारों से हाथ मिलाने के लिए करने लगे | निक्य्लोर पॉवर जैसे सिस्टम तक पहुच गए | इन सब तरक्की के दरमयान हम ये भूलते चले गए की एक हम से भी जयादा दिमाग वाला है,  जो हमें दिमाग दिया और उनके बनाये उसुलू को तोरते मरोरते चले गए | अब आप सोचये जब हम एक दुसरे के बात से सहमत नहीं होते | अच्छे बुरे में तो हमारी आपसी रंजिस हो जाता | एक दुसरे को मारने मरने  पे उतारू हो जाता हैं, तो सोचये जिसने हमें जीने का  हक़ दिया सुन्दर सा दुनिया बना कर दिया हवा पानी सूर्य चाँद दिया और हम उनकी बातो से सहमत नहीं रहते तो ओ कितना नाराज हो रहा होगा | हम पर यही अहसाश दिलाने के लिए भूकंप और सोनामी जैसे लीला प्रकृति करती रहती है  | हमारी आत्मा यहाँ सठिया गई हम अपने चका चाँद जिन्दगी बनाने के लिए उन प्रजाति की कोई कीमत ही नहीं समझते जो हमारे संपर्क में रोजमरा नहीं आता | एक उदाहरण के तोर पे भारत में १३० + मछलिया की प्रजाति पाई जाती थी आज से कुछ दसक पहले और अभी भारत में मात्र ८३-८५ प्रजाति की मछलिया पाई जाती है | आप सोचये अगर हम इन्सान में लरका या लरकी काला या गोरा इन्सान, लम्बा या बोना इन्सान, में से किसी एक का अस्तित्व ख़तम हो जाये तो इन्सान का क्या पहचान रह जायेगा | इसी तरह और प्रजाति की भी समस्या हैं | हम आप विज्ञानं के किताब में लाइफ साइकल वयवस्था पढ़े है  की एक के बिना लाइफ साइकल टूट जायेगा और प्रलय हो जायेगा | ऐसी कई सरे उदाहरण आप को मिलेंगे सोचये डयानासुर   जैसे प्राणी तब्दील और लुप्त हो सकता तो हम आदमी की क्या ? यहाँ हम जो अपनी आत्मा को सठिया रहे इसे सठियाने ना दे | प्रकृति को सजोगने के लिए आप अपनी सेवा दे | जब प्रकृति नहीं रहेगा तो हम कोंन से मनमोहन सिंह जी और कोंन से विनायक सेन जी को कटघरे में घेरेंगे |&lt;br /&gt;&lt;br /&gt;दोस्तों इसके लिए एक सुझाव मैं अपनी तरफ से रखता हूँ जिन लोगो को सुझाव अच्छा लगे कृपा कर सहयोग के लिए अपनी हाथ बढ़ाये |&lt;br /&gt;जो भी दोस्त फेसबुक में ये ब्लॉग पढ़ते हैं ओर आप को लगता है की आप जॉब कर रहे है १०००० रूपये प्रति माह आप की आय हैं | आप अपनी आय का २०० रूपये प्रति माह प्रकृति को बचाने के लिए खर्च कर सकते है | दोस्त आप २०० रूपये नहीं दे सकते तो आप और तरह से सहयोग दे सकते हैं | अब आप के पास ये प्रश्न हैं की २०० रूपये प्रति माह से क्या होगा | हम १० लोग भी अगर आगे बढे तो महीने के २००० रूपये जोर कर २ -४ पेर लगा सकते हैं | ऐसे अगर हम ५ साल भी करते तो  २०० पेर जरुर लगा लेंगे | अब आप ये पूछते हैं की हमारे देश में बहुत संस्था है सरकार हैं |&lt;br /&gt;मैं मानता हूँ सरकार चाहे  जो भी पार्टी का हो उनको तो अपनी सियासती रोटी और कुर्सी के सिवाय कुछ नहीं करना | और जो संस्था हैं बस इन बातो के पीछे अपना बिज़नस चला रहे १० पेर लगते और १०० पेर बताते है अपनी टेक्स बचाते और देश के प्रतिष्ठित पुरस्कार के लिए अपना दस्तावेज भेजदेता | मैं इन लोगो से हट के बात करता हूँ | जो भाई दोस्त दिल्ली में हैं जो और जगह हैं बिना दूर के सोचे निह्सवार्थ ये कार्य में सहयोग दे और प्रकृति को बचाने का गोरव पाए | हर कोई कुछ भी अपनी स्वार्थ के लिए करता मैं भी अपनी स्वार्थ में ऐसा सोच रहा हूँ लेकिन जब स्वार्थ भला के लिए हो तो नजरया अलग कर के सोचना चाहिए | मैं ऐसा करने में अपनी एक बुरी आदत को छोरने के लिए उत्सुक हूँ | सायद हमारे जैसे कई लोग हैं और उनकी मज़बूरी कही मेरे से बढ़ कर हो सकता  | मैं सिगरेट पिता हूँ मैं इन रूपये से पेर लगाने को तैयार हूँ आप तमाम लोगो में कोई ना कोई ऐसी आदत होगा उसे थोरा कम कर के ये सोच सकते | सायद ये थोरा अटपटा लग रहा होगा दोस्तों लेकिन जरा सोचये हमारे जैसे करोरो लोग हैं, जो अपनी बुरी आदत से २०० रूपये बचा कर पेर लगा सकते | इसके लिए आपको कोई कागजी करवाई नहीं करना परेगा आप अपने आस पास के स्कूल सरक के किनारे अपने घर के आसपास भी कर सकते | घर पे करने की तो अलग बात है | अगर सरक के किनारे का योजना हो तो हम १० दोस्त मिल कर ऐसा कर सकते और इसके लिए हम किसी कानून वाव्स्था को अपने हाथ में नहीं लेंगे हम कोसिस करेंगे अपने आसपास के सरकारी दफ्तर से सहयोग लेंगे |&lt;br /&gt;&lt;br /&gt;ऐसा हम कर सकते जरा सोचये अपने आत्मा से पुछये अगर मेरा ब्लॉग पढने के बाद किसी को अगर मुझे कोसने का मन करे तो जरुर कोसयेगा आप का हक़ है | आप को अच्छा नहीं लगे तो ख़राब बोलना हक़ हैं आपका | अगर लगता है आप मदद के लिए आगे आ सकते तो फेसबुक पे ही आप अपना योजना बना कर अपने सभी दोस्तों से आग्रह कर सकते और फिर सभी दोस्त मिल कर आगे कैसे ये सफल हो सकता सोचने लगेंगे और इसे जमीन तक लाने का |&lt;br /&gt;&lt;br /&gt;अंततह  हम अपने आत्मा को सठियाने से रोक सकते है |&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-8116731420008532050?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/8116731420008532050/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=8116731420008532050' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/8116731420008532050'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/8116731420008532050'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2011/03/blog-post.html' title='अपने आत्मा को सठियाने से रोक सकते है |'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-8216248028409627163</id><published>2011-02-07T01:53:00.000-08:00</published><updated>2011-02-07T01:54:43.781-08:00</updated><title type='text'>जरा आप भी सोचये हम ऐसा कियो नहीं सोचता .....</title><content type='html'>नमस्ते दोस्तों |&lt;br /&gt;अपनी भागती दोरती जिन्दगी में अपनी कीमती समय को निकल कर ब्लॉग लिखना बहुत बरी बात होता हैं | ब्लॉग मैं इसलिए लिखता हूँ की आप सभी भी थोरा समय निकल कर देश दुनिया के आच्छा बुरा में अपना भागीदारी देने और लेने में और खुद की हक़ की हिफाजत कर सके |&lt;br /&gt;मैं विजय त्रिवेदी जी का एक प्रोग्राम देख रहा था चमरी चोर थोरी देर तो ऐसा लगा की न्यूज़ चेनल अपना काम कर रहा लेकिन कुछ देर बाद मेरे टीवी स्क्रीन पर मोटि शब्द  में लिखा आया की भारत में प्रति वर्स १४००० शरीर के अंग दान के द्वारा जमा होता हैं | लेकिन इसी भारत वर्स में प्रति वर्स ७०००० शरीर के अंग का प्रित्यापन किया जाता हैं | अब सोचने की बात ये हैं की आप अगर १ रूपये कमाते और ५ रूपये खर्च करते तो या तो आप कर्ज लेते जो की एक निश्चित  समय तक आप को कर्ज देने वाले को वापस करना होता हैं|  इस कर्ज को तोरने के लिए आप अपना मेहनत बढ़ा कर सायद निजात   पा सकते और इसमें सफल ना हो पाए तो आप भी अवैध कार्यो में शामिल होने लगते अपनी कर्ज से निकलने के लिए | फिर समाज में आप के बारे में कई तरह के बाते बनाया जाता हैं | आप को सजा भी मिलता लेकिन आप का कुछ नहीं होता पता हैं कियो ? कियोकी हम जो हैं इस बात से ही खुस रहते की आप पर करवाई शुरू हो गया इसके बाद हम जो हैं आप को भूल जाते हैं की आप ने कुछ किया था जिससे समाज में अराजकता आई | मैं बहुत छोटा था जब हवाला और चारा घोटाला हुआ था  | कभी कभी पापा और उनके दोस्तों को इन विषयों पर चर्चा करते सुनता था तो समझ नहीं आता की ये किया बात कर रहे पापा | जब मैं देश दुनिया को समझने लगा तो राजनीती,  कूटनीति अर्थ वयवस्था प्रशासन वयवस्था और जो भी वयवस्था समझने की कोसिस करने लगा | आख़िरकार समझ में कोई वयवस्था नहीं आई और मैं समझ पाया कंप्यूटर और इन्टरनेट वयवस्था और मैं अपने  पेट की सेवा करने के लिए इसे अच्छी  तरह समझ पाया और अपनी पेट का सेवा अच्छा से कर लेता हूँ | जब पेट खुश रहता तो बेचारा दिमाग भी खुश हो जाता और फिर कुछ सोचने समझने लगता हूँ | आय दिन सुनता रहता हूँ सी .डब्लुए .जी घोटाला ७०००० करोर  २जि १७५००० करोर  का घोटाला आदर्श घोटाला और कई सरे घोटाले के बारे में स्विस बैंक में जमा कला धन का तो हिसाब का कहना मुस्किल हैं  | सरकार के लिए महगाई समस्या जनता के लिए महगाई समस्या कियो ? जब इतने सरे रूपये की कोई लेखा जोखा नहीं हो तो महगाई कियो ना अपना तानदव करेगी | आज तक मुझे नहीं लगता इन सब गतिविधियों में सामिल हमारे नेता जी या अधिकारी गन को कोई सजा मिला हो | सिनेमा में देखने को मिलता कानून अंधी तो हैं लेकिन सच की जित दिलाती मुझे नहीं लगता ऐसा आप को लगता तो जरुर बताएगा | मेरे मन में एक सवाल हमेशा आता की हमारे कानून में ६४-६५ साल में नोकरशाही  को विराम देने का प्रावधान हैं | फिर हमारे नेताजी लोग जो अपनी इन पराव को पार कर चुके  अपने गद्दी कियो नहीं छोरते इसका कारण भी मैं बताता हूँ आप को| हम जो हैं वो इनको चुन कर लाते हैं , इसलिए मुझे इक सूझ आया हैं की कियो ना हम ६४-६५ साल के इन नेताजी का बहिसकर करे | अगर आप के पास कोई सुझाव हो तो बताने का कृपा करे | और मेरा मानना हैं जब तक ये दादा जी रास्ते से नहीं हटते तब तक हमारे जैसे पोता कुछ नहीं कर सकता |&lt;br /&gt;&lt;br /&gt;मैं अपनी होसो हवास में रहते हुए आप से अनुरोध करता हूँ की इन दादाजी नेताजी को मतदान के लिए नहीं चुने आप हम अगर ऐसा चाहते हैं तो पक्का हो सकता | हम आप से सहमत हैं नयी खून में जोश की तो कमी नहीं होता लेकिन होस खोने का दर रहता लेकिन ऐसा बहुत काम होता | आज का जमाना बदल चूका हैं | हमारे बुजुर्ग नेता जी ही दुस्कर्मो के भागीदार  होते | २५-३५ साल के नेता जी का बलात्कार का केस नहीं सुनने को मिला हैं आप को लेकिन ४५+ के नेता जी का कई ऐसे कारनामे आपने भी सुना होगा | इससे सवित होता की नई खून में वहसी पाना नहीं हैं | &lt;br /&gt;&lt;br /&gt;दोस्तों इस ब्लॉग का सरांस लिखने के लिए हमें और समय चाहिए आगे हम सरांस लिखेंगे ....|&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-8216248028409627163?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/8216248028409627163/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=8216248028409627163' title='5 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/8216248028409627163'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/8216248028409627163'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2011/02/blog-post.html' title='जरा आप भी सोचये हम ऐसा कियो नहीं सोचता .....'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-7818089872367720138</id><published>2011-01-27T09:16:00.000-08:00</published><updated>2011-01-27T09:18:11.006-08:00</updated><title type='text'>सच भगवन ही ऐसे लोगो का मदद करता | बात ख़तम नहीं हुई दोस्तों आगे फिर लिखेंगे ......</title><content type='html'>मैं आज बाजार में सब्जिय खरीद रहा था | आलू १० रुपये के सवा किलो प्याज ४० रुपये किलो लहसन ३० रुपये के १०० ग्राम टमाटर २० रुपये किलो ! तभी एक आदमी दुकान पर आया कपरे के पहरावे से ही पता चलता था की रोज की मजदूरी  करने वाले हैं | जब उसने ५० रुपये का नोट निकला और दुकानदार से सारा भाव मोल करने के बाद पव भर गोभी आधा किलो आलू लेने के बाद दुकानदार से १०० ग्राम प्याज देने बोला दुकानदार  ने दू तुक  जबाव दिया नहीं पाव से कम नहीं मिलेगा | थोरी देर तक मैं सोचता रहा फिर पूछा भाई ऐसा कियो दुकानदार ने बोला सर जी १०० ग्राम में या तो १० ग्राम जयादा देना परेगा या १० ग्राम कम आप बताये अगर ऐसे १० लोग आ जाये तो या हमें तू तू  मै मैं करना परेगा या फिर १० रूपये का नुकसान सहना परेगा आप बताये इस जगह पे आप किया करते | दुकान वाले का अपना सोच को हम गलत नहीं कह सकते अगर ईमानदारी की बात करे तो | फिर मैं उस आदमी के साथ दुकान से चल परे रस्ते में मैंने उनसे पूछा आप किया करते हैं उसने हमें बताया सर मैं दुकान से लोगो के घर तक सामान पहुचाते हैं | दुकान मालिक हमें २5०० रुपये तनखाह देता हैं | और कभी कभी जिनके घर सामान पहुचने जाते वो भी १०-२० रुपये दे देते हैं | मिला जुला के ३००० - ३५०० रुपये कमा लेता हूँ | फिर मैंने उनसे पूछा आप के घर में कितने लोग हैं  ? उसने बताया २ बच्चे हैं , और बीबी हैं | फिर मैंने उनसे पूछा बच्चे कितने बरे हैं उसने बताया एक आठवी में पढता हैं और एक पाचवी में सरकारी स्कूल में पढता हैं | फिर मैंने पूछा उनसे आप कैसे घर का खर्चा  शम्भालते हैं बोला सरजी भगवन की दया से | मैं वापस अपने रूम में आया और ये सोचता रहा रात भर अगर वो इन्सान कम से कम १००० रुपये घर का किराया देता होगा जैसा मेरे सामने उसने ३० रुपये का सब्जीया ख़रीदा तो अभी चावल और आता तेल मसाला गैस या किरोसन तेल तो अभी बचा ही हैं | ये सोच कर रात भर नींद नहीं आया | अगर आप ये पढ़कर ये सोचते हैं की मैं ने ऐसा क्यों लिखा तो आप को जान कर खुसी होगी की कम से कम हम आप तक ये बात पंहुचा सके और थोरी देर आप को भी सोचने के लिए मजबूर कर दिए | यह भी बता दू की मैं राजनीती विषयो पर बहस नहीं करता हूँ | मैं बस इतना चाहता हूँ की जिनका विवरण मैं लिखा इनके जैसे आधी आवादी मेरे देश में हैं | प्लीज ऐसे लोगो का मदद कैसे हो सकता ???????&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-7818089872367720138?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/7818089872367720138/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=7818089872367720138' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/7818089872367720138'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/7818089872367720138'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2011/01/blog-post.html' title='सच भगवन ही ऐसे लोगो का मदद करता | बात ख़तम नहीं हुई दोस्तों आगे फिर लिखेंगे ......'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-5293931485586121072</id><published>2011-01-20T02:13:00.000-08:00</published><updated>2011-01-20T02:49:22.711-08:00</updated><title type='text'>HTML 5 Tag</title><content type='html'>I am using here // &lt;=[= and ]=&gt; There is html error //&lt;br /&gt;[!--...--]   Specifies a comment   &lt;br /&gt;[!DOCTYPE]   Specifies the document type   &lt;br /&gt;[a]    Specifies a hyperlink   &lt;br /&gt;[abbr]    Specifies an abbreviation   &lt;br /&gt;[address]   Specifies an address element   &lt;br /&gt;[area]    Specifies an area inside an image map   &lt;br /&gt;[article]   Specifies an article  NEW&lt;br /&gt;[aside]   Specifies content aside from the page content  NEW&lt;br /&gt;[audio]   Specifies sound content  NEW&lt;br /&gt;[b]    Specifies bold text   &lt;br /&gt;[base]    Specifies a base URL for all the links in a page   &lt;br /&gt;[bdo]    Specifies the direction of text display   &lt;br /&gt;[blockquote]  Specifies a long quotation   &lt;br /&gt;[body]    Specifies the body element   &lt;br /&gt;[br]    Inserts a single line break   &lt;br /&gt;[button]   Specifies a push button   &lt;br /&gt;[canvas]   Define graphics  NEW&lt;br /&gt;[caption]   Specifies a table caption   &lt;br /&gt;[cite]    Specifies a citation   &lt;br /&gt;[code]    Specifies computer code text   &lt;br /&gt;[col]    Specifies attributes for table columns    &lt;br /&gt;[colgroup]   Specifies groups of table columns   &lt;br /&gt;[command]   Specifies a command  NEW&lt;br /&gt;[datalist]   Specifies an "autocomplete" dropdown list  NEW&lt;br /&gt;[dd]    Specifies a definition description   &lt;br /&gt;[del]    Specifies deleted text   &lt;br /&gt;[details]   Specifies details of an element  NEW&lt;br /&gt;[dfn]    Defines a definition term   &lt;br /&gt;[div]    Specifies a section in a document   &lt;br /&gt;[dl]    Specifies a definition list   &lt;br /&gt;[dt]    Specifies a definition term   &lt;br /&gt;[em]    Specifies emphasized text    &lt;br /&gt;[embed]   Specifies external application or interactive content  NEW&lt;br /&gt;[eventsource]  Specifies a target for events sent by a server  NEW&lt;br /&gt;[fieldset]   Specifies a fieldset   &lt;br /&gt;[figcaption]  Specifies caption for the figure element.  NEW&lt;br /&gt;[figure]   Specifies a group of media content, and their caption  NEW&lt;br /&gt;[footer]   Specifies a footer for a section or page  NEW&lt;br /&gt;[form]    Specifies a form    &lt;br /&gt;[h1]    Specifies a heading level 1   &lt;br /&gt;[h2]    Specifies a heading level 2   &lt;br /&gt;[h3]    Specifies a heading level 3   &lt;br /&gt;[h4]    Specifies a heading level 4   &lt;br /&gt;[h5]    Specifies a heading level 5   &lt;br /&gt;[h6]    Specifies a heading level 6   &lt;br /&gt;[head]    Specifies information about the document   &lt;br /&gt;[header]   Specifies a group of introductory or navigational aids, including hgroup elements  NEW&lt;br /&gt;[hgroup]   Specifies a header for a section or page  NEW&lt;br /&gt;[hr]    Specifies a horizontal rule   &lt;br /&gt;[html]    Specifies an html document   &lt;br /&gt;[i]    Specifies italic text   &lt;br /&gt;[iframe]   Specifies an inline sub window (frame)   &lt;br /&gt;[img]    Specifies an image   &lt;br /&gt;[input]   Specifies an input field   &lt;br /&gt;[ins]    Specifies inserted text   &lt;br /&gt;[kbd]    Specifies keyboard text   &lt;br /&gt;[keygen]   Generates a key pair  NEW&lt;br /&gt;[label]   Specifies a label for a form control   &lt;br /&gt;[legend]   Specifies a title in a fieldset   &lt;br /&gt;[li]    Specifies a list item   &lt;br /&gt;[link]    Specifies a resource reference   &lt;br /&gt;[mark]    Specifies marked text  NEW&lt;br /&gt;[map]    Specifies an image map    &lt;br /&gt;[menu]    Specifies a menu list   &lt;br /&gt;[meta]    Specifies meta information   &lt;br /&gt;[meter]   Specifies measurement within a predefined range  NEW&lt;br /&gt;[nav]    Specifies navigation links  NEW&lt;br /&gt;[noscript]   Specifies a noscript section   &lt;br /&gt;[object]   Specifies an embedded object   &lt;br /&gt;[ol]    Specifies an ordered list   &lt;br /&gt;[optgroup]   Specifies an option group   &lt;br /&gt;[option]   Specifies an option in a drop-down list   &lt;br /&gt;[output]   Specifies some types of output  NEW&lt;br /&gt;[p]    Specifies a paragraph   &lt;br /&gt;[param]   Specifies a parameter for an object   &lt;br /&gt;[pre]    Specifies preformatted text   &lt;br /&gt;[progress]   Specifies progress of a task of any kind  NEW&lt;br /&gt;[q]    Specifies a short quotation   &lt;br /&gt;[ruby]    Specifies a ruby annotation (used in East Asian typography)  NEW&lt;br /&gt;[rp]    Used for the benefit of browsers that don't support ruby annotations  NEW&lt;br /&gt;[rt]    Specifies the ruby text component of a ruby annotation.  NEW&lt;br /&gt;[samp]    Specifies sample computer code   &lt;br /&gt;[script]   Specifies a script   &lt;br /&gt;[section]   Specifies a section  NEW&lt;br /&gt;[select]   Specifies a selectable list   &lt;br /&gt;[small]   Specifies small text   &lt;br /&gt;[source]   Specifies media resources  NEW&lt;br /&gt;[span]    Specifies a section in a document   &lt;br /&gt;[strong]   Specifies strong text   &lt;br /&gt;[style]   Specifies a style definition   &lt;br /&gt;[sub]    Specifies subscripted text   &lt;br /&gt;[summary]   Specifies a summary/caption for the [details] element  NEW&lt;br /&gt;[sup]    Specifies superscripted text   &lt;br /&gt;[table]   Specifies a table   &lt;br /&gt;[tbody]   Specifies a table body   &lt;br /&gt;[td]    Specifies a table cell   &lt;br /&gt;[textarea]   Specifies a text area   &lt;br /&gt;[tfoot]   Specifies a table footer   &lt;br /&gt;[th]    Specifies a table header   &lt;br /&gt;[thead]   Specifies a table header   &lt;br /&gt;[time]    Specifies a date/time  NEW&lt;br /&gt;[title]   Specifies the document title   &lt;br /&gt;[tr]    Specifies a table row   &lt;br /&gt;[ul]    Specifies an unordered list   &lt;br /&gt;[var]    Specifies a variable   &lt;br /&gt;[video]   Specifies a video  NEW&lt;br /&gt;[wbr]    Specifies a line break opportunity for very long words and strings of text with no spaces.  NEW&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-5293931485586121072?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/5293931485586121072/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=5293931485586121072' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/5293931485586121072'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/5293931485586121072'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2011/01/html-5-tag.html' title='HTML 5 Tag'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-8229938964265902942</id><published>2009-06-12T00:15:00.000-07:00</published><updated>2009-06-12T00:30:01.945-07:00</updated><title type='text'>Quirks mode and strict mode</title><content type='html'>The structure and appearance of a web page is described by a combination of two standardized languages:HTML, a markup language designed for web use, which describes the structure and content of the page, and CSS, a generalized stylesheet language, which specifies how the page should be rendered in various media (visual styles for screen display, print styles to use when printing the page, aural styles to use when the page is read aloud by a screen reader, etc.). However, most older web browsers either did not fully implement the specifications for these languages or were developed prior to the finalization of the specifications (Internet Explorer  version 5.0 was the first major web browser with full support for CSS Level 1, for example).[1] As a result, many older web pages were constructed to rely upon the older browsers' incomplete or incorrect implementations, and will only render as intended when handled by such a browser.&lt;br /&gt;Support for standardized HTML and CSS in major web browsers has improved significantly, but the large body of legacy documents which rely on the quirks of older browsers represents an obstacle for browser developers, who wish to improve their support for standardized HTML and CSS, but also wish to maintain with older, non-standardized pages. Additionally, many new web pages continue to be created in the older fashion, since the compatibility workarounds introduced by browser developers mean that an understanding of standardized methods is not strictly necessary.&lt;br /&gt;To maintain compatibility with the greatest possible number of web pages, modern web browsers are generally developed with multiple rendering modes: in "standards mode" pages are rendered according to the HTML and CSS specifications, while in "quirks mode" attempts are made to emulate the behavior of older browsers. Some browsers rendering engine, or Internet Explorer 8  in strict mode, for example) also use an "almost standards" mode which attempts to compromise between the two, implementing one quirk for table cell sizing while otherwise conforming to the specifications&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Quirks mode and strict mode are the two ’modes’ modern browsers can use to interpret your CSS.When Netscape 4 and IE 4 implemented CSS, their support did not match the W3C standard. Any websites rendered correctly in the various browsers, web developers had to implement CSS according to the wishes of these browsers. most websites used CSS in ways that didn’t quite match the specifications. when standards compliancy became important browser vendors faced a tough choice. Moving closer to the W3C specifications was the way to go, but if they would  just change the CSS implementations to match the standards perfectly, many websites would break to a greater or lesser extent.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;How to trigger quirks mode&lt;span style="font-style:italic;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Some doctypes  or the inclusion of an &lt;xml&gt; declaration, trigger “quirks mode” or backwards compatible mode in IE 6. In that case, IE 6 acts like IE 5.5, and shares the same bugs, problems and behaviour as its elder brother.&lt;br /&gt;In IE 7, an &lt;xml&gt; declaration no longer changes the rendering mode . Authors who want to keep all versions of IE up to IE 7 in quirks mode (without affecting other browsers) cannot rely on this anymore. However, inserting a comment before the doctype (but after the &lt;xml&gt; declaration) will still trigger quirks mode in IE 7, as in the example below.&lt;br /&gt;1. &lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;br /&gt;2. &lt;!-- ... and keep IE7 in quirks mode --&gt;&lt;br /&gt;3. &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;&lt;br /&gt;Quirks mode in IE 7 can also be triggered when coding HTML 4.01 documents. Inserting a comment before the DTD will trigger this backwards compatible mode in both IE 6 and IE 7.&lt;br /&gt;1. &lt;!-- quirks mode --&gt;&lt;br /&gt;2. &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-8229938964265902942?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/8229938964265902942/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=8229938964265902942' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/8229938964265902942'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/8229938964265902942'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2009/06/quirks-mode-and-strict-mode.html' title='Quirks mode and strict mode'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-6707001278130977271</id><published>2008-06-30T04:15:00.000-07:00</published><updated>2009-04-06T23:20:50.152-07:00</updated><title type='text'>Iframe Validating</title><content type='html'>I came across a solution for validating iframes in strict DTD. As iframe is a depreciated tag, still it works in html 4.01 ,xhtml1.0.But its better to use object in place of iframe.&lt;br /&gt;&lt;br /&gt;[object] is for inserting any foreign object into XHTML documents. Since Iframes include HTML/XHTML documents, the MIME type for the document is “text/html” or “application/xhtml+xml”. We will use the first one because it is compatible with all browsers including Internet Explorer.&lt;br /&gt;&lt;br /&gt;Let me show you by an example. &lt;br /&gt;&lt;br /&gt;Note : ()= &lt;&gt;&lt;br /&gt;&lt;br /&gt;(!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”&lt;br /&gt;“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”)&lt;br /&gt;(html xmlns=”http://www.w3.org/1999/xhtml” lang=”en” xml:lang=”en”)&lt;br /&gt;(head)&lt;br /&gt;(title)(/title)&lt;br /&gt;(meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ /)&lt;br /&gt;(/head)&lt;br /&gt;(body)&lt;br /&gt;(object style=”width:500px; height:200px” data=”http://www.google.com” type=”text/html” standby=”Google)(/object)&lt;br /&gt;(/body)&lt;br /&gt;(/html)&lt;br /&gt;&lt;br /&gt;Let me briefly explain the terms which are used in the above snippet.&lt;br /&gt;&lt;br /&gt;    * classid - Defines a ClassID in the registry.&lt;br /&gt;    * data - The URL of the object (required).&lt;br /&gt;    * name - The name of the object if you are using it in JavaScript/VBScript or some other scripting language.&lt;br /&gt;    * standby - Text to display when loading.&lt;br /&gt;    * type - The MIME type of the object . Required.&lt;br /&gt;&lt;br /&gt;When you run this example it is xhtml validated wheteher its transitional or strict.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-6707001278130977271?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/6707001278130977271/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=6707001278130977271' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/6707001278130977271'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/6707001278130977271'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2008/06/iframe-validating.html' title='Iframe Validating'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-8251898231523665180</id><published>2007-10-18T05:13:00.000-07:00</published><updated>2007-10-18T05:28:52.086-07:00</updated><title type='text'>how to call div layer as slide left to right or right to left</title><content type='html'>After long time i am on my blog.&lt;br /&gt;&lt;br /&gt;My first project with indian express&lt;br /&gt;&lt;br /&gt;http://www.expressindia.com/gtest/final/expressindiascreen/index.html&lt;br /&gt;&lt;br /&gt;i have done lots of new thing which is new for me &lt;br /&gt;&lt;br /&gt;1. How to call div layer click on button as slide, when click on left button div layer move right to left as slide, when click on right button div layer move left to right as slide&lt;br /&gt;&lt;br /&gt;2. button on off div show and collapse , when click on off button div show expend bottom , when click another off button than on button show off and div layer collapse and show other div layer.&lt;br /&gt;&lt;br /&gt;3. click on link show diffrent div layer without javascript only through css&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-8251898231523665180?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/8251898231523665180/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=8251898231523665180' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/8251898231523665180'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/8251898231523665180'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/10/how-to-call-div-layer-as-slide-left-to.html' title='how to call div layer as slide left to right or right to left'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-3128033836630784230</id><published>2007-09-04T09:05:00.000-07:00</published><updated>2007-09-04T09:13:24.277-07:00</updated><title type='text'>HOW  TO USE DIFFERENT CSS FILE FOR MOZILLA AND IE EXPLORER</title><content type='html'>&lt;span style="font-weight:bold;"&gt;HOW  TO USE DIFFERENT CSS FILE FOR MOZILLA AND IE EXPLORER&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;This script allows you to detect which browser your visitor is using, then loads up the correct cascading style sheet to suit. Change the name and paths, of the files ie.css (Internet Explorer) and nn.css (Netscape Navigator) to your own file names.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;i am using here &lt;&gt; for []&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;This &lt;a href="http://www.technorealm.co.uk/scripts/browserdetectcss.html"&gt;script&lt;/a&gt; needs to go inside the [HEAD] tags.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;[SCRIPT LANGUAGE = "JavaScript"]&lt;br /&gt;[!-- &lt;br /&gt;var browser     = '';&lt;br /&gt;var version     = '';&lt;br /&gt;var entrance    = '';&lt;br /&gt;var cond        = '';&lt;br /&gt;// BROWSER?&lt;br /&gt;if (browser == ''){&lt;br /&gt;if (navigator.appName.indexOf('Microsoft') != -1)&lt;br /&gt;browser = 'IE'&lt;br /&gt;else if (navigator.appName.indexOf('Netscape') != -1)&lt;br /&gt;browser = 'Netscape'&lt;br /&gt;else browser = 'IE';&lt;br /&gt;}&lt;br /&gt;if (version == ''){&lt;br /&gt;version= navigator.appVersion;&lt;br /&gt;paren = version.indexOf('(');&lt;br /&gt;whole_version = navigator.appVersion.substring(0,paren-1);&lt;br /&gt;version         = parseInt(whole_version);&lt;br /&gt;}&lt;br /&gt;if (browser == 'IE' &amp;&amp; version ]= 4) document.write('['+'link rel="stylesheet" href="ie.css" /]');&lt;br /&gt;if (browser == 'Netscape' &amp;&amp; version ]= 2.02) document.write('['+'link rel="stylesheet" href="nn.css" /]');&lt;br /&gt;// --]&lt;br /&gt;[/SCRIPT]&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-3128033836630784230?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/3128033836630784230/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=3128033836630784230' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/3128033836630784230'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/3128033836630784230'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/09/how-to-use-different-css-file-for.html' title='HOW  TO USE DIFFERENT CSS FILE FOR MOZILLA AND IE EXPLORER'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-4517787230616750629</id><published>2007-08-30T12:19:00.000-07:00</published><updated>2007-09-04T09:01:40.352-07:00</updated><title type='text'>The MVC (Model View Controller)</title><content type='html'>&lt;span style="font-weight:bold;"&gt;The MVC (Model View Controller)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;introduction to MVC concepts as they are implemented in CakePHP.MVC (Model View Controller) &lt;br /&gt;&lt;br /&gt;framework that inspired CakePHP: &lt;a href="http://rubyforge.org/"&gt;Ruby on Rails&lt;/a&gt;. Ruby on Rails is a web framework for the &lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;programming language Ruby. It implements both Active Record and MVC.&lt;/span&gt; &lt;br /&gt;&lt;br /&gt;The MVC paradigm is a way of breaking an application, or even just a piece of an &lt;br /&gt;&lt;br /&gt;application's interface, into three parts: the model, the view, and the controller. MVC was &lt;br /&gt;&lt;br /&gt;originally developed to map the traditional input, processing, output roles into the GUI&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Input -&gt; Processing -&gt; Output&lt;br /&gt;&lt;br /&gt;Controller -&gt; Model -&gt; View&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;The user input, the modeling of the external world, and the visual feedback to the user are separated and handled by model, view port and controller objects. The controller interprets mouse and keyboard inputs from the user and maps these user actions into commands that are sent to the model and/or view port to effect the appropriate change. The model manages one or more data elements, responds to queries about its state, and responds to instructions to change state. The view port manages a rectangular area of the display and is responsible for presenting data to the user through a combination of graphics and text.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-4517787230616750629?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/4517787230616750629/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=4517787230616750629' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/4517787230616750629'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/4517787230616750629'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/08/mvc-model-view-controller.html' title='The MVC (Model View Controller)'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-6582375481709062032</id><published>2007-08-30T10:06:00.000-07:00</published><updated>2007-08-30T10:12:52.046-07:00</updated><title type='text'>What is CakePHP?</title><content type='html'>&lt;span style="font-weight:bold;"&gt;CakePHP&lt;/span&gt; :CakePHP is a free open-source rapid development framework for PHP: a structure of libraries, classes and run-time infrastructure for programmers creating web applications originally inspired by the Ruby on Rails framework.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Why CakePHP?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;CakePHP has several features that make it great choice as a framework for developing applications swiftly and with the least amount of hassle:&lt;br /&gt;&lt;br /&gt;* Useful core features (for access control lists, AJAX integration, etc.)&lt;br /&gt;&lt;br /&gt;* Request dispatcher with good looking, custom URLs&lt;br /&gt;&lt;br /&gt;* Compatibility with PHP4 and PHP5&lt;br /&gt;&lt;br /&gt;* Works from any website subdirectory, with little to no Apache configuration&lt;br /&gt;&lt;br /&gt;* Supplies integrated CRUD for database interaction and simplified queries (including scaffolding)&lt;br /&gt;&lt;br /&gt;* Fast and flexible templating (PHP syntax, with helpers)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-6582375481709062032?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/6582375481709062032/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=6582375481709062032' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/6582375481709062032'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/6582375481709062032'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/08/what-is-cakephp.html' title='What is CakePHP?'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-8169782576996569386</id><published>2007-08-12T03:15:00.000-07:00</published><updated>2007-08-16T10:28:17.584-07:00</updated><title type='text'>How to diseble mouse right click for website image</title><content type='html'>&lt;span style="font-weight:bold;"&gt;How to diseble mouse right click for website image&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Use this code inside of head tag your html file, I am using here &lt;&gt; fir []&lt;/span&gt;&lt;br /&gt;please (is lessthan)=&lt; use&lt;br /&gt;&lt;br /&gt;[script language="JavaScript1.2"]&lt;br /&gt;&lt;br /&gt;/*&lt;br /&gt;Disable right click script II (on images)-&lt;br /&gt;&lt;br /&gt;*/&lt;br /&gt;&lt;br /&gt;var clickmessage="Right click disabled on images!"&lt;br /&gt;&lt;br /&gt;function disableclick(e) {&lt;br /&gt;if (document.all) {&lt;br /&gt;if (event.button==2||event.button==3) {&lt;br /&gt;if (event.srcElement.tagName=="IMG"){&lt;br /&gt;alert(clickmessage);&lt;br /&gt;return false;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;else if (document.layers) {&lt;br /&gt;if (e.which == 3) {&lt;br /&gt;alert(clickmessage);&lt;br /&gt;return false;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;else if (document.getElementById){&lt;br /&gt;if (e.which==3&amp;&amp;e.target.tagName=="IMG"){&lt;br /&gt;alert(clickmessage)&lt;br /&gt;return false&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;function associateimages(){&lt;br /&gt;for(i=0;i&lt;span style="font-weight:bold;"&gt;(is lessthan)&lt;/span&gt;document.images.length;i++)&lt;br /&gt;document.images[i].onmousedown=disableclick;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;if (document.all)&lt;br /&gt;document.onmousedown=disableclick&lt;br /&gt;else if (document.getElementById)&lt;br /&gt;document.onmouseup=disableclick&lt;br /&gt;else if (document.layers)&lt;br /&gt;associateimages()&lt;br /&gt;[/script]&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-8169782576996569386?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/8169782576996569386/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=8169782576996569386' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/8169782576996569386'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/8169782576996569386'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/08/how-to-diseble-mouse-right-click-for.html' title='How to diseble mouse right click for website image'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-2415673415076654066</id><published>2007-08-05T00:57:00.000-07:00</published><updated>2007-08-05T00:59:33.144-07:00</updated><title type='text'>Active Record</title><content type='html'>&lt;span style="font-weight:bold;"&gt;Active Record&lt;/span&gt;&lt;br /&gt;Active Record is the ORM layer supplied with Rails. It closely follows the standard ORM model: tables map to classes, rows to objects, and columns to object attributes. It differs from most other ORM libraries in the way it is configured. By relying on convention and starting with sensible defaults, Active Record minimizes the amount of configuration that developers perform. To illustrate this, here’s a program that uses Active Record to wrap&lt;br /&gt;our orders table.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;require 'active_record'&lt;br /&gt;class Order &lt; ActiveRecord::Base&lt;br /&gt;end&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;order = Order.find(1)&lt;br /&gt;order.discount = 0.5&lt;br /&gt;order.save&lt;/span&gt;&lt;br /&gt;This code uses the new Order class to fetch the order with an id of 1 and&lt;br /&gt;modify the discount. (We’ve omitted the code that creates a database connection&lt;br /&gt;for now.) Active Record relieves us of the hassles of dealing with&lt;br /&gt;the underlying database, leaving us free to work on business logic.&lt;br /&gt;But Active Record does more than that. As you’ll see when we develop our&lt;br /&gt;shopping cart application, starting on page 43, Active Record integrates&lt;br /&gt;seamlessly with the rest of the Rails framework. If a web form contains&lt;br /&gt;data related to a business object, Active Record can extract it into our&lt;br /&gt;model. Active Record supports sophisticated validation of model data, and&lt;br /&gt;if the form data fails validations, the Rails views can extract and format&lt;br /&gt;errors with just a single line of code.&lt;br /&gt;Active Record is the solid model foundation of the Rails MVC architecture.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-2415673415076654066?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/2415673415076654066/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=2415673415076654066' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/2415673415076654066'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/2415673415076654066'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/08/active-record.html' title='Active Record'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-768535055132279271</id><published>2007-08-05T00:54:00.001-07:00</published><updated>2007-08-05T00:54:58.355-07:00</updated><title type='text'>Object/Relational Mapping</title><content type='html'>&lt;span style="font-weight:bold;"&gt;Object/Relational Mapping&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;ORM libraries map database tables to classes. If a database has a table&lt;br /&gt;called orders, our program will have a class named Order. Rows in this&lt;br /&gt;table correspond to objects of the class—a particular order is represented as an object of class Order. Within that object, attributes are used to get and set the individual columns. Our Order object has methods to get and set the amount, the sales tax, and so on. In addition, the Rails classes that wrap our database tables provide a set of class-level methods that perform table-level operations. For example,&lt;br /&gt;we might need to find the order with a particular id. This is implemented&lt;br /&gt;as a class method that returns the corresponding Order object. In Ruby class method&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;order = Order.find(1) puts&lt;br /&gt;puts "Order #{order.customer_id}, amount=#{order.amount}" &lt;br /&gt;Sometimes these class-level methods return collections of objects.&lt;br /&gt;iterating&lt;br /&gt;Order.find(:all, :conditions =&gt; "name='dave'") do |order| &lt;br /&gt;puts order.amount&lt;br /&gt;end&lt;/span&gt;&lt;br /&gt;Finally, the objects corresponding to individual rows in a table have methods&lt;br /&gt;that operate on that row. Probably the most widely used is save( ), the&lt;br /&gt;operation that saves the row back to the database.&lt;br /&gt;Order.find(:all, :conditions =&gt; "name='dave'") do |order|&lt;br /&gt;order.discount = 0.5&lt;br /&gt;order.save&lt;br /&gt;end&lt;br /&gt;&lt;br /&gt;So an ORM layer maps tables to classes, rows to objects, and columns to&lt;br /&gt;attributes of those objects. Class methods are used to perform table-level&lt;br /&gt;operations, and instance methods perform operations on the individual&lt;br /&gt;rows.&lt;br /&gt;In a typical ORM library, you supply configuration data to specify the mappings&lt;br /&gt;between things in the database and things in the program. Programmers&lt;br /&gt;using these ORM tools often find themselves creating and maintaining&lt;br /&gt;a boatload of XML configuration files.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-768535055132279271?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/768535055132279271/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=768535055132279271' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/768535055132279271'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/768535055132279271'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/08/objectrelational-mapping.html' title='Object/Relational Mapping'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-2517016498629839095</id><published>2007-08-05T00:39:00.000-07:00</published><updated>2007-08-05T00:40:20.731-07:00</updated><title type='text'>Active Record: Rails Model Support &amp;  Database-centric Programming</title><content type='html'>&lt;span style="font-weight:bold;"&gt;Active Record: Rails Model Support&lt;/span&gt;&lt;br /&gt;In general, we’ll want our web applications to keep their information in a&lt;br /&gt;relational database. Order entry systems will store orders, line items, and&lt;br /&gt;customer details in database tables. Even applications that normally use&lt;br /&gt;unstructured text, such as weblogs and news sites, often use databases&lt;br /&gt;as their backend data store.&lt;br /&gt;Although it might not be immediately apparent from the SQL you use to&lt;br /&gt;access them, relational databases are actually designed around mathematical&lt;br /&gt;set theory. While this is good from a conceptual point of view,&lt;br /&gt;it makes it difficult to combine relational databases with object-oriented&lt;br /&gt;programming languages. Objects are all about data and operations, and&lt;br /&gt;databases are all about sets of values. Things that are easy to express&lt;br /&gt;in relational terms are sometimes difficult to code in an OO system. The&lt;br /&gt;reverse is also true.&lt;br /&gt;Over time, folks have worked out ways of reconciling the relational and&lt;br /&gt;OO views of their corporate data. Let’s look at two different approaches.&lt;br /&gt;One organizes your program around the database; the other organizes the&lt;br /&gt;database around your program.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Database-centric Programming&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;The first folks who coded against relational databases programmed in procedural&lt;br /&gt;languages such as C and COBOL. These folks typically embedded&lt;br /&gt;SQL2 directly into their code, either as strings or by using a preprocessor&lt;br /&gt;that converted SQL in their source into lower-level calls to the database&lt;br /&gt;engine.&lt;br /&gt;The integration meant that it became natural to intertwine the database&lt;br /&gt;logic with the overall application logic. A developer who wanted to scan&lt;br /&gt;through orders and update the sales tax in each order might write something&lt;br /&gt;exceedingly ugly, such as&lt;br /&gt;EXEC SQL BEGIN DECLARE SECTION;&lt;br /&gt;int id;&lt;br /&gt;float amount;&lt;br /&gt;EXEC SQL END DECLARE SECTION;&lt;br /&gt;EXEC SQL DECLARE c1 AS CURSOR FOR&lt;br /&gt;select id, amount from orders;&lt;br /&gt;while (1) {&lt;br /&gt;float tax;&lt;br /&gt;&lt;br /&gt;EXEC SQL WHENEVER NOT FOUND DO break;&lt;br /&gt;EXEC SQL FETCH c1 INTO :id, :amount;&lt;br /&gt;tax = calc_sales_tax(amount)&lt;br /&gt;EXEC SQL UPDATE orders set tax = :tax where id = :id;&lt;br /&gt;}&lt;br /&gt;EXEC SQL CLOSE c1;&lt;br /&gt;EXEC SQL COMMIT WORK;&lt;br /&gt;Scary stuff, eh? Don’t worry. We won’t be doing any of this, even though&lt;br /&gt;this style of programming is common in scripting languages such as Perl&lt;br /&gt;and PHP. It’s also available in Ruby. For example, we could use Ruby’s&lt;br /&gt;DBI library to produce similar-looking code. (This example, like the last,&lt;br /&gt;has no error checking.)&lt;br /&gt;def update_sales_tax&lt;br /&gt;update = @db.prepare("update orders set tax=? where id=?")&lt;br /&gt;@db.select_all("select id, amount from orders") do |id, amount|&lt;br /&gt;tax = calc_sales_tax(amount)&lt;br /&gt;update.execute(tax, id)&lt;br /&gt;end&lt;br /&gt;end&lt;br /&gt;This approach is concise and straightforward and indeed is widely used.&lt;br /&gt;It seems like an ideal solution for small applications. However, there is&lt;br /&gt;a problem. Intermixing business logic and database access like this can&lt;br /&gt;make it hard to maintain and extend the applications in the future. And&lt;br /&gt;you still need to know SQL just to get started on your application.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-2517016498629839095?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/2517016498629839095/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=2517016498629839095' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/2517016498629839095'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/2517016498629839095'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/08/active-record-rails-model-support.html' title='Active Record: Rails Model Support &amp;  Database-centric Programming'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-4538247090174216824</id><published>2007-08-05T00:20:00.000-07:00</published><updated>2007-08-05T00:31:44.738-07:00</updated><title type='text'>The Architecture of Rails</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_tLlxot66fcY/RrV80TtIIrI/AAAAAAAAAGM/ZiTHwQ9L5rk/s1600-h/rb7.gif"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;" src="http://1.bp.blogspot.com/_tLlxot66fcY/RrV80TtIIrI/AAAAAAAAAGM/ZiTHwQ9L5rk/s320/rb7.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5095115791524176562" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_tLlxot66fcY/RrV80TtIIsI/AAAAAAAAAGU/JmaPwCBXSHg/s1600-h/rb8.gif"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;" src="http://1.bp.blogspot.com/_tLlxot66fcY/RrV80TtIIsI/AAAAAAAAAGU/JmaPwCBXSHg/s320/rb8.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5095115791524176578" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;The Architecture of Rails Applications&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;One of the interesting things about Rails is that it imposes some fairly&lt;br /&gt;serious constraints on how you structure your web applications. These constraints make it easier to create applications—a lot easier.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Models, Views, and Controllers&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;The model is responsible for maintaining the state of the application. model Sometimes this state is transient, lasting for just a couple of interactions with the user. Sometimes the state is permanent and will be stored outside the application, often in a database. A model is more than just data; it enforces all the business rules that apply to that data. We make sure that nothing else in the application can make our data invalid. The model acts as both a gatekeeper and a data store. The view is responsible for generating a user interface, normally based view on data in the model. &lt;br /&gt;Although the view may present the user with various ways of inputting data, the view itself never handles incoming data. The view’s work is done once the data is displayed. There may well be many views that access the same model data, often for different purposes. In the online store, there’ll be a view that displays product information on a catalog page and another set of views used by administrators to add and edit products. Controllers orchestrate the application. Controllers receive events from the Controllers ouside world (normally user input), interact with the model, and display an appropriate view to the user. This triumvirate—the model, view, and controller—form an architecture known as MVC.&lt;br /&gt;&lt;br /&gt;MVC was originally intended for conventional GUI applications, where developers found the separation of concerns led to far less coupling, which in turn made the code easier to write and maintain. Each concept or action was expressed in just one well-known place. Using MVC was like constructing a skyscraper with the girders already in place—it was a lot easier to hang the rest of the pieces with a structure already there. In the software world, we often ignore good ideas from the past as we rush headlong to meet the future. When developers first started producing web applications, they went back to writing monolithic programs that intermixed presentation, database access, business logic, and event handling in one big ball of code. But ideas from the past slowly crept back in, and folks started experimenting with architectures for web applications that mirrored the 20-year-old ideas in MVC. The results were frameworks such as WebObjects, Struts, and JavaServer Faces. All are based (with varying degrees of fidelity) on the ideas of MVC. Ruby on Rails is an MVC framework, too. Rails enforces a structure for your application where you develop models, views, and controllers as separate chunks of functionality—it knits them all together as your program executes. One of the joys of Rails is that this knitting process is based on the use of intelligent defaults so that you typically don’t need to write any external configuration metadata to make it all work. This is an example of the Rails philosophy of favoring convention over configuration.&lt;br /&gt;&lt;br /&gt;In a Rails application, incoming requests are first sent to a router, which works out where in the application the request should be sent and how the request itself should be parsed. Ultimately, this phase identifies a particular method (called an action in Rails parlance) somewhere in the action controller code. The action might look at data in the request itself, it might interact with the model, and it might cause other actions to be invoked.&lt;br /&gt;&lt;br /&gt;Eventually the action prepares information for the view, which renders something to the user. The routing component receives the incoming request and immediately picks it apart. In this simple case, it takes the first part of the path, store, as the name of the controller and the second part, add_to_cart, as the name of an action. The last part of the path, 123, is by convention extracted into an internal parameter called id. As a result of all this analysis, the router knows it has to invoke the add_to_cart( ) method in the controller class StoreController&lt;br /&gt;&lt;br /&gt;The add_to_cart( ) method handles user requests. In this case it finds the current user’s shopping cart (which is an object managed by the model). It also asks the  model to find the information for product 123. It then tells  the shopping cart to add that product to itself. (See how the model is being used to keep track of all the business data; the controller tells it what to do, and the model knows how to do it.)&lt;br /&gt;Now that the cart includes the new product, we can show it to the user.&lt;br /&gt;The controller arranges things so that the view has access to the cart object&lt;br /&gt;from the model, and invokes the view code. In Rails, this invocation is often&lt;br /&gt;implicit; again conventions help link a particular view with a given action.&lt;br /&gt;That’s all there is to an MVC web application. By following a set of conventions&lt;br /&gt;and partitioning your functionality appropriately, you’ll discover&lt;br /&gt;that your code becomes easier to work with and your applications becomes&lt;br /&gt;easier to extend and maintain. Seems like a good trade.&lt;br /&gt;If MVC is simply a question of partitioning your code a particular way, you&lt;br /&gt;might be wondering why you need a framework such as Ruby on Rails.&lt;br /&gt;The answer is pretty straightforward: Rails handles all of the low-level&lt;br /&gt;housekeeping for you—all those messy details that take so long to handle&lt;br /&gt;by yourself—and lets you concentrate on your application’s core functionality.&lt;br /&gt;Let’s see how....&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-4538247090174216824?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/4538247090174216824/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=4538247090174216824' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/4538247090174216824'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/4538247090174216824'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/08/architecture-of-rails.html' title='The Architecture of Rails'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_tLlxot66fcY/RrV80TtIIrI/AAAAAAAAAGM/ZiTHwQ9L5rk/s72-c/rb7.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-2877602184221967701</id><published>2007-08-04T05:10:00.000-07:00</published><updated>2007-08-04T05:15:39.734-07:00</updated><title type='text'>Conversions</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_tLlxot66fcY/RrRt3TtIIqI/AAAAAAAAAGE/74t76CONsw0/s1600-h/rb6.gif"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;" src="http://4.bp.blogspot.com/_tLlxot66fcY/RrRt3TtIIqI/AAAAAAAAAGE/74t76CONsw0/s320/rb6.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5094817875412656802" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Conversions&lt;/span&gt;&lt;br /&gt;view image with ruby code and result&lt;br /&gt;&lt;br /&gt;To get the string version of an object, we simply write .to_s after it&lt;br /&gt;var1 = 20&lt;br /&gt;var2 = '30'&lt;br /&gt;puts var1.to_s + var2&lt;br /&gt;puts var1 + var2.to_i&lt;br /&gt;.to_s gives the String&lt;br /&gt;.to_i gives the Integer&lt;br /&gt;.to_f gives the Float version &lt;br /&gt;let's try some more interesting (and a few just weird) conversions:&lt;br /&gt;puts '30' .to_f&lt;br /&gt;puts '200.7474' .to_f&lt;br /&gt;puts '302.3333' .to_i&lt;br /&gt;puts ''&lt;br /&gt;puts '11 is my favorite number!' .to_i&lt;br /&gt;puts 'who asked you about 11 or whatever?' .to_i&lt;br /&gt;puts ''&lt;br /&gt;puts 'me anand' .to_s&lt;br /&gt;puts 5.to_i&lt;br /&gt;&lt;br /&gt;so this probably gave you some surprises. The first one is pretty standar, giving 30.0. after that we converted the string '200.7474' to a float and to an integer&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-2877602184221967701?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/2877602184221967701/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=2877602184221967701' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/2877602184221967701'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/2877602184221967701'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/08/conversions.html' title='Conversions'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_tLlxot66fcY/RrRt3TtIIqI/AAAAAAAAAGE/74t76CONsw0/s72-c/rb6.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-3138803088628300148</id><published>2007-08-04T03:32:00.000-07:00</published><updated>2007-08-04T03:36:02.766-07:00</updated><title type='text'>Variables and assignment</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_tLlxot66fcY/RrRWdTtIIVI/AAAAAAAAAC4/hdgAjxH9mRA/s1600-h/rb5.gif"&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;" src="http://4.bp.blogspot.com/_tLlxot66fcY/RrRWdTtIIVI/AAAAAAAAAC4/hdgAjxH9mRA/s320/rb5.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5094792139968618834" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Variables and assignment&lt;/span&gt;&lt;br /&gt;view image&lt;br /&gt;&lt;br /&gt;Whenever we have putsed a string or a number, the thing we putsed is gone. What mean is, if we &lt;br /&gt;&lt;br /&gt;wanted to print something out twice, we would have to type in twice:&lt;br /&gt;suppose u have long content for print 10 time&lt;br /&gt;than&lt;br /&gt;content ='Variables and assignment &lt;br /&gt;Whenever we have putsed a string or a number, the thing we putsed is gone. What mean is, if we &lt;br /&gt;&lt;br /&gt;wanted to print something out twice, we would have to type in twice:&lt;br /&gt;suppose u have long content for print 10 time&lt;br /&gt;than'&lt;br /&gt;contentt = 'My name is Anand Kumar Pathak i am trying to learn Ruby language really this language is &lt;br /&gt;&lt;br /&gt;easy according other language, i also try to learn ruby on rails'&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;your ruby code&lt;/span&gt;&lt;br /&gt;content ='Variables and assig&lt;br /&gt;nment  the thing we &lt;br /&gt;putsed is gone. &lt;br /&gt;What mean is, if we &lt;br /&gt;wanted to print &lt;br /&gt;something out twice, &lt;br /&gt;we would have to type&lt;br /&gt;in twice: suppose u &lt;br /&gt;have long content for &lt;br /&gt;print 10 time than'&lt;br /&gt;contentt =&lt;br /&gt;contentt = 'My name is &lt;br /&gt;Anand Kumar Pathak&lt;br /&gt;i am trying to learn&lt;br /&gt;Ruby language really &lt;br /&gt;this language is easy &lt;br /&gt;according other &lt;br /&gt;language, i also try to&lt;br /&gt;learn ruby on rails'&lt;br /&gt;puts content&lt;br /&gt;puts contentt&lt;br /&gt;puts contentt&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;your result&lt;/span&gt;&lt;br /&gt;&gt;ruby 1.rb&lt;br /&gt;Variables and assig&lt;br /&gt;nment  the thing we &lt;br /&gt;putsed is gone. &lt;br /&gt;What mean is, if we &lt;br /&gt;wanted to print &lt;br /&gt;something out twice, &lt;br /&gt;we would have to type&lt;br /&gt;in twice: suppose u &lt;br /&gt;have long content for &lt;br /&gt;print 10 time than&lt;br /&gt;My name is &lt;br /&gt;Anand Kumar Pathak&lt;br /&gt;i am trying to learn&lt;br /&gt;Ruby language really &lt;br /&gt;this language is easy &lt;br /&gt;according other &lt;br /&gt;language, i also try to&lt;br /&gt;learn ruby on rails&lt;br /&gt;My name is &lt;br /&gt;Anand Kumar Pathak&lt;br /&gt;i am trying to learn&lt;br /&gt;Ruby language really &lt;br /&gt;this language is easy &lt;br /&gt;according other &lt;br /&gt;language, i also try to&lt;br /&gt;learn ruby on rails&lt;br /&gt;&gt;Exit code: 0&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-3138803088628300148?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/3138803088628300148/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=3138803088628300148' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/3138803088628300148'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/3138803088628300148'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/08/variables-and-assignment.html' title='Variables and assignment'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_tLlxot66fcY/RrRWdTtIIVI/AAAAAAAAAC4/hdgAjxH9mRA/s72-c/rb5.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-6551656557133784929</id><published>2007-08-04T03:12:00.000-07:00</published><updated>2007-08-04T03:13:52.754-07:00</updated><title type='text'>String arithmetic</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_tLlxot66fcY/RrRRVDtIIUI/AAAAAAAAACw/RjqhHL8fdHA/s1600-h/rb4.gif"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://3.bp.blogspot.com/_tLlxot66fcY/RrRRVDtIIUI/AAAAAAAAACw/RjqhHL8fdHA/s320/rb4.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5094786500676559170" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;String arithmetic&lt;/span&gt;&lt;br /&gt;show image&lt;br /&gt;&lt;br /&gt;As you can do arithmetic on numbers, you can also do arithmetic on strings! Let's try to add two strings and see what puts does with that:&lt;br /&gt;string 'I Like '&lt;br /&gt;string 'Tee, coffe and cigarette'&lt;br /&gt;so you can code in ruby&lt;br /&gt;puts 'I Like' + 'Tee,coffe and cigarette'&lt;br /&gt;there is a number 420&lt;br /&gt;puts 'me' + 420&lt;br /&gt;difference between numbers and digits. 10 is a number, but '10' is a string of two digits&lt;br /&gt;let's play with this for  a while&lt;br /&gt;puts 10 + 10&lt;br /&gt;puts '10' + '10'&lt;br /&gt;puts '10 + 10'&lt;br /&gt;puts 2 * 8&lt;br /&gt;puts '3' * 10&lt;br /&gt;puts '5 * 15'&lt;br /&gt;puts '10' * 10&lt;br /&gt;puts '5' * '10'&lt;br /&gt;there is show u problem for last tow line program #&lt;typeError: cannot convert Fixnum into String&gt;&lt;br /&gt;your code in ruby language&lt;br /&gt;puts 'I Like' + 'Tee,coffe and cigarette'&lt;br /&gt;puts 'me' + '420'&lt;br /&gt;puts 10 + 10&lt;br /&gt;puts '10' + '10'&lt;br /&gt;puts '10 + 10'&lt;br /&gt;puts 2 * 8&lt;br /&gt;puts '3' * 10&lt;br /&gt;puts '5 * 15'&lt;br /&gt;your result&lt;br /&gt;&gt;ruby 1.rb&lt;br /&gt;I LikeTee,coffe and cigarette&lt;br /&gt;me420&lt;br /&gt;20&lt;br /&gt;1010&lt;br /&gt;10 + 10&lt;br /&gt;16&lt;br /&gt;3333333333&lt;br /&gt;5 * 15&lt;br /&gt;&gt;Exit code: 0&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-6551656557133784929?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/6551656557133784929/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=6551656557133784929' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/6551656557133784929'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/6551656557133784929'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/08/string-arithmetic.html' title='String arithmetic'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_tLlxot66fcY/RrRRVDtIIUI/AAAAAAAAACw/RjqhHL8fdHA/s72-c/rb4.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-1073214684560490469</id><published>2007-08-04T02:36:00.000-07:00</published><updated>2007-08-04T02:39:29.233-07:00</updated><title type='text'>how to play ruby language with Letters</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_tLlxot66fcY/RrRI6ztIITI/AAAAAAAAACo/LzjanjnVPjQ/s1600-h/rb3.gif"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://2.bp.blogspot.com/_tLlxot66fcY/RrRI6ztIITI/AAAAAAAAACo/LzjanjnVPjQ/s320/rb3.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5094777253611970866" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;how to play ruby language with Letters&lt;/span&gt;&lt;br /&gt;We reffer to groups of letters in a programs as strings. (you can think of beads with letters on them being strung together.) to make it easier to see just what part of the code is in a string, I'll color strings 'blue'&lt;br /&gt;show this image for result&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;here is some string &lt;br /&gt;&lt;br /&gt;'hi all'&lt;br /&gt;'Anand Kumar Pathak'&lt;br /&gt;'11 is my favorite number...and yours favorite number?'&lt;br /&gt;'hey !@#$%^&amp;*() heeeeeeeeee wowwwwwwww'&lt;br /&gt;''&lt;br /&gt;as you can see, strings can have punctation, digits, symbols, and spacesin them.. more than just letters. That last string doesn't have anything in it at all; we call that an empty string.&lt;br /&gt;program&lt;br /&gt;puts 'hi all'&lt;br /&gt;puts 'Anand Kumar Pathak'&lt;br /&gt;puts '11 is my favorite number...and yours favorite number?'&lt;br /&gt;puts 'hey !@#$%^&amp;*() heeeeeeeeee wowwwwwwww'&lt;br /&gt;puts ''&lt;br /&gt;puts 6.0 / 2.0&lt;br /&gt;puts 3 * 2&lt;br /&gt;puts 3 - 7&lt;br /&gt;puts 7 / 2&lt;br /&gt;puts 5 * (12 - 8) + -15&lt;br /&gt;puts 98 + (489572 / (9 * 12)) * -15&lt;br /&gt;program result&lt;br /&gt;&gt;ruby 1.rb&lt;br /&gt;hi all&lt;br /&gt;Anand Kumar Pathak&lt;br /&gt;11 is my favorite number...and yours favorite number?&lt;br /&gt;hey !@#$%^&amp;*() heeeeeeeeee wowwwwwwww&lt;br /&gt;&lt;br /&gt;3.0&lt;br /&gt;6&lt;br /&gt;-4&lt;br /&gt;3&lt;br /&gt;5&lt;br /&gt;-67897&lt;br /&gt;&gt;Exit code: 0&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-1073214684560490469?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/1073214684560490469/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=1073214684560490469' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/1073214684560490469'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/1073214684560490469'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/08/how-to-play-ruby-language-with-letters.html' title='how to play ruby language with Letters'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_tLlxot66fcY/RrRI6ztIITI/AAAAAAAAACo/LzjanjnVPjQ/s72-c/rb3.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-2051725245594772518</id><published>2007-08-04T02:16:00.000-07:00</published><updated>2007-08-04T02:28:22.320-07:00</updated><title type='text'>how to play ruby language with number</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_tLlxot66fcY/RrRE9jtIISI/AAAAAAAAACg/N7b5FSADu6k/s1600-h/rb2.gif"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://1.bp.blogspot.com/_tLlxot66fcY/RrRE9jtIISI/AAAAAAAAACg/N7b5FSADu6k/s320/rb2.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5094772902810100002" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;how to play ruby language with number&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Now that gotten everything ready, write your first program! Open your text editor, and type the following:&lt;br /&gt;&lt;br /&gt;puts 1 + 2&lt;br /&gt;puts 5 - 2&lt;br /&gt;puts 3.0 + 7.0&lt;br /&gt;puts 2.0 * 3.0&lt;br /&gt;puts 6.0 - 9.0&lt;br /&gt;puts 6.0 / 2.0&lt;br /&gt;puts 3 * 2&lt;br /&gt;puts 3 - 7&lt;br /&gt;puts 7 / 2&lt;br /&gt;&lt;br /&gt;your program result &lt;br /&gt;&lt;br /&gt;3&lt;br /&gt;3&lt;br /&gt;10.0&lt;br /&gt;6.0&lt;br /&gt;-3.0&lt;br /&gt;3.0&lt;br /&gt;6&lt;br /&gt;-4&lt;br /&gt;3&lt;br /&gt;you can view image how to write program in ruby language with result&lt;br /&gt;Integer and float&lt;br /&gt;most programming languages (and Ruby is no exception) numbers without decimal points are called integers, and numbers with decimal points are usually called floating-point numbers or, more simply, floats.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-2051725245594772518?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/2051725245594772518/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=2051725245594772518' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/2051725245594772518'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/2051725245594772518'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/08/how-to-play-ruby-language-with-number.html' title='how to play ruby language with number'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_tLlxot66fcY/RrRE9jtIISI/AAAAAAAAACg/N7b5FSADu6k/s72-c/rb2.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-4002203720550490849</id><published>2007-08-04T01:51:00.000-07:00</published><updated>2007-08-04T02:00:28.754-07:00</updated><title type='text'>How to play with ruby langusge</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_tLlxot66fcY/RrRAHjtIIQI/AAAAAAAAACQ/Iref7jKTZaI/s1600-h/rb.gif"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://1.bp.blogspot.com/_tLlxot66fcY/RrRAHjtIIQI/AAAAAAAAACQ/Iref7jKTZaI/s320/rb.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5094767577050652930" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_tLlxot66fcY/RrRAHjtIIRI/AAAAAAAAACY/eaejryLBLpI/s1600-h/rb1.gif"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://1.bp.blogspot.com/_tLlxot66fcY/RrRAHjtIIRI/AAAAAAAAACY/eaejryLBLpI/s320/rb1.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5094767577050652946" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;How to play with ruby langusge&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;First how to install Ruby&lt;br /&gt;&lt;br /&gt;Go get the One-click Installer from the website http://rubyinstaller.rubyforge.org/wiki/wiki.pl/&lt;br /&gt;otherwise you can start from http://rubyinstaller.rubyforge.org/ by clicking (Download) than clicking higest-number version of ruby there version ( 1.8.6-25,1.8.5-24,1.8.5-23,as you understand but i am using for learn ruby 1.8.2-15) when you run it, it will ask you where you want to install Ruby and which parts of it you want installed.. just accept all the defaults.&lt;br /&gt;&lt;br /&gt;After install Ruby how to start your programming&lt;br /&gt;&lt;br /&gt; &lt;br /&gt;&lt;br /&gt;first create your project folder where you want in your computer drive.&lt;br /&gt;Than go to start on your desktop/all programs/ruby/SciTE/ after than SciTE editor on your desktop now start write your ruby program first program you want to print your name.&lt;br /&gt;go to SciTe editer&lt;br /&gt;write there &lt;br /&gt;puts 'your nam'&lt;br /&gt;than press f5 on your keybord than option comes for save that time where you want to save your file. type your file name xyz.rb rb is extension for ruby files&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-4002203720550490849?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/4002203720550490849/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=4002203720550490849' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/4002203720550490849'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/4002203720550490849'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/08/how-to-play-with-ruby-langusge.html' title='How to play with ruby langusge'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_tLlxot66fcY/RrRAHjtIIQI/AAAAAAAAACQ/Iref7jKTZaI/s72-c/rb.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-6226015115293358483</id><published>2007-07-23T06:10:00.000-07:00</published><updated>2007-07-23T06:18:57.057-07:00</updated><title type='text'>Basic JavaScript Lesson 1</title><content type='html'>&lt;span style="font-weight:bold;"&gt;JAVASCRIPT &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;INTRODUCTION&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;JavaScript is a well featured object oriented programming (OOP) language.&lt;br /&gt;It is not Java.&lt;br /&gt;It is mor light weight language used exclusively on web pages to mainpulate objects on the page and embedded in the browser itself.&lt;br /&gt;Like all programming languages, JavaScript's basic purpose is to pick up on the actions of the user and react to them.&lt;br /&gt;JavaScript does this through a series of Event, Functions, and Objects.&lt;br /&gt;There are all sorts of Events like the famous "onMouseOver" event that initiates the common image rollover or pop up menu. Events are added to HTML tags just like attributes and point to a function.Event coded in its tag, a JavaScript function is called and run.&lt;br /&gt;This is referred to as a "function call"&lt;br /&gt;A function contains JavaScript "statements" that mainpulate an Oblect in some way.This is done dynamically in real time.&lt;br /&gt;Once we point to an object with a reference like above, we can use JavaScript Methods and Properties to manipulate that object. amethod is something an object can do ro call on. A property is a characteristic of an object that can be dynamically changed by JavaScript.&lt;br /&gt;Let me explain &lt;br /&gt;&lt;br /&gt;we will changing th background color of web page when an event occurs.Let me make the background of a page change colors when a link on the page is hovered over.&lt;br /&gt;Lets start out by making a simple web page with a gray background:&lt;br /&gt;[script language="JavaScript"]&lt;br /&gt;function change_color(){&lt;br /&gt;document.bgColor="red";&lt;br /&gt;document.fgColor="green"}&lt;br /&gt;&lt;br /&gt;function change_back(){&lt;br /&gt;document.bgColor="white";&lt;br /&gt;document.fgColor="black"}&lt;br /&gt;&lt;br /&gt;[/script]&lt;br /&gt;&lt;br /&gt;follow html code&lt;br /&gt;&lt;br /&gt;[html]&lt;br /&gt;[head]&lt;br /&gt;[title]JS Background Changing[/title]&lt;br /&gt;[script language="JavaScript"]&lt;br /&gt;&lt;br /&gt;function change_color(){&lt;br /&gt;document.bgColor="yellow";&lt;br /&gt;document.fgColor="green"}&lt;br /&gt;&lt;br /&gt;function change_colorA(){&lt;br /&gt;document.bgColor="red";&lt;br /&gt;document.fgColor="blue"}&lt;br /&gt;&lt;br /&gt;function change_colorB(){&lt;br /&gt;document.bgColor="#410000";&lt;br /&gt;document.fgColor="#222222"}&lt;br /&gt;&lt;br /&gt;function change_colorC(){&lt;br /&gt;document.bgColor="green";&lt;br /&gt;document.fgColor="#810000"}&lt;br /&gt;&lt;br /&gt;function change_colorD(){&lt;br /&gt;document.bgColor="pink";&lt;br /&gt;document.fgColor="#710000"}&lt;br /&gt;&lt;br /&gt;function change_colorE(){&lt;br /&gt;document.bgColor="#720000";&lt;br /&gt;document.fgColor="#FFFFFF"}&lt;br /&gt;&lt;br /&gt;function change_colorF(){&lt;br /&gt;document.bgColor="yellow";&lt;br /&gt;document.fgColor="pink"}&lt;br /&gt;&lt;br /&gt;function change_colorG(){&lt;br /&gt;document.bgColor="yellow";&lt;br /&gt;document.fgColor="black"}&lt;br /&gt;&lt;br /&gt;function change_colorH(){&lt;br /&gt;document.bgColor="red";&lt;br /&gt;document.fgColor="green"}&lt;br /&gt;&lt;br /&gt;function change_colorI(){&lt;br /&gt;document.bgColor="green";&lt;br /&gt;document.fgColor="white"}&lt;br /&gt;&lt;br /&gt;[/script]&lt;br /&gt;[style]&lt;br /&gt;a {margin-left:10px;margin-right:15px;color:#000000;text-decoration:none;font-size:14px;font-weight:bold;}&lt;br /&gt;[/style]&lt;br /&gt;&lt;br /&gt;[/head]&lt;br /&gt;&lt;br /&gt;[body bgcolor="gray"]&lt;br /&gt;&lt;br /&gt;[p]Here's some regular ol' paragraph content.[/p]&lt;br /&gt;&lt;br /&gt;[a href="#" onMouseOver="change_color()"]AAAAA[/a]&lt;br /&gt;[a href="#" onMouseOver="change_colorA()"]BBBBBB[/a]&lt;br /&gt;[a href="#" onMouseOver="change_colorB()"]CCCCC[/a]&lt;br /&gt;[a href="#" onMouseOver="change_colorC()"]DDDDD[/a]&lt;br /&gt;[a href="#" onMouseOver="change_colorD()"]EEEEE[/a]&lt;br /&gt;[a href="#" onMouseOver="change_colorE()"]FFFFF[/a]&lt;br /&gt;[a href="#" onMouseOver="change_colorF()"]GGGGG[/a]&lt;br /&gt;[a href="#" onMouseOver="change_colorG()"]HHHHH[/a]&lt;br /&gt;[a href="#" onMouseOver="change_colorH()"]IIIIII[/a]&lt;br /&gt;[a href="#" onMouseOver="change_colorI()"]JJJJJJ[/a]&lt;br /&gt;[/body]&lt;br /&gt;[/html]&lt;br /&gt;i am using here &lt;&gt; for []&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-6226015115293358483?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/6226015115293358483/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=6226015115293358483' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/6226015115293358483'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/6226015115293358483'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/07/basic-javascript-lesson-1.html' title='Basic JavaScript Lesson 1'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-1413451438190003476</id><published>2007-07-03T15:10:00.000-07:00</published><updated>2007-07-04T00:18:41.396-07:00</updated><title type='text'>How to create rounded corners without JavaScript only through css</title><content type='html'>let me explain suppose you have a blah div now how to show blah div rounded &lt;br /&gt;first define an other div abc div than put your blah div inside abc div.&lt;br /&gt;now use this code&lt;br /&gt;#abc {width:500px;background-color:#FF0000;padding:5px;}&lt;br /&gt;now no need to define blah div as blah name than use this code for rounded corner for your css&lt;br /&gt;&lt;br /&gt;.spiffy{&lt;br /&gt;display:block;&lt;br /&gt;}&lt;br /&gt;.spiffy *{&lt;br /&gt;display:block;&lt;br /&gt;height:1px;&lt;br /&gt;overflow:hidden;&lt;br /&gt;background:#ffffff;&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;.spiffy1{&lt;br /&gt;border-right:1px solid #ffffff;&lt;br /&gt;padding-right:1px;&lt;br /&gt;margin-right:3px;&lt;br /&gt;border-left:1px solid #ffffff;&lt;br /&gt;padding-left:1px;&lt;br /&gt;margin-left:3px;&lt;br /&gt;background:#478dec;&lt;br /&gt;}&lt;br /&gt;.spiffy2{&lt;br /&gt;border-right:1px solid #ffffff;&lt;br /&gt;border-left:1px solid #ffffff;&lt;br /&gt;padding:0px 1px;&lt;br /&gt;background:#3883ea;&lt;br /&gt;margin:0px 1px;&lt;br /&gt;}&lt;br /&gt;.spiffy3{&lt;br /&gt;border-right:1px solid #ffffff;&lt;br /&gt;border-left:1px solid #ffffff;&lt;br /&gt;margin:0px 1px;&lt;br /&gt;}&lt;br /&gt;.spiffy4{&lt;br /&gt;border-right:1px solid #ffffff;&lt;br /&gt;border-left:1px solid #ffffff;&lt;br /&gt;}&lt;br /&gt;.spiffy5{&lt;br /&gt;border-right:1px solid #ffffff;&lt;br /&gt;border-left:1px solid #ffffff;&lt;br /&gt;}&lt;br /&gt;.spiffy_content{&lt;br /&gt;padding:0px 5px;&lt;br /&gt;background:#ffffff;&lt;br /&gt;}&lt;br /&gt;now how to define rounded div inside your html page &lt;span style="font-weight:bold;"&gt;i am using here &lt;&gt; for {}&lt;/span&gt;&lt;br /&gt;{div id="abc"}&lt;br /&gt;{div}&lt;br /&gt;{b class="spiffy"}&lt;br /&gt;{b class="spiffy1"}{b}{/b}{/b}&lt;br /&gt;{b class="spiffy2"}{b}{/b}{/b}&lt;br /&gt;{b class="spiffy3"}{/b}&lt;br /&gt;{b class="spiffy4"}{/b}&lt;br /&gt;{b class="spiffy5"}{/b}&lt;br /&gt;{/b} {div class="spiffy_content"}&lt;br /&gt;{div id="maincontent"}&lt;br /&gt;{/div}&lt;br /&gt;&lt;!-- Your Content Goes Here --&gt;&lt;--either you can create a new div where you can use your content &lt;br /&gt;{/div}&lt;br /&gt;{b class="spiffy"}&lt;br /&gt;{b class="spiffy5"}{/b}&lt;br /&gt;{b class="spiffy4"}{/b}&lt;br /&gt;&lt;br /&gt;{b class="spiffy3"}{/b}&lt;br /&gt;{b class="spiffy2"}{b}{/b}{/b}&lt;br /&gt;{b class="spiffy1"}{b}{/b}{/b}&lt;br /&gt;{/b}&lt;br /&gt;{/div}&lt;br /&gt;{/div}&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-1413451438190003476?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/1413451438190003476/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=1413451438190003476' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/1413451438190003476'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/1413451438190003476'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/07/how-to-create-rounded-corners-without.html' title='How to create rounded corners without JavaScript only through css'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-4837532165233050342</id><published>2007-07-01T07:48:00.000-07:00</published><updated>2007-07-01T08:25:38.649-07:00</updated><title type='text'>how to creat rounded corner particular div through css html with javascript</title><content type='html'>&lt;span style="font-weight:bold;"&gt;Let me explain how to create rounded corner a particular div &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;follow javascript code either use javascript file which is link to your html file nor use  inside your html head section&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;this is javascript code&lt;/span&gt;&lt;br /&gt;function make_corners()&lt;br /&gt; {&lt;br /&gt; var $i;&lt;br /&gt; var $elements=find_class(document.body,"rounded");//where can define your div id//&lt;br /&gt; if(!(navigator.appName=="Microsoft Internet Explorer" &amp;&amp; navigator.appVersion.indexOf("5.5")&gt;-1)) for($i in $elements) rounded_corners($elements[$i]);&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; &lt;br /&gt;function rounded_corners($element)&lt;br /&gt; {&lt;br /&gt; var $rc_radius=15, $rc_left=true, $rc_right=true, $rc_top=true, $rc_bottom=true, $rc_self_color, $rc_parent_color, $rc_antialiased,$rc_antialiased_cf=0.33,$rc_compact,$rc_auto_margin,$rc_method="margin",$rc_border,$border_color;&lt;br /&gt; var $property,$container,$el_container,$el_inner,$j,$i,$ang,$ang_last,$bw,$width,ee,$err_alert;&lt;br /&gt; var $classes=$element.className.split(" ");&lt;br /&gt; $rc_self_color=get_current_style($element,"background-color","(transparent)|(rgba)");&lt;br /&gt; $rc_parent_color=get_current_style($element.parentNode,"background-color","(transparent)|(rgba)");&lt;br /&gt; $border_color=get_current_style($element,"border-top-color");&lt;br /&gt; for ($i in $classes)&lt;br /&gt;  {&lt;br /&gt;  $property=$classes[$i].split("-");&lt;br /&gt;  if($property[0]=="rc") switch ($property[1])&lt;br /&gt;   {&lt;br /&gt;   case "radius":&lt;br /&gt;    $rc_radius=$property[2];&lt;br /&gt;    break;&lt;br /&gt;   case "top":&lt;br /&gt;    $rc_top=$property[2]!="0"?true:false;&lt;br /&gt;    break;&lt;br /&gt;   case "left":&lt;br /&gt;    $rc_left=$property[2]!="0"?true:false;&lt;br /&gt;    break;&lt;br /&gt;   case "right":&lt;br /&gt;    $rc_right=$property[2]!="0"?true:false;&lt;br /&gt;    break;&lt;br /&gt;   case "bottom":&lt;br /&gt;    $rc_bottom=$property[2]!="0"?true:false;&lt;br /&gt;    break;&lt;br /&gt;   case "selfcolor":&lt;br /&gt;    $rc_self_color="#"+$property[2];&lt;br /&gt;    break;&lt;br /&gt;   case "parentcolor":&lt;br /&gt;    $rc_parent_color=$property[2]=="transparent"?"transparent":"#"+$property[2];&lt;br /&gt;    break;&lt;br /&gt;   case "inheritstylecolors":&lt;br /&gt;    $rc_parent_color=$property[2]!="0"?false:true;&lt;br /&gt;    $rc_self_color=$property[2]!="0"?false:true;&lt;br /&gt;    break;&lt;br /&gt;   case "antialiased":&lt;br /&gt;    $rc_antialiased=$property[2]!="0"?true:false;&lt;br /&gt;    break;&lt;br /&gt;   case "antialiasedcf":&lt;br /&gt;    $rc_antialiased_cf=parseFloat($property[2]);&lt;br /&gt;    break;&lt;br /&gt;   case "compact":&lt;br /&gt;    $rc_compact=$property[2]!="0"?true:false;&lt;br /&gt;    break;&lt;br /&gt;   case "automargin":&lt;br /&gt;    $rc_auto_margin=$property[2]!="0"?true:false;&lt;br /&gt;    break;&lt;br /&gt;   case "method":&lt;br /&gt;    $rc_method=$property[2];&lt;br /&gt;    break;&lt;br /&gt;   case "border":&lt;br /&gt;    $rc_method="margin";&lt;br /&gt;    $rc_border=true;&lt;br /&gt;    $element.style.border="none";&lt;br /&gt;    break;&lt;br /&gt;   }&lt;br /&gt;  }&lt;br /&gt; if($rc_antialiased &amp;&amp; $rc_method=="margin")&lt;br /&gt;  {&lt;br /&gt;  var $arr_self_color=color2array($rc_self_color);&lt;br /&gt;  var $arr_parent_color=$rc_border?color2array($border_color):color2array($rc_parent_color);&lt;br /&gt;  if($arr_self_color!=false &amp;&amp; $arr_parent_color!=false) var $rc_antialiased_color="rgb("+Math.round(($arr_parent_color[0]-$arr_self_color[0])*$rc_antialiased_cf+$arr_self_color[0])+","+Math.round(($arr_parent_color[1]-$arr_self_color[1])*$rc_antialiased_cf+$arr_self_color[1])+","+Math.round(($arr_parent_color[2]-$arr_self_color[2])*$rc_antialiased_cf+$arr_self_color[2])+")";&lt;br /&gt;  else $rc_antialiased=false;&lt;br /&gt;  }&lt;br /&gt; var $containers=new Array();&lt;br /&gt; if($rc_top)$containers[0]="top";&lt;br /&gt; if($rc_bottom)$containers[$containers.length]="bottom";&lt;br /&gt; if(!$rc_parent_color)$rc_parent_color=get_current_style(document.body,"background-color");&lt;br /&gt; for($j in $containers)&lt;br /&gt;  {&lt;br /&gt;  $container=$containers[$j];&lt;br /&gt;  $el_container=document.createElement("div");&lt;br /&gt;  $el_container.className="rc-container-"+$container;&lt;br /&gt;  if($rc_parent_color &amp;&amp; $rc_method=="margin")&lt;br /&gt;      {&lt;br /&gt;      try&lt;br /&gt;        {&lt;br /&gt;        $el_container.style.backgroundColor=$rc_parent_color;&lt;br /&gt;        }&lt;br /&gt;       catch(ee){self.status="Chyba nastaveni pozadi."}&lt;br /&gt;      }&lt;br /&gt;  $el_container.style.height=$rc_radius+"px";&lt;br /&gt;  for($i=0;$i&lt;$rc_radius;$i++)&lt;br /&gt;   {&lt;br /&gt;   $el_inner=document.createElement("span");&lt;br /&gt;   if($rc_self_color &amp;&amp; $rc_method=="margin")$el_inner.style.backgroundColor=$rc_self_color;&lt;br /&gt;   $el_inner.style.display="block";&lt;br /&gt;   $el_inner.className="rc-inner rc-level-"+$i;&lt;br /&gt;   $ang=Math.asin($i/$rc_radius);&lt;br /&gt;   $el_inner.style.height="1px";&lt;br /&gt;   $el_inner.style.overflow="hidden";&lt;br /&gt;   $width=($rc_radius-Math.round($rc_radius*Math.cos($ang)));&lt;br /&gt;   if($rc_method=="margin")&lt;br /&gt;    {&lt;br /&gt;    $el_inner.style.margin="0 "+($rc_right?$width:"0")+"px 0 "+($rc_left?$width:"0")+"px";&lt;br /&gt;    if($rc_antialiased || $rc_border)&lt;br /&gt;     {&lt;br /&gt;     $bw=Math.ceil($rc_radius*Math.cos(Math.asin(($i-1)/$rc_radius))-$rc_radius*Math.cos($ang));&lt;br /&gt;     if($bw==0)$bw=1;&lt;br /&gt;     $el_inner.style.borderWidth="0 "+($rc_right?$bw:"0")+"px 0 "+($rc_left?$bw:"0")+"px";&lt;br /&gt;     if(!$rc_border)&lt;br /&gt;      {&lt;br /&gt;      try{$el_inner.style.borderColor=$rc_antialiased_color;}&lt;br /&gt;      catch($ee){if(!$err_alert)alert("There's probably a wrong CSS declaration of color used (use '#000000' instead of 'black' or '#000'.");$err_alert=true;}&lt;br /&gt;      }&lt;br /&gt;     else&lt;br /&gt;      {&lt;br /&gt;      $el_inner.style.borderColor=($rc_antialiased &amp;&amp; $width) ? $rc_antialiased_color : $border_color;&lt;br /&gt;      if($i==$rc_radius-1)&lt;br /&gt;       {&lt;br /&gt;       $el_inner.style.backgroundColor=$border_color;&lt;br /&gt;       }&lt;br /&gt;      }&lt;br /&gt;     $el_inner.style.borderStyle="solid";&lt;br /&gt;     }&lt;br /&gt;    }&lt;br /&gt;   else&lt;br /&gt;    {&lt;br /&gt;    if($rc_parent_color)$el_inner.style.borderColor=$rc_parent_color;&lt;br /&gt;    $el_inner.style.borderStyle="solid";&lt;br /&gt;    $el_inner.style.borderWidth="0 "+($rc_right?$width:"0")+"px 0 "+($rc_left?$width:"0")+"px";&lt;br /&gt;    }&lt;br /&gt;   if($container=="top" &amp;&amp; $el_container.firstChild)$el_container.insertBefore($el_inner.cloneNode(true),$el_container.firstChild);&lt;br /&gt;   else $el_container.appendChild($el_inner.cloneNode(true));&lt;br /&gt;   delete $el_inner;&lt;br /&gt;   }&lt;br /&gt;  if($rc_compact)&lt;br /&gt;   {&lt;br /&gt;   if($container=="top") $el_container.style.marginBottom="-"+$rc_radius+"px";&lt;br /&gt;   else $el_container.style.marginTop="-"+$rc_radius+"px";&lt;br /&gt;   }&lt;br /&gt;  if($rc_auto_margin)&lt;br /&gt;   {&lt;br /&gt;   $el_container.style.marginLeft="-"+get_current_style($element,"padding-left");&lt;br /&gt;   $el_container.style.marginRight="-"+get_current_style($element,"padding-right");&lt;br /&gt;   if($container=="top") $el_container.style.marginTop="-"+get_current_style($element,"padding-top");&lt;br /&gt;   else $el_container.style.marginBottom="-"+get_current_style($element,"padding-bottom");&lt;br /&gt;   }&lt;br /&gt;  if($container=="top" &amp;&amp; $element.firstChild)$element.insertBefore($el_container.cloneNode(true),$element.firstChild);&lt;br /&gt;  else $element.appendChild($el_container.cloneNode(true));&lt;br /&gt;  delete $container;&lt;br /&gt;  }&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt;// common functions:&lt;br /&gt;&lt;br /&gt;function find_class($element,$classnames,$result,$first)&lt;br /&gt;  {&lt;br /&gt;  if(!$first)$first=$element;&lt;br /&gt;  if(!$result)$result=new Array();&lt;br /&gt;  if ($element.nodeType==1)&lt;br /&gt;    {&lt;br /&gt;    var $test_exp=new RegExp("(^| )("+$classnames+")( |$)");&lt;br /&gt;    if($test_exp.test($element.className)) $result[$result.length]=$element;&lt;br /&gt;    }&lt;br /&gt;  if ($element.hasChildNodes()) $result=find_class($element.firstChild,$classnames,$result,$first);&lt;br /&gt;  if ($element.nextSibling &amp;&amp; $element!=$first) $result=find_class($element.nextSibling,$classnames,$result,$first);&lt;br /&gt;  return $result;&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt;function get_current_style($element,$property,$not_accepted)&lt;br /&gt;  {&lt;br /&gt;  var ee,$i,$val,$apr;&lt;br /&gt;  var $na=new RegExp($not_accepted);&lt;br /&gt;  try&lt;br /&gt;    {&lt;br /&gt;    var $cs=document.defaultView.getComputedStyle($element,'');&lt;br /&gt;    $val=$cs.getPropertyValue($property);&lt;br /&gt;    }&lt;br /&gt;  catch(ee)&lt;br /&gt;    {&lt;br /&gt;    if($element.currentStyle)&lt;br /&gt;     {&lt;br /&gt;     $apr=$property.split("-");&lt;br /&gt;     for($i=1;$i&lt;$apr.length;$i++) $apr[$i]=$apr[$i].toUpperCase();&lt;br /&gt;     $apr=$apr.join("");&lt;br /&gt;     $val=$element.currentStyle.getAttribute($apr);&lt;br /&gt;     }&lt;br /&gt;    }&lt;br /&gt;  &lt;br /&gt;  if($not_accepted &amp;&amp; $na.test($val) &amp;&amp; $element.parentNode) $val=get_current_style($element.parentNode,$property,$not_accepted);&lt;br /&gt;  return $val;&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt;function color2array($value)&lt;br /&gt; {&lt;br /&gt; if($value.substr(0,1)=="#")return hex2array($value);&lt;br /&gt; else if($value.indexOf("rgb")&gt;-1) return rgb2array($value);&lt;br /&gt; else return false;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt;function rgb2array($value)&lt;br /&gt; {&lt;br /&gt; var $i;&lt;br /&gt; var $regexp=/([0-9]+)[, ]+([0-9]+)[, ]+([0-9]+)/;&lt;br /&gt; var $array=$regexp.exec($value);&lt;br /&gt; $array.shift();&lt;br /&gt; for($i=0;$i&lt;3;$i++)$array[$i]=parseInt($array[$i]);&lt;br /&gt; return($array);&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt;function hex2array($value)&lt;br /&gt; {&lt;br /&gt; return new Array(parseInt($value.substr(1,2),16),parseInt($value.substr(3,2),16),parseInt($value.substr(5,2),16));&lt;br /&gt; }&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;after define which div you want to rounded corner in this javascript function where define rounded&lt;br /&gt;&lt;br /&gt;Let me explain &lt;br /&gt;some time you have problem if you need more rounded corner in your html page &lt;br /&gt;&lt;br /&gt;so you should define only class rouned in your css file where write any property which is common your other div&lt;br /&gt;&lt;br /&gt;than other property you need define your html page which div you want to rounded corner as follow div id="blah" style="background-color:#ff0000;width:100px" as you like your div&lt;br /&gt;&lt;br /&gt;you can do same for other div&lt;br /&gt;&lt;br /&gt;than use following code before closing your body tag in your html page&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;color:#ff0000"&gt;&lt;br /&gt;{script type="text/javascript"}make_corners();{/script} &lt;span style="font-size:20px;color:#710000;text-decoration:underline;"&gt;i m using here &lt;&gt; for {}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Note: My English communication is not strong please avoid sentence error and frequently ask question email me &lt;span style="font-weight:bold;"&gt;anand.hey@gmil.com &lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-4837532165233050342?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/4837532165233050342/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=4837532165233050342' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/4837532165233050342'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/4837532165233050342'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/07/how-to-creat-rounded-corner-particular.html' title='how to creat rounded corner particular div through css html with javascript'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-2524703891203682287</id><published>2007-07-01T06:33:00.000-07:00</published><updated>2007-07-01T08:29:33.570-07:00</updated><title type='text'>how to design your particular div scroll</title><content type='html'>let me explain how to design your particular div scroll through css, html&lt;br /&gt;and JavaScript.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;First use following JavaScript code in your head tag after start head tag before close head tag&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;this code &lt;br /&gt;&lt;br /&gt;&lt;script type='text/javascript'&gt;&lt;br /&gt;//&lt;![CDATA[&lt;br /&gt;&lt;br /&gt;//following are just for demonstration.&lt;br /&gt;//Demonstration functions for dynamic changes, not required for running .&lt;br /&gt;//useful for injecting dynamic content using AJAX.&lt;br /&gt;function insertRemoveP(reMove) {&lt;br /&gt; var targetEl = document.getElementById('dynamictest');&lt;br /&gt; var scrollDiv = document.getElementById('test1');&lt;br /&gt; if (targetEl == null || scrollDiv == null) return;&lt;br /&gt;&lt;br /&gt; if (typeof(targetEl.parS) == 'undefined') targetEl.parS = new Array();&lt;br /&gt; if (!reMove) {&lt;br /&gt;  targetEl.parS[targetEl.parS.length] = document.createElement('p');&lt;br /&gt;  targetEl.parS[targetEl.parS.length-1].appendChild(document.createTextNode('Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ultrices facilisis risus. Aenean sollicitudin imperdiet justo.'));&lt;br /&gt;  targetEl.appendChild(targetEl.parS[targetEl.parS.length-1]);&lt;br /&gt;  } else if (targetEl.parS.length &gt; 0) {&lt;br /&gt;  targetEl.parS[targetEl.parS.length-1].parentNode.removeChild(targetEl.parS[targetEl.parS.length-1]);&lt;br /&gt;  targetEl.parS.length = targetEl.parS.length - 1;&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt; //Following is the method to tell fleXcrolled div to update itself&lt;br /&gt; if(scrollDiv.scrollUpdate) scrollDiv.scrollUpdate();&lt;br /&gt; //Notice that it is best to check the method first, otherwise your javascript will throw an&lt;br /&gt; //error on browsers that are blocked.&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;function makeWideNarrow() {&lt;br /&gt; var targetEl = document.getElementById('dynamictest');&lt;br /&gt; var scrollDiv = document.getElementById('mainbody'); &lt;span style="font-weight:bold;"&gt;//here i am passing div id which div scroll you want to design //&lt;/span&gt;&lt;br /&gt; if (targetEl == null || scrollDiv == null) return;&lt;br /&gt; if (targetEl.parentNode.className=='dynamic') targetEl.parentNode.className = 'fixedsize';&lt;br /&gt; else targetEl.parentNode.className='dynamic';&lt;br /&gt; //Following is the method to tell fleXcrolled div to update itself&lt;br /&gt; if(scrollDiv.scrollUpdate) scrollDiv.scrollUpdate();&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;function cleanTestDiv() {&lt;br /&gt; var targetEl = document.getElementById('dynamictest');&lt;br /&gt; var scrollDiv = document.getElementById('test1');&lt;br /&gt; if (targetEl != null) targetEl.innerHTML = '';&lt;br /&gt; if (typeof(targetEl.parS) != 'undefined') targetEl.parS = new Array();&lt;br /&gt; targetEl.parentNode.className = 'dynamic';&lt;br /&gt; //Following is the method to tell fleXcrolled div to update itself&lt;br /&gt; if(scrollDiv.scrollUpdate) scrollDiv.scrollUpdate();&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;//a basic example external module to control scroll from outside&lt;br /&gt;//know what this is for standard operation.&lt;br /&gt;function fleXcrollTo(id,x,y,relative) {&lt;br /&gt; var scrollDiv = document.getElementById(id);&lt;br /&gt; //Return if the target is null&lt;br /&gt; if (scrollDiv == null) return;&lt;br /&gt; //Do the scroll by using custom method attached by fleXcroll&lt;br /&gt; //but first check if the method exists.&lt;br /&gt; if(scrollDiv.contentScroll) scrollDiv.contentScroll(x,y,relative);&lt;br /&gt; /*&lt;br /&gt; Following is the method to commit a scroll by defining&lt;br /&gt; relative or absolute values:&lt;br /&gt;  element.contentScroll(x,y,relative);&lt;br /&gt; *x and y values are horizontal and vertical&lt;br /&gt; positions of content and can be set to false if we don't&lt;br /&gt; require any one of them to be scrolled.&lt;br /&gt; *x and y should be sent as string, between quotation marks.&lt;br /&gt; *x and y can take three different units:&lt;br /&gt; px, s, p&lt;br /&gt; where px is pixels, s is a single step, p is a page scroll.&lt;br /&gt; *relative can be either true or false. If true,&lt;br /&gt; x and y is used as relative scrolling.&lt;br /&gt; *x and y refer to content position&lt;br /&gt; *e.g. To scroll one page down, you can:&lt;br /&gt; element.contentScroll(false,"1p",true);&lt;br /&gt; *e.g. To scroll 3 steps to left, you can:&lt;br /&gt; element.contentScroll("-3s",false,true);&lt;br /&gt; *e.g. To set the content at 30px right, and 20px down:&lt;br /&gt; element.contentScroll("30px","20px",false);&lt;br /&gt; *e.g. To scroll down 100px relatively,&lt;br /&gt; element.contentScroll(false,"100px",true);&lt;br /&gt; */&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;//]]&gt;&lt;br /&gt;&lt;/script&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;put this JavaScript code start body tag&lt;/span&gt;&lt;br /&gt;&lt;span style="color:410000;font-size:14px;text-decoration:underline;font-weight:bold;"&gt;i am using here &lt;&gt; for {} there is html problem&lt;/span&gt;&lt;br /&gt; {script type="text/javascript"}&lt;br /&gt;&lt;!--&lt;br /&gt;writeEarlyDrop();&lt;br /&gt;applyDropDownF('early','topnavigation','topnavigation_r',true,1,-10,0,'hoveredspan',450,150);&lt;br /&gt;--&gt;&lt;br /&gt;{/script}&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;now creat a JavaScript file&lt;br /&gt;&lt;br /&gt;where can put this code and this file link to your html file&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;eval(function(p,a,c,k,e,r){e=function(c){return(c&lt;a?'':e(parseInt(c/a)))+((c=c%a)&gt;35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('7 E={4k:6(){P.M(1m,\'4z\',P.4v)},3C:6(f){7 g=15,H=1m,1R=5J;5(!g.20||!g.4D)B;5(3E(f)==\'4F\')f=15.20(f);5(f==14||1R.2Q.2u(\'6H\')!=-1||((1R.2Q.2u(\'6y\')!=-1||1R.2Q.2u(\'6C\')!=-1)&amp;&amp;!(3E(4l)!="6h"&amp;&amp;4l.5Y))||1R.6d==\'67\'||(1R.5N.2u(\'6t\')!=-1&amp;&amp;1R.2Q.2u(\'66\')!=-1))B;5(f.1D){f.1D();B};5(!f.1S||f.1S==\'\'){7 h="68",c=1;1H(15.20(h+c)!=14){c++};f.1S=h+c}7 k=f.1S;f.3c=2i 65();7 l=f.3c;l.1M={5W:[\'-1s\',0],5V:[0,\'-1s\'],5X:[\'1s\',0],5Z:[0,\'1s\'],6G:[0,\'-1p\'],6I:[0,\'1p\'],6J:[0,\'-4W\'],6l:[0,\'+4W\']};l.3i=["-2s","2s"];l.44=["-2s","2s"];7 m=12(\'6v\',C),D=12(\'5f\',C),G=12(\'5k\',C),1d=12(\'5g\',C);7 o=12(\'5e\',C),1h=12(\'5l\',C);2E=8;1d.A.1u=\'4X 4M 5r\';1d.1C();f.1q.4J=\'2t\';1h.A.5L="5M";1h.A.1B="4N";1h.A.U="4N";1h.A.26="3X";1h.A.3S="-5A";1h.1C();7 p=f.T,54=f.1c;2f(f,1d,\'17\',[\'1u-13-U\',\'1u-1N-U\',\'1u-11-U\',\'1u-1P-U\']);7 q=f.T,55=f.1c,3I=54-55,3V=p-q;7 s=(f.1T)?f.1T:0,57=(f.1V)?f.1V:0;7 t=15.3W.1i,3d=/#([^#.]*)$/;7 u=[\'5j\',\'5n\',\'5p\'];l.V=[];l.1W=[];l.5s=l.O=[];l.5G=l.1Q=[];l.1o=[8,8];l.W=[];l.1x=[0,0];l.1k=[];l.3F=[];l.X=[];1H(f.56){m.Z(f.56)};m.Z(o);f.Z(D);f.Z(1d);5(N(f,\'26\')!=\'3X\')f.1q.26="33";D.A.U="51";D.A.1B="51";D.A.11="17";D.A.13="17";2f(f,1d,"17",[\'J-13\',\'J-11\',\'J-1N\',\'J-1P\']);7 w=f.1c,4O=f.T,3N;3N=D.T;D.A.5x="5w 4M 5v";5(D.T&gt;3N)2E=C;D.A.5C="17";2f(1d,f,8,[\'J-13\',\'J-11\',\'J-1N\',\'J-1P\']);1r(D);1r(f);l.X[0]=D.1e-f.1e;l.X[2]=D.1f-f.1f;f.1q.4L=N(f,"J-1P");f.1q.4H=N(f,"J-1N");1r(D);1r(f);l.X[1]=D.1e-f.1e;l.X[3]=D.1f-f.1f;f.1q.4L=N(1d,"J-11");f.1q.4H=N(1d,"J-13");7 x=l.X[2]+l.X[3],3Q=l.X[0]+l.X[1];2f(f,D,8,[\'J-13\',\'J-1N\',\'J-11\',\'J-1P\']);G.A.U=f.1c+\'F\';G.A.1B=f.T+\'F\';D.A.U=w+\'F\';D.A.1B=4O+\'F\';G.A.26=\'3X\';G.A.11=\'17\';G.A.13=\'17\';G.1C();D.Z(m);f.Z(G);G.Z(1h);m.A.26=\'33\';D.A.26=\'33\';m.A.11="0";m.A.U="4K%";D.A.4J=\'2t\';D.A.13="-"+l.X[2]+"F";D.A.11="-"+l.X[0]+"F";l.3R=1h.T;l.39=6(){7 a=m.5E,36=5H=0;1n(7 i=0;i&lt;a.4Y;i++){5(a[i].1c){36=Y.1Y(a[i].1c,36)}};l.O[0]=((l.W[1]&amp;&amp;!l.1k[1])||l.1W[1])?f.1c-l.1x[0]:f.1c;l.1Q[0]=36+x;B l.1Q[0]};l.2G=6(){l.O[1]=((l.W[0]&amp;&amp;!l.1k[0])||l.1W[0])?f.T-l.1x[1]:f.T;l.1Q[1]=m.T+3Q-2;B l.1Q[1]};l.4U=6(){m.A.3D=\'59\';m.A.3D=\'5b\'};l.3J=6(){D.A.U=(2E)?(l.O[0]-x-3I)+\'F\':l.O[0]+\'F\'};l.3T=6(){D.A.1B=(2E)?(l.O[1]-3Q-3V)+\'F\':l.O[1]+\'F\'};l.2j=6(){l.39();l.2G();G.2k=2i 3U();7 a=G.2k;2j(a,\'5d\');a.2A=[1b(N(a.4,\'J-11\')),1b(N(a.4,\'J-1P\'))];a.4.A.J=\'17\';a.4.K=0;a.4.2K=C;a.4.2a=1;m.4Q=a.4;42(a,0);l.1x[0]=a.19.1c;l.3J();G.2R=2i 3U();7 b=G.2R;2j(b,\'5O\');b.2A=[1b(N(b.4,\'J-13\')),1b(N(b.4,\'J-1N\'))];b.4.A.J=\'17\';b.4.K=0;b.4.2K=8;b.4.2a=0;m.6i=b.4;5(H.50)b.4.A.26=\'33\';42(b,0);l.1x[1]=b.19.T;l.3T();G.A.1B=f.T+\'F\';b.2D=12(\'5Q\');G.Z(b.2D);b.2D.47=6(){b.4.2M=C;l.21=b.4;b.4.2U=C;b.4.28=8;G.2k.4.28=8;E.M(g,\'3M\',2x);E.M(g,\'2w\',2L);E.M(g,\'2V\',37);B 8}};l.21=14;l.2j();m.4S(o);5(!P.2e(f,\'4I\',29)||!P.2e(f,\'4T\',29)){f.6r=29};P.2e(f,\'4I\',29);P.2e(f,\'4T\',29);f.6j(\'6o\',\'0\');P.M(f,\'6m\',6(e){5(f.2N)B;5(!e){7 e=H.1E};7 a=e.4R;l.4P=a;l.2d();5(l.1M[\'25\'+a]&amp;&amp;!1m.50){f.18(l.1M[\'25\'+a][0],l.1M[\'25\'+a][1],C);5(e.1J)e.1J();B 8}});P.M(f,\'6E\',6(e){5(f.2N)B;5(!e){7 e=H.1E};7 a=e.4R;5(l.1M[\'25\'+a]){f.18(l.1M[\'25\'+a][0],l.1M[\'25\'+a][1],C);5(e.1J)e.1J();B 8}});P.M(f,\'6A\',6(){l.4P=8});P.M(g,\'2V\',2m);P.M(f,\'6g\',6(e){5(!e)e=H.1E;7 a=(e.1F)?e.1F:(e.1j)?e.1j:8;5(!a||(a.1t&amp;&amp;a.1t.R(2F("\\\\5U\\\\b"))))B;l.4Z=e.2h;l.4V=e.2B;2H();1r(f);2m();E.M(g,\'2w\',3n);l.2g=[f.1f+10,f.1f+l.O[0]-10,f.1e+10,f.1e+l.O[1]-10]});6 3n(e){5(!e)e=H.1E;7 a=e.2h,3m=e.2B,3j=a+l.3v,3y=3m+l.3o;l.3p=(3j&lt;l.2g[0]||3j&gt;l.2g[1])?1:0;l.3q=(3y&lt;l.2g[2]||3y&gt;l.2g[3])?1:0;l.3l=a-l.4Z;l.3r=3m-l.4V;l.35=(l.3l&gt;40)?1:(l.3l&lt;-40)?-1:0;l.2Y=(l.3r&gt;40)?1:(l.3r&lt;-40)?-1:0;5((l.35!=0||l.2Y!=0)&amp;&amp;!l.1X)l.1X=H.2Z(6(){5(l.35==0&amp;&amp;l.2Y==0){H.2n(l.1X);l.1X=8;B};2H();5(l.3p==1||l.3q==1)f.18((l.35*l.3p)+"s",(l.2Y*l.3q)+"s",C)},45)}6 2m(){E.2c(g,\'2w\',3n);5(l.1X)H.2n(l.1X);l.1X=8;5(l.3w)H.53(l.3w);5(l.3s)H.2n(l.3s)}6 2H(){l.3v=(H.58)?H.58:(g.2b&amp;&amp;g.2b.1V)?g.2b.1V:0;l.3o=(H.52)?H.52:(g.2b&amp;&amp;g.2b.1T)?g.2b.1T:0}f.1D=6(a){5(G.L[1]()===0||G.L[0]()===0)B;m.A.J=\'4X\';7 b=l.W[0],4G=l.W[1],3e=G.2k,2C=G.2R,32,2W,2z=[];G.A.U=f.1c-3I+\'F\';G.A.1B=f.T-3V+\'F\';2z[0]=l.O[0];2z[1]=l.O[1];l.W[0]=l.39()&gt;l.O[0];l.W[1]=l.2G()&gt;l.O[1];7 c=(b!=l.W[0]||4G!=l.W[1]||2z[0]!=l.O[0]||2z[1]!=l.O[1])?C:8;3e.19.3h(l.W[1]);2C.19.3h(l.W[0]);32=(l.W[1]||l.1W[1]);2W=(l.W[0]||l.1W[0]);l.39();l.2G();l.3T();l.3J();5(!l.W[0]||!l.W[1]||l.1k[0]||l.1k[1])2C.2D.1C();1l 2C.2D.2y();5(32)3b(3e,(2W&amp;&amp;!l.1k[0])?l.1x[1]:0);1l m.A.11="0";5(2W)3b(2C,(32&amp;&amp;!l.1k[1])?l.1x[0]:0);1l m.A.13="0";5(c&amp;&amp;!a)f.1D(C);m.A.J=\'17\';l.1o[0]=l.1o[1]=8};f.69=f.18=6(a,b,c){7 d=[[8,8],[8,8]],Q;5((a||a===0)&amp;&amp;l.V[0]){a=3z(a,0);Q=G.2R.4;Q.1a=(c)?Y.1U(Y.1Y(Q.1I,Q.1a-a),0):-a;Q.43();d[0]=[-Q.1a-Q.1O,-Q.1I]}5((b||b===0)&amp;&amp;l.V[1]){b=3z(b,1);Q=G.2k.4;Q.1a=(c)?Y.1U(Y.1Y(Q.1I,Q.1a-b),0):-b;Q.43();d[1]=[-Q.1a-Q.1O,-Q.1I]}5(!c)l.1o[0]=l.1o[1]=8;B d};f.3a=6(a){5(a==14||!4c(a))B;7 b=4f(a);f.18(b[0]+l.X[2],b[1]+l.X[0],8);f.18(0,0,C)};2f(1d,f,\'17\',[\'1u-13-U\',\'1u-1N-U\',\'1u-11-U\',\'1u-1P-U\']);f.4S(1d);f.1T=0;f.1V=0;f.2X=C;30(f,\'64\',8);f.1D();f.18(57,s,C);5(t.R(3d)){f.3a(g.20(t.R(3d)[1]))}G.2y();l.6a=H.2Z(6(){7 n=1h.T;5(n!=l.3R){f.1D();l.3R=n}},6c);6 3z(v,i){7 a=v.6e();v=6f(a);B 1b((a.R(/p$/))?v*l.O[i]*0.9:(a.R(/s$/))?v*l.O[i]*0.1:v)}6 3k(a){7 a=a.63(\'-\'),3u=a[0],i;1n(i=1;3t=a[i];i++){3u+=3t.62(0).5R()+3t.5S(1)}B 3u}6 N(a,b){5(H.4E)B H.4E(a,14).5T(b);5(a.4w)B a.4w[3k(b)];B 8};6 2f(a,b,c,d){7 e=2i 3U();1n(7 i=0;i&lt;d.4Y;i++){e[i]=3k(d[i]);b.1q[e[i]]=N(a,d[i],e[i]);5(c)a.1q[e[i]]=c}};6 12(b,c){7 d=g.4D(\'4u\');d.1S=k+\'25\'+b;d.1t=(c)?b:b+\' 5P\';d.L=[6(){B d.1c},6(){B d.T}];d.2p=[6(a){d.A.U=a},6(a){d.A.1B=a}];d.4o=[6(){B N(d,"13")},6(){B N(d,"11")}];d.16=[6(a){d.A.13=a},6(a){d.A.11=a}];d.1C=6(){d.A.2r="2t"};d.2y=6(a){d.A.2r=(a)?N(a,\'2r\'):"60"};d.A=d.1q;B d};6 2j(a,b){a.19=12(b+\'61\');a.2o=12(b+\'6b\');a.24=12(b+\'6F\');a.4=12(b+\'6k\');a.1Z=12(b+\'6B\');a.1v=12(b+\'6D\');G.Z(a.19);a.19.Z(a.4);a.19.Z(a.2o);a.19.Z(a.24);a.4.Z(a.1Z);a.4.Z(a.1v)};6 42(b,c){7 d=b.19,4=b.4,i=4.2a;4.22=b.2A[0];4.2I=d;4.D=D;4.4n=m;4.1O=0;3b(b,c,C);4.3x=6(){4.K=(Y.1U(Y.1Y(4.K,0),4.27));4.1a=1b((4.K/4.2T)*4.1I);4.1O=(4.K==0)?0:(4.K==4.27)?0:4.1O;4.16[i](4.K+4.22+"F");m.16[i](4.1a+4.1O+"F")};4.43=6(){4.K=1b((4.1a*4.2T)/4.1I);4.1O=4.1a-1b((4.K/4.2T)*4.1I);4.K=(Y.1U(Y.1Y(4.K,0),4.27));4.16[i](4.K+4.22+"F");4.16[i](4.K+4.22+"F");m.16[i](4.1a+"F")};l.2S=N(4,\'z-4p\');4.A.3S=(l.2S=="6K"||l.2S=="0")?2:l.2S;D.A.3S=N(4,\'z-4p\');4.47=6(){4.2U=C;l.21=4;4.2M=8;4.28=8;E.M(g,\'3M\',2x);E.M(g,\'2w\',2L);E.M(g,\'2V\',37);B 8};4.6z=2m;d.47=d.6x=6(e){5(!e){7 e=H.1E}5(e.1F&amp;&amp;(e.1F==b.1Z||e.1F==b.1v||e.1F==b.4))B;5(e.1j&amp;&amp;(e.1j==b.1Z||e.1j==b.1v||e.1j==b.4))B;7 a,1L=[];2H();l.2d();1r(4);a=(4.2K)?e.2B+l.3o-4.1e:e.2h+l.3v-4.1f;1L[4.2a]=(a&lt;0)?l.44[0]:l.44[1];1L[1-4.2a]=0;f.18(1L[0],1L[1],C);5(e.6q!="6w"){2m();l.3w=H.4q(6(){l.3s=H.2Z(6(){f.18(1L[0],1L[1],C)},4r)},6n)}B 8};d.3h=6(r){5(r){d.2y(f);l.1k[i]=(N(d,"2r")=="2t")?C:8;5(!l.1k[i])4.2y(f);1l 4.1C();l.V[i]=C;30(d,"","4s")}1l{d.1C();4.1C();l.1W[i]=(N(d,"2r")!="2t")?C:8;l.V[i]=8;4.K=0;m.16[i](\'17\');30(d,"4s","")}D.16[1-i]((l.3F[i]&amp;&amp;(r||l.1W[i])&amp;&amp;!l.1k[i])?l.1x[1-i]-l.X[i*2]+"F":"-"+l.X[i*2]+"F")};d.6p=2x};6 3b(a,b,c){7 d=a.19,4=a.4,2o=a.2o,1Z=a.1Z,24=a.24,1v=a.1v,i=4.2a;d.2p[i](G.L[i]()-b+\'F\');d.16[1-i](G.L[1-i]()-d.L[1-i]()+\'F\');l.3F[i]=(1b(d.4o[1-i]())===0)?C:8;a.3f=a.2A[0]+a.2A[1];a.3g=1b((d.L[i]()-a.3f)*0.6s);4.4i=Y.1U(Y.1Y(Y.1U(1b(l.O[i]/l.1Q[i]*d.L[i]()),a.3g),45),a.3g);4.2p[i](4.4i+\'F\');4.27=d.L[i]()-4.L[i]()-a.3f;4.K=Y.1U(Y.1Y(0,4.K),4.27);4.16[i](4.K+4.22+\'F\');4.1I=D.L[i]()-l.1Q[i];4.2T=4.27;2o.2p[i](d.L[i]()-24.L[i]()+\'F\');1Z.2p[i](4.L[i]()-1v.L[i]()+\'F\');1v.16[i](4.L[i]()-1v.L[i]()+\'F\');24.16[i](d.L[i]()-24.L[i]()+\'F\');5(!c)4.3x();l.4U()};l.2d=6(){D.1T=0;D.1V=0;f.1T=0;f.1V=0};P.M(H,\'4z\',6(){5(f.2X)f.1D()});P.M(H,\'6u\',6(){5(f.3A)H.53(f.3A);f.3A=H.4q(6(){5(f.2X)f.1D()},4r)});1n(7 j=0,3Y;3Y=u[j];j++){7 y=f.2J(3Y);1n(7 i=0,2O;2O=y[i];i++){E.M(2O,\'5F\',6(){f.2N=C});E.M(2O,\'5h\',5i=6(){f.2N=8})}};6 2x(){B 8};6 2L(e){5(!e){7 e=H.1E};7 a=l.21,I,41,5m,5o;5(a==14)B;41=(a.2M)?2:1;1n(7 i=0;i&lt;41;i++){I=(i==1)?a.4n.4Q:a;5(a.2U){5(!I.28){l.2d();1r(I);1r(I.2I);I.4j=e.2B-I.1e;I.4m=e.2h-I.1f;I.4t=I.K;I.28=C};I.K=(I.2K)?e.2B-I.4j-I.2I.1e-I.22:e.2h-I.4m-I.2I.1f-I.22;5(a.2M)I.K=I.K+(I.K-I.4t);I.3x()}1l I.28=8}};6 37(){5(l.21!=14){l.21.2U=8}l.21=14;E.2c(g,\'3M\',2x);E.2c(g,\'2w\',2L);E.2c(g,\'2V\',37)};6 29(e){5(!e)e=H.1E;5(!P.2X)B;7 a=P,2P,3Z,1K=8,1g=0,1G;l.2d();3G=(e.1F)?e.1F:(e.1j)?e.1j:P;5(3G.1S&amp;&amp;3G.1S.R(/5a/))1K=C;5(e.4C)1g=-e.4C;5(e.4A)1g=e.4A;1g=(1g&lt;0)?-1:+1;1G=(1g&lt;0)?0:1;l.1o[1-1G]=8;5((l.1o[1G]&amp;&amp;!1K)||(!l.V[0]&amp;&amp;!l.V[1]))B;5(l.V[1]&amp;&amp;!1K)1y=f.18(8,l.3i[1G],C);2P=!l.V[1]||1K||(l.V[1]&amp;&amp;((1y[1][0]==1y[1][1]&amp;&amp;1g&gt;0)||(1y[1][0]==0&amp;&amp;1g&lt;0)));5(l.V[0]&amp;&amp;(!l.V[1]||1K))1y=f.18(l.3i[1G],8,C);3Z=!l.V[0]||(l.V[0]&amp;&amp;l.V[1]&amp;&amp;2P&amp;&amp;!1K)||(l.V[0]&amp;&amp;((1y[0][0]==1y[0][1]&amp;&amp;1g&gt;0)||(1y[0][0]==0&amp;&amp;1g&lt;0)));5(2P&amp;&amp;3Z&amp;&amp;!1K)l.1o[1G]=C;1l l.1o[1G]=8;5(e.1J)e.1J();B 8};6 4c(a){1H(a.1A){a=a.1A;5(a==f)B C}B 8};6 1r(a){7 b=a,23=1z=0;7 c="";5(b.38){1H(b){23+=b.4y;1z+=b.4x;b=b.38;c+=1z+" "}}1l 5(b.x){23+=b.x;1z+=b.y}a.1f=23;a.1e=1z};6 4f(a){7 b=a;23=1z=0;1H(!b.T&amp;&amp;b.1A&amp;&amp;b!=m&amp;&amp;N(b,\'3D\')=="5K"){b=b.1A}5(b.38){1H(b!=m){23+=b.4y;1z+=b.4x;b=b.38}}B[23,1z]};6 30(a,b,c){5(!a.1t)a.1t=\'\';7 d=a.1t;5(b&amp;&amp;!d.R(2F("(^|\\\\s)"+b+"($|\\\\s)")))d=d.3O(/(\\S$)/,\'$1 \')+b;5(c)d=d.3O(2F("((^|\\\\s)+"+c+")+($|\\\\s)","g"),\'$2\').3O(/\\s$/,\'\');a.1t=d}},4v:6(){5(E.34)1m.2n(E.34);7 d=/#([^#.]*)$/,2l=/(.*)#.*$/,5D,i,1w,4B=15.2J("a"),2q=15.3W.1i;5(2q.R(2l))2q=2q.R(2l)[1];1n(i=0;1w=4B[i];i++){5(1w.1i&amp;&amp;1w.1i.R(d)&amp;&amp;1w.1i.R(2l)&amp;&amp;2q===1w.1i.R(2l)[1]){1w.3P=C;E.M(1w,\'5t\',6(e){5(!e)e=1m.1E;7 a=(e.1j)?e.1j:P;1H(!a.3P&amp;&amp;a.1A){a=a.1A};5(!a.3P)B;7 b=15.20(a.1i.R(d)[1]),31=8;5(b==14)b=(b=15.5z(a.1i.R(d)[1])[0])?b:14;5(b!=14){7 c=b;1H(c.1A){c=c.1A;5(c.3a){c.3a(b);31=c}};5(31){5(e.1J)e.1J();15.3W.1i="#"+a.1i.R(d)[1];31.3c.2d();B 8}}})}};E.3L();5(1m.48)1m.48()},3L:6(){5(E.5B)B;E.5u=C;7 a=E.4d(15.2J("5q")[0],"4u",\'4a\');1n(7 i=0,3K;3K=a[i];i++)E.3C(3K)},4d:6(a,b,c){5(3E(a)==\'4F\')a=15.20(a);5(a==14)B 8;7 d=2i 2F("(^|\\\\s)"+c+"($|\\\\s)"),5y,3B=[],3H=0;7 e=a.2J(b);1n(7 i=0,2v;2v=e[i];i++){5(2v.1t&amp;&amp;2v.1t.R(d)){3B[3H]=2v;3H++}}B 3B},34:1m.2Z(6(){7 a=15.20(\'4a-5I\');5(a!=14){E.3L();1m.2n(E.34)}},4K),M:6(a,b,c){5(!E.2e(a,b,c)&amp;&amp;a.4h){a.4h(\'4g\'+b,c)}},2e:6(a,b,c){5(a.46){a.46(b,c,8);1m.46("5c",6(){E.2c(a,b,c)},8);B C}1l B 8},2c:6(a,b,c){5(!E.4e(a,b,c)&amp;&amp;a.4b)a.4b(\'4g\'+b,c)},4e:6(a,b,c){5(a.49){a.49(b,c,8);B C}1l B 8}};6 6L(a){E.3C(a)};E.4k();',62,420,'||||sBr|if|function|var|false||||||||||||||||||||||||||||sY|return|true|mDv|fleXenv|px|tDv|wD|movBr|padding|curPos|getSize|addTrggr|getStyle|cntRSize|this|Bar|match||offsetHeight|width|scroller|reqS|paddings|Math|appendChild||top|createDiv|left|null|document|setPos|0px|contentScroll|sDv|trgtScrll|parseInt|offsetWidth|pDv|yPos|xPos|delta|fDv|href|srcElement|forcedHide|else|window|for|edge||style|findPos||className|border|sSBr|anchoR|barSpace|scrollState|curtop|parentNode|height|fHide|scrollUpdate|event|target|iNDx|while|mxScroll|preventDefault|hoverH|mV|keyAct|right|targetSkew|bottom|cntSize|nV|id|scrollTop|min|scrollLeft|forcedBar|tSelectFunc|max|sFBr|getElementById|goScroll|minPos|curleft|sSDv|_|position|maxPos|moved|mWheelProc|indx|documentElement|remTrggr|mDPosFix|addChckTrggr|copyStyles|mTBox|clientX|new|createScrollBars|vrt|urlExt|intClear|clearInterval|sFDv|setSize|urlBase|visibility||hidden|indexOf|pusher|mousemove|retFalse|fShow|cPSize|barPadding|clientY|hBr|jBox|stdMode|RegExp|getContentHeight|pageScrolled|ofstParent|getElementsByTagName|vertical|mMoveBar|scrollBoth|focusProtect|formItem|vEdge|userAgent|hrz|barZ|sRange|clicked|mouseup|hUpReq|fleXcroll|sYdir|setInterval|classChange|eScroll|vUpReq|relative|catchFastInit|sXdir|maxCWidth|mMouseUp|offsetParent|getContentWidth|scrollToElement|updateScroll|fleXdata|uReg|vBr|padLoss|baseProp|setVisibility|wheelAct|mdX|camelConv|xAw|mY|tSelectMouse|yScrld|mOnXEdge|mOnYEdge|yAw|barClickScroll|parT|reT|xScrld|barClickRetard|doScrollPos|mdY|calcCScrollVal|refreshTimeout|retArray|fleXcrollMain|display|typeof|forcedPos|hElem|key|brdWidthLoss|setWidth|tgDiv|initByClass|selectstart|mHeight|replace|fleXanchor|padHeightComp|zTHeight|zIndex|setHeight|Array|brdHeightLoss|location|absolute|inputName|hEdge||maxx|prepareScroll|contentScrollPos|baseAct||addEventListener|onmousedown|onfleXcrollRun|removeEventListener|flexcroll|detachEvent|isddvChild|getByClassName|remChckTrggr|findRCpos|on|attachEvent|aSize|pointerOffsetY|fleXcrollInit|HTMLElement|pointerOffsetX|scrlTrgt|getPos|index|setTimeout|80|flexinactive|inCurPos|div|globalInit|currentStyle|offsetTop|offsetLeft|load|detail|anchorList|wheelDelta|createElement|getComputedStyle|string|reqV|paddingLeft|mousewheel|overflow|100|paddingTop|solid|1em|postHeight|pkeY|vBar|keyCode|removeChild|DOMMouseScroll|fixIEDispBug|inMposY|100p|1px|length|inMposX|opera|100px|pageYOffset|clearTimeout|brdWidth|intlWidth|firstChild|oScrollX|pageXOffset|none|_hscroller|block|unload|vscroller|domfixdiv|mcontentwrapper|copyholder|blur|onblur|textarea|scrollwrapper|zoomdetectdiv|xScroll|input|yScroll|select|body|blue|containerSize|click|initilialized|black|2px|borderBottom|clsnm|getElementsByName|999|initialized|borderBottomWidth|matcH|childNodes|focus|contentSize|compPad|init|navigator|inline|fontSize|12px|platform|hscroller|scrollgeneric|scrollerjogbox|toUpperCase|substr|getPropertyValue|bscrollgeneric|_38|_37|_39|prototype|_40|visible|base|charAt|split|flexcrollactive|Object|MSIE|KDE|flex__|commitScroll|sizeChangeDetect|basebeg|2500|vendor|toString|parseFloat|mousedown|undefined|hBar|setAttribute|bar|_35|keydown|425|tabIndex|onmouseclick|type|onmousewheel|75|Mac|resize|contentwrapper|dblclick|ondblclick|AppleWebKit|onmouseover|keyup|barbeg|Safari|barend|keypress|baseend|_33|OmniWeb|_34|_36|auto|CSBfleXcroll'.split('|'),0,{})) &lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;now creat your css file &lt;br /&gt;&lt;br /&gt;where can put your css code and link to this css file to in your html file&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;flowing code&lt;br /&gt;i am passing id mainbody in javascript function which is mention in html head code&lt;br /&gt;/*#mainbody, {background-color: #FFFFFF; width: 602px; height: 338px;margin-left:-8px;margin-top:-12px; overflow: auto; border-bottom: 2px solid #F1EECC; border-top: 2px solid #F1EECC; outline: none;}&lt;br /&gt;#test1 {background-color: #FFFFFF; left: 0.8em; top: 1em; }&lt;br /&gt;#test1 div {color: #000000;}&lt;br /&gt;.aligntocenter {margin: 0.5em auto; border: 2px solid #A22; width: 90%; position: relative; height: 500px;}&lt;br /&gt;.fixedsize {width: 400px; height: auto; position: relative; color: black; padding: 1px;}&lt;br /&gt;.scrollgeneric {line-height: 1px; font-size: 1px; position: absolute;}&lt;br /&gt;.vscrollerbase, .vscrollerbar {width: 25px; top: 0px;}&lt;br /&gt;.vscrollerbar {left: 0px;}&lt;br /&gt;.hscrollerbase, .hscrollerbar {height: 15px; left: 0px;}&lt;br /&gt;.hscrollerbar {top: 0px;}&lt;br /&gt;.vscrollerbar, .hscrollerbar {padding: 5px; z-index: 2;}&lt;br /&gt;.vscrollerbarbeg {background-color:#C1C9D0 url(images/verticlascroll.gif) 0px -10px; width: 25px; height: 20px;}&lt;br /&gt;.vscrollerbarend {background-color:#C0CBD8 url(images/verticalscroll.gif); width: 25px; height: 10px;}&lt;br /&gt;.hscrollerbarbeg {background-color:#410000 url(/web/images/verticaloverscroll.gif) -10px 0px; height: 15px; width: auto; left: 0;}&lt;br /&gt;.hscrollerbarend {background-color:#410000 url(/web/images/verticaloverscroll.gif); height: 15px; width: 10px;}&lt;br /&gt;.vscrollerbase, .hscrollerbase {background-color: #D1DDCB; background-image: url(images/horigentalscroll.png);}&lt;br /&gt;.hscrollerbasebeg {left: 0px; top: 0px; height: 15px; background: url(images/scrollbases.gif) -22px 0px no-repeat;}&lt;br /&gt;.hscrollerbaseend {top: 0px; height: 15px; width: 7px; background: url(images/scrollbases.gif) 0% 0% no-repeat;}&lt;br /&gt;.vscrollerbasebeg {top: 0px; width: 15px; background: url(images/scrollbases.gif) -7px -8px no-repeat;}&lt;br /&gt;.vscrollerbaseend {height: 7px; width: 15px; background: url(images/scrollbases.gif) -7px 0px no-repeat;}&lt;br /&gt;.scrollerjogbox {width: 15px; height: 15px; bottom: 0px; right: 0px; background: white url(images/scrolljog.gif) 50% 50%;}*/&lt;br /&gt;&lt;br /&gt;after finished all these stuff your particular div scroll design as you need change your css code as you need&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Note : My English communication is note strong so please avoid sentence error&lt;br /&gt;&lt;br /&gt;if you need any query  please email me &lt;span style="font-weight:bold;"&gt;anand.hey@gmil.com&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-2524703891203682287?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/2524703891203682287/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=2524703891203682287' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/2524703891203682287'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/2524703891203682287'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/07/how-to-design-your-particular-div.html' title='how to design your particular div scroll'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-8948497798855336874</id><published>2007-07-01T04:50:00.000-07:00</published><updated>2007-07-01T05:42:21.716-07:00</updated><title type='text'>structure using through div in your html</title><content type='html'>&lt;span style="font-weight:bold;"&gt;let me explain how to use div in your html page&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;1.) suppose your html page have header, left panel, right panel, main body, footer&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;that time&lt;br /&gt;your structurer should &lt;br /&gt;&lt;br /&gt;i am using inline css but avoid inline css always use link css&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;let me explain id &amp; class for css&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;id is particular identification which id use for single identity &lt;br /&gt;class is not particular identification &lt;br /&gt;class can use many time but id use one time&lt;br /&gt;first you should use global css in your css * {margin:0px;padding:0px}&lt;br /&gt;than body {margin:auto;padding:auto;font-family:Arial, Verdana, sans-serif;font-size:12px;font-decoration:none;line-height:12px;text-decoration:none;}&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;&lt;br /&gt;you can use following structure in side body tag and closing before body tag&lt;/span&gt;  &lt;br /&gt;&lt;div id="container" style="margin:auto;padding:auto;width:1000px;height:auto;"&gt;&lt;br /&gt;&lt;div id="header" style=""&gt;header&lt;/div&gt;&lt;br /&gt;&lt;div id="mainbody"&gt;&lt;br /&gt;&lt;div id="leftpanel" style="width:250px;float:left;"&gt;left panel which is showing left side. Don't use height because if you fixed your div height it will create problem when your content is goes to long. That time your are gating scroll your particular   &lt;br /&gt;div which is not good for a website.  &lt;/div&gt;&lt;br /&gt;&lt;div id="maincontaing" style="width:500px;float:left;"&gt;main content where can use your content float:left always position  in left&lt;/div&gt;&lt;br /&gt;&lt;div id="rightpanle" style="width:250px;float:right;"&gt;right panel after float this div position right side &lt;/div&gt; &lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;may be some time you have a problem &lt;/span&gt;&lt;br /&gt;1.) suppose you main content have long content but left panel and right panel have sort content that time your main body may be hidden. That time you should use a class &lt;br /&gt;.clear {clear:both;} in your css, and use &lt;div id="clear"&gt;&lt;/div&gt; before closing your main body div tag that time your main body showing perfect &lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Note: My English is not strong please if any sentence error avoid and frequently ask  &lt;br /&gt;question.&lt;/span&gt; anand.hey@gmail.com&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-8948497798855336874?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/8948497798855336874/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=8948497798855336874' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/8948497798855336874'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/8948497798855336874'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/07/structure-using-through-div-in-your.html' title='structure using through div in your html'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-7575604992487591995</id><published>2007-06-14T12:21:00.000-07:00</published><updated>2007-07-04T00:20:38.187-07:00</updated><title type='text'>Text(HTML ELEMENT)</title><content type='html'>* p  : Element, P. Purpose, paragraph. Description, This element encloses text in a&lt;br /&gt;  paragraph. Start tag, Required &lt;P&gt; ...&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;* h1, h2, h3, h4, h5, and h6 HTML Tag: h1, h2, h3, h4, h5, and h6. Heading 1 to Heading 6 (1 being the highest level, 6 being the lowest)&lt;br /&gt;&lt;br /&gt;* strong :&lt;strong&gt;abc&lt;/strong&gt; the strong element is one of a large group of elements &lt;br /&gt;that the HTML for recommendation calls phrase element such elements assign structural &lt;br /&gt;meaning  to designated portion of the document. Astrong element is one that contains text that indicates a stronger emphases than the em element. whereas an em element is rypically rendered as italic text, a strong element is generally rendered as boldface text. Override the default with a style sheet as you see fit.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-7575604992487591995?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/7575604992487591995/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=7575604992487591995' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/7575604992487591995'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/7575604992487591995'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/06/texthtml-element.html' title='Text(HTML ELEMENT)'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-4796016912245954683</id><published>2007-06-09T14:48:00.000-07:00</published><updated>2007-06-09T15:05:55.078-07:00</updated><title type='text'>HTML STRUCTURE</title><content type='html'>&lt;span style="font-weight:bold;"&gt;Structure&lt;/span&gt;&lt;br /&gt;1.) &lt;span style="font-weight:bold;"&gt;HTML&lt;/span&gt; : For Transitional&lt;!DOCTYPE html PUBLIC "-//W2C//DTD XHTML 1.0 &lt;br /&gt;           Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;br /&gt;             For strict DTD&lt;br /&gt;           &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" &lt;br /&gt;           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;[html&lt;br /&gt;            xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"]&lt;br /&gt;&lt;br /&gt;2.) &lt;span style="font-weight:bold;"&gt;HEAD&lt;/span&gt; : header of an HTML document where information about the document is placed.&lt;br /&gt;           must use the title element within the head element and meta, style, &lt;br /&gt;           script, base and link can also be used.&lt;br /&gt;           [HEAD]&lt;br /&gt;           [TITLE]Introduction to HTML[/TITLE]&lt;br /&gt;             [link rel="stylesheet"href="css.css" type="text/css" /]&lt;br /&gt;              [script]&lt;br /&gt;              ]/script]&lt;br /&gt;           [/HEAD]&lt;br /&gt;i am using &lt;&gt;=[]&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-4796016912245954683?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/4796016912245954683/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=4796016912245954683' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/4796016912245954683'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/4796016912245954683'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/06/html-structure.html' title='HTML STRUCTURE'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-7014744457710939779</id><published>2007-06-09T14:46:00.000-07:00</published><updated>2007-06-09T14:47:04.922-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Transitional DTD'/><title type='text'>Transitional DTD</title><content type='html'>&lt;span style="font-weight:bold;"&gt;Transitional DTD &lt;/span&gt;allows some older elements and attributes that have been deprecated&lt;br /&gt;&lt;br /&gt;&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&lt;br /&gt; "http://www.w3.org/TR/html4/loose.dtd"&gt;&lt;br /&gt;Also if frames are used, to get valid results from the SGML validator, the frameset doctype is needed, like this:&lt;br /&gt;&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" &lt;br /&gt;"http://www.w3.org/TR/html4/frameset.dtd"&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-7014744457710939779?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/7014744457710939779/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=7014744457710939779' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/7014744457710939779'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/7014744457710939779'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/06/transitional-dtd.html' title='Transitional DTD'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-3770725730232724963</id><published>2007-06-09T14:44:00.000-07:00</published><updated>2007-06-09T14:45:42.360-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='strict doctype'/><title type='text'>Document Type Declaration</title><content type='html'>&lt;span style="font-weight:bold;"&gt;Document Type Declaration&lt;/span&gt;&lt;br /&gt;A Document Type Declaration, or DOCTYPE, is an instruction that associates a particular SGML or XML document &lt;br /&gt;&lt;br /&gt;HTML 4.01 DTDs&lt;br /&gt;&lt;br /&gt;HTML 4.01 Strict does not allow presentational markup with the argument that Cascading Style Sheets should be used for that instead&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;strict doctype looks:&lt;/span&gt;&lt;br /&gt;&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"&lt;br /&gt; "http://www.w3.org/TR/html4/strict.dtd"&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-3770725730232724963?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/3770725730232724963/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=3770725730232724963' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/3770725730232724963'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/3770725730232724963'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/06/document-type-declaration.html' title='Document Type Declaration'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-7438309043409703900</id><published>2007-06-09T14:40:00.000-07:00</published><updated>2007-06-09T14:42:20.537-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='HTML 4.01 Strict'/><title type='text'>HTML 4.01 Strict</title><content type='html'>&lt;span style="font-weight:bold;"&gt;HTML 4.01 Strict DTD includes all elements and attributes that have not been deprecated or do not appear in frameset documents&lt;/span&gt;&lt;br /&gt;&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"&lt;br /&gt;        "http://www.w3.org/TR/html4/strict.dtd"&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;HTML 4.01 Transitional DTD includes everything in the strict DTD plus deprecated elements and attributes&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;HTML 4.01 Frameset DTD includes everything in the transitional DTD plus frames&lt;/span&gt;&lt;br /&gt;&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"&lt;br /&gt;        "http://www.w3.org/TR/html4/frameset.dtd"&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-7438309043409703900?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/7438309043409703900/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=7438309043409703900' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/7438309043409703900'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/7438309043409703900'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/06/html-401-strict.html' title='HTML 4.01 Strict'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-7224235740394158452</id><published>2007-06-09T14:29:00.000-07:00</published><updated>2007-06-09T14:38:24.441-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='HTML'/><title type='text'>Basic HTML</title><content type='html'>The most basic, common language on the World Wide Web is HTML. hypertexts is the method by which you move around on the web — by clicking on special text. The HTML language was created in 1989 by Tim Berners-Lee for use on his newly created World Wide Web.It is based on &lt;span style="font-weight:bold;"&gt;SGML &lt;/span&gt;(&lt;span style="font-weight:bold;"&gt;Standard Generalized Mark-up Language)&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;structure of an HTML document&lt;/span&gt;&lt;br /&gt;simple HTML document: &lt;span style="font-weight:bold;"&gt;(&lt; &gt;=[]this sign value only for HTML tag)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"&lt;br /&gt;   "http://www.w3.org/TR/html4/strict.dtd"&gt;&lt;br /&gt;[HTML]&lt;br /&gt;   [HEAD]&lt;br /&gt;      [TITLE]My basic HTML [/TITLE]&lt;br /&gt;   [/HEAD]&lt;br /&gt;   [BODY]&lt;br /&gt;      [P]HTML WORLD!&lt;br /&gt;   [/BODY]&lt;br /&gt;[/HTML]&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-7224235740394158452?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/7224235740394158452/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=7224235740394158452' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/7224235740394158452'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/7224235740394158452'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/06/basic-html.html' title='Basic HTML'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-1474385327177406942</id><published>2007-03-25T12:37:00.000-07:00</published><updated>2007-03-25T12:51:18.409-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Mother'/><title type='text'>MOTHER</title><content type='html'>&lt;div style="text-align: center; font-family: arial;"&gt;&lt;span style="font-weight: bold; color: rgb(204, 0, 0);"&gt;What is Mother ??????&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(204, 0, 0); font-family: arial;"&gt;                            M : MILLION THINGS,&lt;/span&gt;&lt;span style="font-family: arial;"&gt; &lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold; font-family: arial;"&gt;She gives us.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial; color: rgb(204, 0, 0);"&gt;                            O : OUTSTANDING.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(204, 0, 0); font-family: arial;"&gt;                            T : TEARS&lt;/span&gt;&lt;span style="font-family: arial;"&gt;, &lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold; font-family: arial;"&gt;She shed for our upbringing.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(204, 0, 0); font-family: arial;"&gt;                            H : HEART OF PUREST GOLD.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(204, 0, 0); font-family: arial;"&gt;                            E : EYES&lt;/span&gt;&lt;span style="font-family: arial;"&gt; , &lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold; font-family: arial;"&gt;Shining with love.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(204, 0, 0); font-family: arial;"&gt;                            R : RIGHT GUIDANCE&lt;/span&gt;&lt;span style="font-family: arial;"&gt;, &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0); font-family: arial;"&gt;She always gives us.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-1474385327177406942?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/1474385327177406942/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=1474385327177406942' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/1474385327177406942'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/1474385327177406942'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/03/mother.html' title='MOTHER'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5554212814839833801.post-1857509267694303110</id><published>2007-03-25T12:08:00.000-07:00</published><updated>2007-03-25T12:18:45.770-07:00</updated><title type='text'>Ambition is like love</title><content type='html'>&lt;span style="font-family: arial; font-weight: bold; color: rgb(255, 0, 0);"&gt;Just i am trying to make a blog on blogger website &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5554212814839833801-1857509267694303110?l=anandpathak.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://anandpathak.blogspot.com/feeds/1857509267694303110/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5554212814839833801&amp;postID=1857509267694303110' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/1857509267694303110'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5554212814839833801/posts/default/1857509267694303110'/><link rel='alternate' type='text/html' href='http://anandpathak.blogspot.com/2007/03/ambition-is-like-love.html' title='Ambition is like love'/><author><name>Anand Kumar</name><uri>http://www.blogger.com/profile/16972401221052231970</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://4.bp.blogspot.com/_tLlxot66fcY/TTgbWN0JMNI/AAAAAAAAAMk/r4OB0BI_PyE/S220/Picture%2B010.jpg'/></author><thr:total>0</thr:total></entry></feed>
