tag:blogger.com,1999:blog-74067990052833199972024-03-13T13:05:52.209-07:00Web Development Codes, Yii tutorials, PHP codings, Yii widgets, JqueryWeb Development Codes, Yii tutorials, PHP codings, Yii widgets, Jquery. PHP css javascript, yii framework, Php frameworks, Web development guide to freshers and experienced coders.ramahttp://www.blogger.com/profile/15829410857150459082noreply@blogger.comBlogger10125tag:blogger.com,1999:blog-7406799005283319997.post-51793900425657980582016-09-06T18:37:00.002-07:002016-09-06T18:38:03.333-07:00Disable f5 and browser refresh using javascript | Inside Window or Iframe<div dir="ltr" style="text-align: left;" trbidi="on"><h3 style="text-align: left;">Disable f5 and browser refresh using javascript | Inside Window or Iframe</h3><h4 style="text-align: left;">Javascript code:</h4><div><div>function disableF5(e) { if ((e.which || e.keyCode) == 116) e.preventDefault(); };</div><div>$(document).on("keydown", disableF5);</div></div><div><iframe width="100%" height="300" src="//jsfiddle.net/SpYk3/C85Hs/embedded/js,html,css,result/dark/" allowfullscreen="allowfullscreen" frameborder="0"></iframe><br />
<br />
</div></div>ramahttp://www.blogger.com/profile/15829410857150459082noreply@blogger.com4tag:blogger.com,1999:blog-7406799005283319997.post-48564883760876084092014-09-12T05:38:00.000-07:002014-09-12T05:38:27.318-07:00TOP Free and Paid APIs to kickstart your job board web application<div dir="ltr" style="text-align: left;" trbidi="on">
Start your Job Board online website application with these free and pay per query APIs.<br />
<br />
<h2 style="text-align: left;">
What is Free and Paid API?</h2>
<div style="text-align: left;">
Free API are 100% free of cost. You don't have to pay nothing for these API calls. But Paid API are provided as pay per usage basis. for example, if you make 10 API calls then you will be charged some dollar as fee.Don't Worry most of Jobs APIs are almost come with free of cost. So you can Go ahead without any worry.</div>
<div style="text-align: left;">
<br /></div>
<h2 style="text-align: left;">
How to use these APIs?</h2>
<div style="text-align: left;">
These APIs can be called in two ways,</div>
<ul style="text-align: left;">
<li>Normal HTTP calls. </li>
<li>SOAP webservice</li>
</ul>
And you can get results of these API calls in either <b>JSON</b> format or <b>XML</b>. Finally you can use in your applications easily.<br />
<br />
<h2 style="text-align: left;">
<b>Here is the list of TOP Free and Paid APIs</b></h2>
<ul style="text-align: left;">
<li>Indeed - <span><a href="http://www.indeed.com/jsp/apiinfo.jsp" rel="nofollow" target="_blank">http://www.indeed.com/jsp/apiinfo.jsp</a></span></li>
<li>SimplyHired - <span><a href="http://www.simplyhired.com/a/publishers/overview" rel="nofollow" target="_blank">http://www.simplyhired.com/a/publishers/overview</a></span></li>
<li>CareerBuilder - <span><a href="http://developer.careerbuilder.com/endpoints/index" rel="nofollow" target="_blank">http://developer.careerbuilder.com/endpoints/index</a></span></li>
<li>Careerjet - <span><a href="http://www.careerjet.com/partners/api/" rel="nofollow" target="_blank">http://www.careerjet.com/partners/api/</a></span></li>
<li>Juju - <span><a href="http://www.job-search-engine.com/publisher/spec/" rel="nofollow" target="_blank">http://www.job-search-engine.com/publisher/spec/</a></span></li>
<li>LinkUp - <span><a href="http://www.linkup.com/developers/" rel="nofollow" target="_blank">http://www.linkup.com/developers/</a></span></li>
<li>Europass - <span><a href="http://www.europa.eu/" rel="nofollow" target="_blank">http://www.europa.eu</a></span></li>
<li> Elance - <span><a href="https://www.elance.com/q/api" rel="nofollow" target="_blank">https://www.elance.com/q/api</a></span></li>
<li>TribeHR - <span><a href="http://developers.tribehr.com/api/" rel="nofollow" target="_blank">http://developers.tribehr.com/api/</a></span></li>
<li>Authentic Jobs - <span><a href="http://www.authenticjobs.com/api/" rel="nofollow" target="_blank">http://www.authenticjobs.com/api/</a></span></li>
<li>Usa.Gov offers American Job Center Resource - <span><a href="http://www.usa.gov/" rel="nofollow" target="_blank">http://www.usa.gov/</a></span></li>
<li>Product Hunt - <span><a href="http://www.producthunt.com/" rel="nofollow" target="_blank">http://www.producthunt.com/</a></span></li>
<li>Bizvizz - <span><a href="http://bizvizz.com/api/documentation" rel="nofollow" target="_blank">http://bizvizz.com/api/documentation</a></span></li>
<li>Calibrace - <span><a href="https://www.calibrace.com/Crs/calibraceApi" rel="nofollow" target="_blank">https://www.calibrace.com/Crs/calibraceApi</a></span></li>
<li>skyParse - <span><a href="https://www.skyparse.com/api" rel="nofollow" target="_blank">https://www.skyparse.com/api</a></span></li>
<li>Dice - <span><a href="http://www.dice.com/common/content/documentation/api.html" rel="nofollow" target="_blank">http://www.dice.com/common/content/documentation/api.html</a></span></li>
<li>Workable - <span><a href="http://workable.com/" rel="nofollow" target="_blank">http://workable.com/</a></span></li>
<li>CrewRevu - <span><a href="http://www.crewrevu.com/api" rel="nofollow" target="_blank">http://www.crewrevu.com/api</a></span></li>
<li>YAGAJOBS - <span><a href="http://yagajobs.co.uk/documentation#%21apidocs" rel="nofollow" target="_blank">http://yagajobs.co.uk/documentation#!apidocs</a></span></li>
<li>Venturocket - <span><a href="https://venturocket.com/api/v1" rel="nofollow" target="_blank">https://venturocket.com/api/v1</a></span></li>
<li>Sourcing.io - <span><a href="http://blog.sourcing.io/sourcing-api" rel="nofollow" target="_blank">http://blog.sourcing.io/sourcing-api</a></span></li>
<li>HistoryFile - <span><a href="http://www.historyfile.net/developer.php" rel="nofollow" target="_blank">http://www.historyfile.net/developer.php</a></span></li>
<li>Adzuna - <span><a href="http://www.adzuna.com/" rel="nofollow" target="_blank">http://www.adzuna.com</a></span></li>
<li>Classifieds For Free - <span><a href="http://api.classifiedsforfree.com/" rel="nofollow" target="_blank">http://api.classifiedsforfree.com</a></span></li>
<li>SnagPad - <span><a href="http://snagpad.com/info/addtoservices" rel="nofollow" target="_blank">http://snagpad.com/info/addtoservices</a></span></li>
<li>iCIMS - <span><a href="http://developer.icims.com/REST-API/Object-Types-Commands/Search-API" rel="nofollow" target="_blank">http://developer.icims.com/REST-API/Object-Types-Commands/Search-API</a></span></li>
<li>Claim4Flights - <span><a href="http://www.claim4flights.com/" rel="nofollow" target="_blank">http://www.claim4flights.com</a></span></li>
<li>SimplyHired - <span><a href="http://www.simplyhired.com/a/publishers/overview" rel="nofollow" target="_blank">http://www.simplyhired.com/a/publishers/overview</a></span></li>
</ul>
<h2 style="text-align: left;">
</h2>
</div>
ramahttp://www.blogger.com/profile/15829410857150459082noreply@blogger.com3tag:blogger.com,1999:blog-7406799005283319997.post-71144336494261623482014-09-02T04:17:00.000-07:002014-09-02T04:17:15.966-07:00Ruby on Rails tutorial with Blog application with database and CRUD<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">Creating a new Rails app: </span></h2>
<h4 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> </span></h4>
<h4 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">after successful Rails installation in a machine do the below steps:</span></h4>
<span style="font-family: Verdana,sans-serif;">1. Open command prompt and type:</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">$ rails new my_app_name</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">2. Move to the current application directory:</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">$ cd my_app_name</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">3. Next Start web server as below:</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">$ rails server</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">4. Open your browser and goto:</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">http://localhost:3000</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<h2 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">Blog Application with Database and CRUD operations </span></h2>
<h4 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">Usage Specficiations:</span></h4>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">– Blog is a discussion or information site published on the Web.</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">– <b>We will have two types of users</b>: </span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> – The blog administrator and </span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> – Blog users.</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">– <b>The blog administrator</b> able to enter new posts.</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">– <b>Users</b> able to visit the blog site, and enter comments for postings.</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">– The blog administrator can modify/remove any post or comment.</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">– Finally users should not be able to modify postings or other users’ comments.</span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">Before we move on Please have a look at below videos:</span><br />
</div>
<span style="font-family: Verdana,sans-serif;"><object height="480" width="640"><param name="movie" value="http://www.youtube.com/v/c-AMJt7jbw4&autoplay=1&list=PL4rA6bOW6K2jowgDWcdP5h8MOk7Y6keU2&index=1" /><embed height="480" src="http://www.youtube.com/v/c-AMJt7jbw4&autoplay=1&list=PL4rA6bOW6K2jowgDWcdP5h8MOk7Y6keU2&index=1" type="application/x-shockwave-flash" width="640"></embed></object></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><b>Blog Application tutorial – Initial Steps to do</b></span></h3>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><b>Our First step is to create the rails application as mentioned below:</b> </span><br />
<br />
<span style="font-family: Verdana,sans-serif;">$ rails new blog
<b> </b></span><br />
<br />
<span style="font-family: Verdana,sans-serif;"><b>Next, use the scaffold generator to create the MVC components needed for posts and comments:</b> </span><br />
<br />
<span style="font-family: Verdana,sans-serif;"> $ rails generate scaffold post title:string \ body:text
$ rails generate scaffold comment post_id:integer \ body:text</span></div>
<div style="text-align: left;">
<br />
<br />
<span style="font-family: Verdana,sans-serif;"><b>Now, create the </b><b><b>database tables for </b>post and comment using:</b> </span><br />
<br />
<span style="font-family: Verdana,sans-serif;">$ rake db:migrate</span></div>
<div style="text-align: left;">
<br />
<br />
<span style="font-family: Verdana,sans-serif;"><b>If you type:</b> </span><br />
<br />
<span style="font-family: Verdana,sans-serif;">$ rake routes
a list of all the URLs currently recognized by your application will be provided.</span></div>
<div style="text-align: left;">
<br />
<span style="font-family: Verdana,sans-serif;">At this stage all necessary files (model, view and controller) are generated successfully. But You didn't write even a single line of code. Framework done all the works for you. </span><br />
<br />
<span style="font-family: Verdana,sans-serif;"> <b>Start the web server:</b> </span><br />
<br />
<span style="font-family: Verdana,sans-serif;">$ rails server
and <b>point your browser to: http://localhost:3000</b></span></div>
<div style="text-align: left;">
<br />
<span style="font-family: Verdana,sans-serif;">That's it. Your first blog application powered by ruby on rails is created.</span></div>
<div style="text-align: left;">
<br />
<span style="font-family: Verdana,sans-serif;"><b>What is next?</b></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><b> </b></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><b> </b>We have just created a new application with basic design. Further more we need to work on design and validation part.</span></div>
<div style="text-align: left;">
<br />
<span style="font-family: Verdana,sans-serif;"><b>Where to work on validation and Design?</b></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><b> </b></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> Design works can be done at view files and Validation can be done at Model and controller files.<b> </b></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><b> </b></span></div>
</div>
ramahttp://www.blogger.com/profile/15829410857150459082noreply@blogger.com0tag:blogger.com,1999:blog-7406799005283319997.post-58073921809294627592014-04-17T06:49:00.002-07:002014-09-02T03:01:22.834-07:00Yii Framework Tutorial Set 2<div dir="ltr" style="text-align: left;" trbidi="on"><div>cont......<br />
<br />
Before reading this post you must read my previous post <a href="http://webdevelopmentcodes.blogspot.in/2013/10/yii-framework-basics.html" target="_blank">Yii Framework Tutorial Set 1</a>. Its been a long time i am writing this post, because i was busy with my Yii projects. In the previous post you have successfully installed Yii framework application. You can check it at this below url:<br />
<br />
<pre>http://localhost/firstapp/index.php</pre><pre> </pre><pre>If everything is Ok, it will be like this.</pre><pre> </pre><div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://www.yiiframework.com/tutorial/image?type=guide&version=1.1&lang=en&file=first-app1.png" height="147" width="320" /></div><pre>Source: yiiframework.com</pre><pre> </pre>You can change the contents of this home page at <br />
<pre>protected/views/site/index.php .</pre>in the same way you can edit about us page at <br />
<pre>protected/views/site/pages/about.php</pre>contact us page at <br />
<pre>protected/views/site/contact.php</pre>log in page at <br />
<pre>protected/views/site/login.php</pre>and finally error page at <br />
<pre>protected/views/site/error.php</pre><br />
<br />
<object height="480" width="640"><param name="movie" value="http://www.youtube.com/v/G7_2tdZRQnE&autoplay=1" /><embed height="480" src="http://www.youtube.com/v/G7_2tdZRQnE&autoplay=1" type="application/x-shockwave-flash" width="640"></embed></object>
<h3 style="text-align: left;">YII CHANGE APP NAME:</h3><div style="text-align: left;"> In default, The application name will be "My Web Application". You can change this to your preferred name at protected/config/main.php . You have to change the 'name' parameter in array. In the same file you have to change Database details also. In default, DB connection is connected to SQLITE database. So, you must change the DB Details also. </div><pre> </pre><h3 style="text-align: left;">YII LAYOUT:</h3><div style="text-align: left;"> Do you confused by thinking from where this layout came? The main layout files for yii framework is in protected/views/layouts/ .</div><div style="text-align: left;">at this layouts folder you can see three different files as below.</div><ul style="text-align: left;"><li>main.php</li>
<li>column1.php</li>
<li>column2.php</li>
</ul></div>It means in default we have two different layout at present (You can also add layout files and modify these two files based on you view). As the name suggests the difference between these two layout is first one is single column and second is double column with sidebar. Where does the layout file is selected? The layout for particular page or view can be selected in their respective controller file. For instance, in controllers/sitecontroller.php we have variable $layout. In this variable we have to specify either column1 or column2 (note: don't use column1.php and column2.php, Yii will point this automatically. In the same way at any situation in you want to include any file don't use php extension).
<h3 style="text-align: left;">YII FRAMEWORK CSS STYLING:</h3><div style="text-align: left;"> When you open these layout files, index.php, contact.php all html elements will use blueprint css framework. I prefer you to go through this blueprint css at their official website http://www.blueprintcss.org. for your reference i will give you one example:</div><div style="text-align: left;"></div><div style="text-align: left;"> To design a DIV with 590px you can specify class name as span-15. </div><div style="text-align: left;">So, you don't need to write your own css for each and every html elements. Once again i am asking you to read about blueprint css framework to design your application effectively. </div><div><h3 style="text-align: left;"> </h3><div style="text-align: left;"> </div></div></div>ramahttp://www.blogger.com/profile/15829410857150459082noreply@blogger.com3tag:blogger.com,1999:blog-7406799005283319997.post-86943232144727628522013-10-08T22:24:00.004-07:002014-04-18T02:36:32.249-07:00Yii Framework Tutorial Set 1<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><b>Installing Yii:</b> </span></h3>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">Installing of Yii Framework in your server is not a big thing. It is a quit simple to do. Even a person with not having web experience can also do it.</span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">Installation involves only <b>two steps</b>: </span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">1. Download latest and stable version Yii Framework from <b><a href="http://yiiframework.com/">yiiframework.com</a></b>. Note this is free since it is a open source. </span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">2.Unzip the Yii file to a Web-accessible directory (Means in your server either local server or web-hosted server). </span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">That is it. You have done it. Now you can access Yii framework Since you have installed.</span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> </span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">This insallation process does not end with just unpacking it in your sever. You have to do one more thing called Requirement checkup as below. It is mandatory to check it up because because this will let you know whether your server has satisfied all the requirements of yii framework. These requirements includes php version, database and so many other things.</span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><br />
</span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">to do this just paste this your in your browser.</span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">http://hostname/path/to/yii/requirements/index.php</span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">if it is local server the </span><span style="font-family: Verdana,sans-serif;"><span style="font-family: Verdana,sans-serif;">http://hostname/yii/requirements/index.php</span> </span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">your browser will display the following thing.</span></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-cHZTxXS93Xc/UlTnbPsA2CI/AAAAAAAAAIs/FpZFmfg-rEg/s1600/yii-crud-1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-cHZTxXS93Xc/UlTnbPsA2CI/AAAAAAAAAIs/FpZFmfg-rEg/s320/yii-crud-1.png" height="246" width="320" /></a></div>
<span style="font-family: Verdana, sans-serif;">all the things must be passed and should not fail. You may get some warnings but that problems wont lead to huge problems.</span><br />
<br />
<span style="font-family: Verdana, sans-serif;"><b>Important:</b> </span><br />
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> Yii Framework requires PHP 5.1, so Your server must have PHP 5.1 or above version of PHP. Yii team have tested yii framework with Apache HTTP server on Windows and Linux and It may also run on other Web servers and platforms, provided with PHP 5.1 or above version of PHP </span><span style="font-family: Verdana,sans-serif;"><span style="font-family: Verdana,sans-serif;">as mentioned in their site</span>.</span></div>
<br />
Don't forget to view my tutorial on youtube at <a href="https://www.youtube.com/watch?v=G7_2tdZRQnE" target="_blank">https://www.youtube.com/watch?v=G7_2tdZRQnE</a><br />
<br />
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><b>Your First Yii Application:</b> </span></h3>
<span style="font-family: Verdana,sans-serif;"> It will be easier to create basic app with yiic (command line tool) in Yii Framework. We have an another tool Gii (powerful web based code generator) to automatically create code for certain tasks like CRUD Operations.</span><br />
<br />
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">To create basic skeleton for Yii App:</span></h3>
<br />
<pre>% cd WebRoot
% php YiiRoot/framework/yiic.php webapp firstapp</pre>
<br />
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">Where,</span><br />
<span style="font-family: Verdana,sans-serif;">Webroot -> Your your web root location</span><br />
<span style="font-family: Verdana,sans-serif;">php -> your php.exe location</span><br />
<span style="font-family: Verdana,sans-serif;">firstapp -> the folder in which you create your app</span><br />
<br />
<span style="font-family: Verdana,sans-serif;">These works are done by yiic, this is a command line tool provided by yii team.</span><br />
<br />
<span style="font-family: Verdana,sans-serif;">Nice it is quit nice to do know.</span><br />
<span style="font-family: Verdana,sans-serif;"> </span><br />
<span style="font-family: Verdana,sans-serif;"> </span><span style="font-family: Verdana,sans-serif;">That is it you have created basic structure for yii application.</span><br />
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">NOTE:</span></h3>
<span style="font-family: Verdana,sans-serif;">Please continue this in my next post at <a href="http://webdevelopmentcodes.blogspot.in/2014/04/yii-framework-tutorial-set-2.html" target="_blank">http://webdevelopmentcodes.blogspot.in/2014/04/yii-framework-tutorial-set-2.html</a> and don't forget to view my video at <a href="https://www.youtube.com/watch?v=G7_2tdZRQnE" target="_blank">https://www.youtube.com/watch?v=G7_2tdZRQnE</a> </span><br />
<br /></div>
<div style="text-align: left;">
<br /></div>
</div>
ramahttp://www.blogger.com/profile/15829410857150459082noreply@blogger.com3tag:blogger.com,1999:blog-7406799005283319997.post-22723185906709225642013-08-23T06:02:00.000-07:002014-04-05T04:11:54.569-07:00Side Bar in Yii Framework<div dir="ltr" style="text-align: left;" trbidi="on"><h1></h1><div class="tagline"><h2 style="text-align: left;"><span style="font-family: Verdana,sans-serif;">Introduction: </span></h2></div><span style="font-family: Verdana,sans-serif;">In this post I will show you how to put sidebar in Yii framework Web application.</span><br />
<span style="font-family: Verdana,sans-serif;"><br />
</span> <span style="font-family: Verdana,sans-serif;">This Sidebar can be displayed on the left or right side of the browser. This slides in on mouse over on the sidebar and slides out automatically when user mouse leaves the sidebar.</span><br />
<span style="font-family: Verdana,sans-serif;"><br />
</span> <span style="font-family: Verdana,sans-serif;">Already we have <a href="http://www.yiiframework.com/extension/leftsidebar/" target="_blank">leftsidebar</a> and <a href="http://www.yiiframework.com/extension/rightsidebar/" target="_blank">rightsidebar</a> extensions in Yii framework. But these can be used to display sidebar on either left side or right side of the browser.</span><br />
<span style="font-family: Verdana,sans-serif;"><br />
</span> <span style="font-family: Verdana,sans-serif;">But this extension will avoid the use of two different extensions for displaying sidebars on left and right side of browser.</span><br />
<span style="font-family: Verdana,sans-serif;"><br />
</span> <span style="font-family: Verdana,sans-serif;">This sidebar can be used to display menu or some other useful things in your application.</span><br />
<div class="content g-markdown"><h2 style="text-align: left;"><span style="font-family: Verdana,sans-serif;"> Download and Usage Details:</span></h2><div class="content g-markdown"><div style="text-align: left;"><span style="font-family: Verdana,sans-serif;"> You can download this extension at <a href="http://www.yiiframework.com/extension/sidebar/" target="_blank">http://www.yiiframework.com/extension/sidebar/</a> . For Further Comments Please comment below.</span></div></div><div class="content g-markdown"><span style="font-family: Verdana,sans-serif;"><br />
</span> <span style="font-family: Verdana,sans-serif;"> Extract folder to your protected/extensions/ folder.</span></div><h2 style="text-align: left;"><span style="font-family: Verdana,sans-serif;">Example Usage:</span></h2></div><div class="content g-markdown"><span style="font-family: Verdana,sans-serif;">You have to specify 'position' to be left or right. If you don't specify it will display in right side. </span></div><div class="content g-markdown"><div class="hl-code"><div class="hl-main"><span style="font-family: Verdana,sans-serif;"><code></code><br />
</span> <span style="font-family: Verdana,sans-serif;"><code></code><br />
</span> <br />
</div></div></div><span style="font-family: Verdana,sans-serif;"><code> in Your view file</code></span><br />
<span style="font-family: Verdana,sans-serif;"><br />
</span><br />
<br />
<pre class="prettyprint">$this->beginWidget('application.extensions.sidebar.Sidebar',
array('title' => 'Menu', 'collapsed' => true,
'position'=>'left'));
//here you display a cmenu or gridview or any other
thing as per your needs.
//or you can simply display contents form variable like below
echo $var;
$this->endWidget();
</pre><br />
<br />
<span style="font-family: Verdana,sans-serif;"><br />
</span> <span style="font-family: Verdana,sans-serif;"><br />
</span> <span style="font-family: Verdana,sans-serif;"><br />
</span> <span style="font-family: Verdana,sans-serif;">If you don't specify 'position', Then a right sidebar will be displayed by default. So, if you want a right sidebar then you don't need to specify position in the widget. </span><br />
<h2 style="text-align: left;"><span style="font-family: Verdana,sans-serif;">Result:</span></h2><div style="text-align: left;"><span style="font-family: Verdana,sans-serif;">Like below a sidebar will b shown either left or right side of your browser based on 'position'.</span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Verdana,sans-serif;"><a href="http://4.bp.blogspot.com/-gPNOi-GV7L0/UhhL4CllcaI/AAAAAAAAAIA/TrRXtRnCScA/s1600/untitled.bmp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-gPNOi-GV7L0/UhhL4CllcaI/AAAAAAAAAIA/TrRXtRnCScA/s1600/untitled.bmp.jpg" /></a></span></div><h2 style="text-align: left;"><span style="font-family: Verdana,sans-serif;"> Arrow mark as in rightsidebar extension:</span></h2><div style="text-align: left;"><span style="font-family: Verdana,sans-serif;">You can able to display an arrow mark in your sidebar by just doing some modification the extension. For this do the below steps.</span></div><div style="text-align: left;"><span style="font-family: Verdana,sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Verdana,sans-serif;">In Sidebar/sidebar.php change the below things</span></div><div style="text-align: left;"><span style="font-family: Verdana,sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Verdana,sans-serif;"><b>Step 1: Change This, </b></span></div><span style="font-family: Verdana,sans-serif;">echo '<div class="title">' ;</span><br />
<span style="font-family: Verdana,sans-serif;"> echo CHtml::encode($this->title);</span><br />
<span style="font-family: Verdana,sans-serif;"> echo '</div>';</span><br />
<span style="font-family: Verdana,sans-serif;"><br />
</span> <span style="font-family: Verdana,sans-serif;">To,</span><br />
<span style="font-family: Verdana,sans-serif;"><br />
</span> <br />
<div class="hl-code"><div class="hl-main"><pre><span style="font-family: Verdana,sans-serif;"><span class="hl-reserved">echo</span> <span class="hl-quotes">'</span><span class="hl-string"><div class="title"></span><span class="hl-quotes">'</span><span class="hl-code"> ;
</span><span class="hl-reserved">echo</span> <span class="hl-identifier">CHtml</span><span class="hl-code">::</span><span class="hl-identifier">encode</span><span class="hl-brackets">(</span><span class="hl-var">$this</span><span class="hl-code">-></span><span class="hl-identifier">title</span><span class="hl-brackets">)</span><span class="hl-code">;
</span><span class="hl-reserved">echo</span> <span class="hl-identifier">CHtml</span><span class="hl-code">::</span><span class="hl-identifier">ajaxLink</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">&gt;&gt;</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-quotes">'</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-reserved">array</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">id</span><span class="hl-quotes">'</span><span class="hl-code"> => </span></span></pre><pre><span style="font-family: Verdana,sans-serif;"><span class="hl-code"> </span><span class="hl-quotes">'</span><span class="hl-string">toggle_left_menu</span><span class="hl-quotes">'</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
</span><span class="hl-reserved">echo</span> <span class="hl-quotes">'</span><span class="hl-string"></div></span><span class="hl-quotes">'</span><span class="hl-code">;</span></span></pre></div></div><span style="font-family: Verdana,sans-serif;"><br />
</span> <br />
<div class="hl-main"><pre><span style="font-family: Verdana,sans-serif;"><span class="hl-reserved">
</span></span></pre><pre><span style="font-family: Verdana,sans-serif;"><b><span class="hl-reserved">Step 2: Change This, </span></b></span></pre><pre><span style="font-family: Verdana,sans-serif;"><span class="hl-reserved">echo '<div class="title">' ;
echo CHtml::encode($this->title);
echo '</div>';</span></span></pre><pre><span style="font-family: Verdana,sans-serif;"><span class="hl-reserved">
</span></span></pre><pre><span style="font-family: Verdana,sans-serif;"><span class="hl-reserved">To,</span></span></pre><pre><span style="font-family: Verdana,sans-serif;"><span class="hl-reserved">
</span></span></pre><pre><span style="font-family: Verdana,sans-serif;"><span class="hl-reserved">echo</span> <span class="hl-quotes">'</span><span class="hl-string"><div class="title"></span><span class="hl-quotes">'</span><span class="hl-code"> ;
</span><span class="hl-reserved">echo</span> <span class="hl-identifier">CHtml</span><span class="hl-code">::</span><span class="hl-identifier">encode</span><span class="hl-brackets">(</span><span class="hl-var">$this</span><span class="hl-code">-></span><span class="hl-identifier">title</span><span class="hl-brackets">)</span><span class="hl-code">;
</span><span class="hl-reserved">echo</span> <span class="hl-identifier">CHtml</span><span class="hl-code">::</span><span class="hl-identifier">ajaxLink</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">&gt;&gt;</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-quotes">'</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-reserved">array</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">id</span><span class="hl-quotes">'</span><span class="hl-code"> => </span></span></pre><pre><span style="font-family: Verdana,sans-serif;"><span class="hl-code"> </span><span class="hl-quotes">'</span><span class="hl-string">toggle_right_menu</span><span class="hl-quotes">'</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
</span><span class="hl-reserved">echo</span> <span class="hl-quotes">'</span><span class="hl-string"></div></span><span class="hl-quotes">'</span><span class="hl-code">;</span></span></pre><pre><span style="font-family: Verdana,sans-serif;"><span class="hl-code"> </span></span></pre><pre><span style="font-family: Verdana,sans-serif;"><span class="hl-code">and in js folder, </span></span></pre></div><span style="font-family: Verdana,sans-serif;"><br />
</span> <span style="font-family: Verdana,sans-serif;">Step 3: In leftsidebar.js line 64 change Pin and Hide.</span><br />
<span style="font-family: Verdana,sans-serif;">Step: 4 And finally in rightsidebar.css line 61 change float to right.</span><br />
<span style="font-family: Verdana,sans-serif;"><br />
</span> <span style="font-family: Verdana,sans-serif;">That is it. Now a arrow mark will be displayed in the sidebar. You can click on the arrow mark to display and again click to hide the sidebars.</span><br />
<span style="font-family: Verdana,sans-serif;"><br />
</span> <span style="font-family: Verdana,sans-serif;">I think it is useful to someone.</span><br />
<div style="text-align: left;"><span style="font-family: Verdana,sans-serif;"><br />
</span></div><div class="content g-markdown"><span style="font-family: Verdana,sans-serif;"><br />
</span></div></div>ramahttp://www.blogger.com/profile/15829410857150459082noreply@blogger.com8tag:blogger.com,1999:blog-7406799005283319997.post-62999216504295695622013-06-01T04:34:00.000-07:002013-10-08T22:25:51.828-07:00How to Use Jquery?<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
Introduction:</span></h3>
<span style="font-family: Verdana,sans-serif;"> Jquery is a lightweight JavaScript Open Source library. jQuery is to make it much easier to use JavaScript on your website since it is a Lightweight Component.</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">jQuery almost simplifies lots and lots of lines in basic javascript and do the same task within a single line. So most of developers use jquery only instead javacsript.</span><br />
<span style="font-family: Verdana,sans-serif;">The scope of jquery just not end with javascript task, With this jquery we can do</span><br />
<span style="font-family: Verdana,sans-serif;"> ->Ajax calls(with this you can call a PHP page and insert or change data)</span><br />
<span style="font-family: Verdana,sans-serif;"> ->DOM (Document Object Model) Manipulation</span><br />
<span style="font-family: Verdana,sans-serif;"> ->We can change CSS of the Page</span><br />
<span style="font-family: Verdana,sans-serif;"> ->Add Effects to text or images </span><br />
<span style="font-family: Verdana,sans-serif;"> ->And lots more </span><br />
<span style="font-family: Verdana,sans-serif;">Before Starting to work on this you must know,</span><br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana,sans-serif;">HTML</span></li>
<li><span style="font-family: Verdana,sans-serif;">CSS</span></li>
<li><span style="font-family: Verdana,sans-serif;">Javascript </span></li>
</ul>
</div>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
How to use:</span></h3>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> Before using Jquery You must have jquery library. You can download it from <a href="http://jquery.com/download/" target="_blank">Jquery.com</a> for free of cost. Then insert it in your html page like you insert your javacsript page that is it. Here i will show you a demo,</span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> <head></span><br />
<span style="font-family: Verdana,sans-serif;"><script src="jquery.js"></script> //this is your downloaded jquery librray</span><br />
<span style="font-family: Verdana,sans-serif;"></head> </span></div>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
Syntax:</span></h3>
<h3 style="text-align: left;">
</h3>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><script type="text/javascript"></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">$(document).ready(function(){</span><br />
<span style="font-family: Verdana,sans-serif;">//here goes your jquery functions</span><br />
<span style="font-family: Verdana,sans-serif;"> }); </span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> </script> </span></div>
<span style="font-family: Verdana,sans-serif;"> </span><br />
<div>
<div>
<span style="font-family: Verdana,sans-serif;">$(document).ready(function(): Always we must start to use jquery function within this function. The Reason is we must start functions once our document is fully loaded in the page else it will not be a safe one, It results in unwanted actions.</span></div>
<div>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
Examples with explanation: </span></h3>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">Let's say we want to hide all <h2> elements in the page. It can be done easily in this jquery.</span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">HTML: <h2>Heading name</h2></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">to hide the h2 element You just use this:</span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> $(document).ready(function(){</span><br />
<span style="font-family: Verdana,sans-serif;"> $("h2").hide(); //this will hide the h2 elements fully</span><br />
<span style="font-family: Verdana,sans-serif;"> }); </span></div>
</div>
<div>
<span style="font-family: Verdana,sans-serif;"> The above code hides all h2 elements in the entire page. But if we need to hide only a particular h2 element in the page then we have to use selectors.</span></div>
<div>
<span style="font-family: Verdana,sans-serif;">What is selector?</span></div>
<div>
<span style="font-family: Verdana,sans-serif;"> Selector is a Class or ID of the particular element. Let me explain with our above h2 example</span></div>
<div>
<span style="font-family: Verdana,sans-serif;">HTML: <h2 class="classname" id="idname">Heading name</h2></span></div>
<div>
<span style="font-family: Verdana,sans-serif;"> In this example we have two selectors "classname" (via class) and "idname" (via id).</span></div>
<div style="text-align: left;">
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><b><u>Note:</u></b> We have to use classname selector as <u>.classname</u> and idname as <u>#idname</u> in jquery function</span></div>
</div>
<div>
<span style="font-family: Verdana,sans-serif;"> </span></div>
<div>
<span style="font-family: Verdana,sans-serif;">Now move to our problem, Our jquery code here hides all h2 elements. We have clear this problem with this selectors help. Here is the trick</span></div>
<div>
<span style="font-family: Verdana,sans-serif;">$("#idname").hide(); //this will hide elements only with "idname" </span></div>
<div>
<span style="font-family: Verdana,sans-serif;">$(".classaname").hide(); //this will elements only with "classname". </span></div>
<div>
<span style="font-family: Verdana,sans-serif;"><br /></span></div>
<div>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
Other Selectors in Jquery: </span></h3>
</div>
<div>
<table class="reference notranslate"><tbody>
<tr><td><span style="font-family: Verdana,sans-serif;">$("*") It selects all elements </span><br />
<span style="font-family: Verdana,sans-serif;">$(this) It selects current element </span><br />
<span style="font-family: Verdana,sans-serif;">$("p.intro") It selects <p> element with 'intro' as classname</span><br />
<span style="font-family: Verdana,sans-serif;">$("p:first") It selects first <p> element in the entire DOM </span><br />
<span style="font-family: Verdana,sans-serif;">$("ul li:first") It selects first <li> element in first <ul></span><br />
<span style="font-family: Verdana,sans-serif;">$("ul li:first-child") It selects first <li> element in all <ul></span><br />
<span style="font-family: Verdana,sans-serif;">$("[href]") It selects all element with href as attribute</span><br />
<span style="font-family: Verdana,sans-serif;">$("a[target='_blank']") it selects all links with target value as blank </span><br />
<span style="font-family: Verdana,sans-serif;">$("a[target!='_blank']") it selects all links with target not as blank</span></td><td><span style="font-family: Verdana,sans-serif;"><br /></span></td></tr>
</tbody></table>
</div>
</div>
</div>
ramahttp://www.blogger.com/profile/15829410857150459082noreply@blogger.com1tag:blogger.com,1999:blog-7406799005283319997.post-45635538607252516932013-05-17T05:36:00.001-07:002013-10-08T22:26:05.947-07:00PHP file upload and Saving<div dir="ltr" style="text-align: left;" trbidi="on">
<h3>
<span style="font-family: Verdana,sans-serif;">
PHP file upload and Saving:</span></h3>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> PHP file upload and saving in server is simple. We need to have a HTML form and PHP script to get the file and upload to server. Here i am going to tell you the step by step guidance to do this.</span></div>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
HTML form:</span></h3>
<span style="font-family: Verdana,sans-serif;"><form action="file.php" method="post" enctype="multipart/form-data"></span><br />
<span style="font-family: Verdana,sans-serif;">//First start aform tag, Method may be POST or GET. POST method is recommended since it is secured, Then encryption type</span><br />
<span style="font-family: Verdana,sans-serif;"><label>File Name:</label></span><br />
<span style="font-family: Verdana,sans-serif;">//this is jus a label </span><br />
<span style="font-family: Verdana,sans-serif;"><input type="file" name="myfile" id="myfile"><br></span><br />
<span style="font-family: Verdana,sans-serif;">//file is the tag to upload files </span><br />
<span style="font-family: Verdana,sans-serif;"><input type="submit" name="submit" value="Submit"></span><br />
<span style="font-family: Verdana,sans-serif;">//this is normal submit button to submit the form</span><br />
<span style="font-family: Verdana,sans-serif;"></form></span><br />
<span style="font-family: Verdana,sans-serif;">//that's it</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">Now we have to write PHP script to do further things.</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
PHP Script(file.php); </span></h3>
<span style="font-family: Verdana,sans-serif;">The following code is to just verify whether file is uploaded correctly or not. Later i will show you how to store the uploaded file into server. </span><br />
<span style="font-family: Verdana,sans-serif;"><?php</span><br />
<span style="font-family: Verdana,sans-serif;">if ($_FILES["myfile"]["error"] > 0)</span><br />
<span style="font-family: Verdana,sans-serif;">//first check whether errors are there or not. If not then proceed</span><br />
<span style="font-family: Verdana,sans-serif;"> {</span><br />
<span style="font-family: Verdana,sans-serif;"> echo "Sorry Have some Error: " . $_FILES["myfile"]["error"] . "<br>";</span><br />
<span style="font-family: Verdana,sans-serif;">//Displays error message and exact reason for error</span><br />
<span style="font-family: Verdana,sans-serif;"> }</span><br />
<span style="font-family: Verdana,sans-serif;">else</span><br />
<span style="font-family: Verdana,sans-serif;"> {</span><br />
<span style="font-family: Verdana,sans-serif;">//if no error then display details of file</span><br />
<span style="font-family: Verdana,sans-serif;">echo "Well your file has been uploaded successfully in to server";</span><br />
<span style="font-family: Verdana,sans-serif;"> echo "File name: " . $_FILES["myfile"]["name"] . "<br>";</span><br />
<span style="font-family: Verdana,sans-serif;"> echo "Your File Type: " . $_FILES["myfile"]["type"] . "<br>";</span><br />
<span style="font-family: Verdana,sans-serif;"> echo "Your File Size: " . ($_FILES["myfile"]["size"] / 1024) . " kB<br>";</span><br />
<span style="font-family: Verdana,sans-serif;"> echo "Your file stored : " . $_FILES["myfile"]["tmp_name"];</span><br />
<span style="font-family: Verdana,sans-serif;"> }</span><br />
<span style="font-family: Verdana,sans-serif;">?></span><br />
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">That is it. Now we move on to PHP script to to store files in server Location</span></div>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
PHP Script:(to store in file)</span></h3>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> As everyone do, We also Store files in Upload folder. Here is the code for that. Just copy and paste it after above code. If you do like this then you can able able to see uploaded file information and success message if uploaded correctly.</span></div>
<span style="font-family: Verdana,sans-serif;">if (file_exists("upload/" . $_FILES["myfile"]["name"]))</span><br />
<span style="font-family: Verdana,sans-serif;">//we must check whether file is Already exist or not. We must do it for hassle free operation</span><br />
<span style="font-family: Verdana,sans-serif;"> {</span><br />
<span style="font-family: Verdana,sans-serif;"> echo $_FILES["file"]["name"] . " already exists. ";</span><br />
<span style="font-family: Verdana,sans-serif;"> //if it exist then we have to say exist</span><br />
<span style="font-family: Verdana,sans-serif;"> // we can upload even if it is already exist by renaming it. I showed you the codes below for that </span><br />
<span style="font-family: Verdana,sans-serif;"> }</span><br />
<span style="font-family: Verdana,sans-serif;"> else</span><br />
<span style="font-family: Verdana,sans-serif;"> {</span><br />
<span style="font-family: Verdana,sans-serif;"> move_uploaded_file($_FILES["file"]["tmp_name"], "upload/" . $_FILES["myfile"]["name"]);</span><br />
<span style="font-family: Verdana,sans-serif;">//it is PHP function to move files to server</span><br />
<span style="font-family: Verdana,sans-serif;"> echo "Stored in: " . "upload/" . $_FILES["myfile"]["name"];</span><br />
<span style="font-family: Verdana,sans-serif;">//final message to echo stored location</span><br />
<span style="font-family: Verdana,sans-serif;"> } </span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
PHP script:(to rename before Store in folder)</span></h3>
<span style="font-family: Verdana,sans-serif;"> Always we need to rename the files before saving to server. Because users may upload files with same name. If that happens then the old file with same name gets replaced with new one. So we need to rename all files before uploading to server. For that use the below piece of code: $randomdigit=rand(0000,9999);</span><br />
<span style="font-family: Verdana,sans-serif;">//generate a randome number. You may use letters or alphanumeric also</span><br />
<span style="font-family: Verdana,sans-serif;">$filename=$_FILES["myfile"]["name"];</span><br />
<span style="font-family: Verdana,sans-serif;">//get the filen ame in to $filename </span><br />
<span style="font-family: Verdana,sans-serif;">$newfilename=$randomdigit.$filename;</span><br />
<span style="font-family: Verdana,sans-serif;">//Now combine random number and filename to get ne file name</span><br />
<span style="font-family: Verdana,sans-serif;">$path= "resumes/".$newfilename;</span><br />
<span style="font-family: Verdana,sans-serif;">$path variable holds the location of folder</span><br />
<span style="font-family: Verdana,sans-serif;">copy($_FILES["file"]['tmpname'], $path); </span><br />
<span style="font-family: Verdana,sans-serif;">//this php function can also upload files to server like move_uploaded_file</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">Check one more time whether new file name is exist in upload/ folder. If it exists the generate random number one more time and then copy to server.</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">That is it. </span><br />
<h4>
<span style="font-family: Verdana,sans-serif;">
</span></h4>
</div>
ramahttp://www.blogger.com/profile/15829410857150459082noreply@blogger.com4tag:blogger.com,1999:blog-7406799005283319997.post-32832761713926749842013-05-03T05:09:00.000-07:002013-10-08T22:26:15.330-07:00JavaScript Basics<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
JavaScript Array:</span></h3>
<span style="font-family: Verdana,sans-serif;"> Here i am going to Guide you on JavaScript Arrays. Array in JS is Same as in PHP and other Programming Languages. Here is the Syntax for creating Array,</span><br />
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
Syntax:</span></h3>
<span style="font-family: Verdana,sans-serif;">var fruitArray = new Array( "apple", "orange", "mango","banana" );</span><br />
<span style="font-family: Verdana,sans-serif;">OR</span><br />
<span style="font-family: Verdana,sans-serif;">var fruitArray = new Array[ "apple", "orange", "mango","banana" ];</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;"> In this Array,</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;"> fruitsarray[1] is the First element,</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;"> fruitsarray[2] is the Second element,</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;"> fruitsarray[3] is the Third element,</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;"> fruitsarray[4] is the Fourth element.</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
Dates: </span></h3>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
new Date( ):</span></h3>
<span style="font-family: Verdana,sans-serif;"> This will display Current Date with Time. But We Programmers won't like to display Dates with time. But we will format it with some functions and display it. </span><br />
<span style="font-family: Verdana,sans-serif;">Here is a program to Display current date As many clients wants to display in Web Pages.</span><br />
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
Function to display Current Date: </span></h3>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">function displayTodaysDate()</span><br />
<span style="font-family: Verdana,sans-serif;">{</span><br />
<span style="font-family: Verdana,sans-serif;">var x = new Array("Sunday", "Monday", "Tuesday", "Wednesday",</span><br />
<span style="font-family: Verdana,sans-serif;">"Thursday", "Friday", "Saturday");</span><br />
<span style="font-family: Verdana,sans-serif;">var z = new Array("January","February","March","April", "May","June",</span><br />
<span style="font-family: Verdana,sans-serif;">"July", "August", "September","October","November","December");</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">var d = new Date();</span><br />
<span style="font-family: Verdana,sans-serif;">var day = d.getDay();</span><br />
<span style="font-family: Verdana,sans-serif;">var month = d.getMonth();</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">// Assemble the string to display</span><br />
<span style="font-family: Verdana,sans-serif;">var s = x[day] + ", " + d.getDate() + " " + (z[month]) + " " + (d.getFullYear());</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">document.write(s);</span><br />
<span style="font-family: Verdana,sans-serif;">}</span></div>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
Output: Friday, 3 May 2013</span></h3>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> Just Copy it in your Page and then Call this function using the below code,</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;"><script type="text/javascript"></span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">displayTodaysDate();</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;"></script> </span></div>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;">
Other Syntax:</span></h3>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"> Please Use any of the below syntax below to get desired date output in javascript</span><br />
<span style="font-family: Verdana,sans-serif;">new Date(milliseconds) </span><br />
<span style="font-family: Verdana,sans-serif;">new Date(datestring) new Date(year,month,date[,hour,minute,second,millisecond ])</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span></div>
</div>
ramahttp://www.blogger.com/profile/15829410857150459082noreply@blogger.com2tag:blogger.com,1999:blog-7406799005283319997.post-13933857759723068092013-05-03T04:08:00.001-07:002014-09-02T04:17:41.380-07:00PHP function to find dates between two dates<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: center;">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><b>PHP function to find dates between two dates</b></span></span></span></h3>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><span style="font-weight: normal;"><span style="background-color: white;"><span style="color: black;"> Here i am going to write a function for finding dates between two Dates using PHP. It will output all the days between two given dates as a array. The main feature of this is,</span></span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><span style="font-weight: normal;"><span style="background-color: white;"><span style="color: black;"> ->It will output all days in array format</span></span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><span style="font-weight: normal;"><span style="background-color: white;"><span style="color: black;"> You can use this function to find number of days between given two dates as below.</span></span></span></span></span></span></div>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><span style="font-weight: normal;"><span style="background-color: white;"><span style="color: black;"><span style="color: #3d85c6;"><span style="background-color: white;">Displaying all days:</span></span></span></span></span></span></span></span></h3>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><span style="font-weight: normal;"><span style="background-color: white;"><span style="color: black;"><span style="color: #3d85c6;"><span style="background-color: white;"> <span style="color: black;">To display all days, just write the below code</span></span></span></span></span></span></span></span></span><br />
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><span style="font-weight: normal;"><span style="background-color: white;"><span style="color: black;"><span style="color: #3d85c6;"><span style="background-color: white;"><span style="color: black;"><?php</span></span></span></span></span></span></span></span></span><br />
<span style="font-family: Verdana,sans-serif;"></span><br />
<pre class="brush:xml;" title=""><span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><span style="font-weight: normal;"><span style="background-color: white;"><span style="color: black;"><span style="color: #3d85c6;"><span style="background-color: white;"><span style="color: black;"> var_dump(createDateRangeArray("2011-02-02","2013-02-02")); </span></span></span></span></span></span></span></span></span></pre>
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><span style="font-weight: normal;"><span style="background-color: white;"><span style="color: black;"><span style="color: #3d85c6;"><span style="background-color: white;"><span style="color: black;">?> </span></span></span></span></span></span></span></span></span></div>
<div style="text-align: left;">
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><span style="font-weight: normal;"><span style="background-color: white;"><span style="color: black;"><span style="color: #3d85c6;">Displaying Number of days:</span></span></span></span></span></span></span></h3>
</div>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><span style="font-weight: normal;"><span style="background-color: white;"><span style="color: black;"><span style="color: #3d85c6;"> <span style="color: black;">To display number of days between these two dates just use the below code</span></span></span></span></span></span></span></span></div>
<pre class="brush:xml;" title="code"><span style="font-family: Verdana,sans-serif;">count(createDateRange("2011-02-02","2013-02-02"));
</span></pre>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><span style="font-weight: normal;"><span style="background-color: white;"><span style="color: black;"><span style="color: #3d85c6;"><span style="color: black;">?></span></span></span></span></span></span></span></span></div>
<h3 style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><span style="font-weight: normal;"><span style="background-color: white;"><span style="color: black;"><span style="color: #3d85c6;"><span style="color: black;">Main Function: </span></span></span></span></span></span></span></span></h3>
<div style="text-align: left;">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white;"><span style="color: #3d85c6;"><span style="font-weight: normal;"><span style="background-color: white;"><span style="color: black;"><span style="color: #3d85c6;"><span style="color: black;"> Here is the function to do all the above required things. Just copy it in your PHP file and display dates as i specified above. </span></span></span></span></span></span></span></span></div>
<pre class="brush:xml;" title="code"><span style="font-family: Verdana,sans-serif;"><?php
function createDateRange($strDateFrom,$strDateTo) {
//two dates formatted as YYYY-MM-DD and creates an
$aryRange=array();
$iDateFrom=mktime(1,0,0,substr($strDateFrom,5,2), substr($strDateFrom,8,2),substr($strDateFrom,0,4));
iDateTo=mktime(1,0,0,substr($strDateTo,5,2), substr($strDateTo,8,2),substr($strDateTo,0,4));
if ($iDateTo>=$iDateFrom) {
array_push($aryRange,date('Y-m-d',$iDateFrom)); // first entry
while ($iDateFrom<$iDateTo) {
$iDateFrom+=86400; // add 24 hours
array_push($aryRange,date('Y-m-d',$iDateFrom));
} } return $aryRange;
} ?></span></pre>
</div>
ramahttp://www.blogger.com/profile/15829410857150459082noreply@blogger.com1