کد آماده :: لود عکسها با jQuery

اسفند ۵, ۱۳۹۲ توسط : سعید

شاید برای شما هم این مشکل پیش اومده باشه که به عنوان مثال برای یک تگ a یک تصویر پس زمینه میذارید و میخواید هنگامی که موس میره روی این تگ تصویر عوض شه.

خب این کار خیلی ساده است :

<a href="" class="post">

</a>

و استایل CSS :

.post{

background:url(1.png)

display:block;

width:24px;

height:24px;
}

و برای hover :

.post:hover{

background:url(2.png)

display:block;

width:24px;

height:24px;
}

اما مشکلی که این کد داره اینه که هنگامی که برای بار اول روی این لینک میریم عکس ۲٫png که قراره نمایش داده بشه با تاخیر نمایش داده میشه.این به این خاطره که هنوز این عکس لود نشده. داشتن چنین مشکلی توی سایت جالب نیست و سایت رو از حالت حرفه ای در میاره.

برای حل این مشکل میتونیم از jQuery کمک بگیریم .…

ادامه مطلب...

فشرده کردن فایلهای جاوااسکریپت

مرداد ۲۱, ۱۳۹۲ توسط : سعید

حتما هنگام استفاده ازکتابخانه های جاوا اسکریت دیدید که یک فایل با پسوند min.js وجود داره که توش کدها به هم ریخته ان. مثلا کتابخانه jQuery توی دو نسخه منتشر میشه.یکی نسخه اصلی یا همون نسخه ای که وقتی بازش میکنین کدهاش به هم ریخته نیستن و نسخه mini یا فایلی که برای اینکه حجمش رو کم کنن میان و فاصله ها و خطوط اضافی رو پاک میکنن.

به این کار minify یا کوچک کردن میگن. با minify کردن اسکریپت های نوشته شده با زبان جاوااسکریپت یک اتفاق دیگه هم میافته و اون اینه که نام متغیرهاتون هم عوض میشه.مثلا توی جی کوئری این کدها رو میبینید :
(function(a,b){function G(a){var b=F[a]={};return p.each(a.split(s)

همینطور که میبینید نام متغیرها به a , n , b  و کلا اسامی بدون معنی تغییر کرده .…

ادامه مطلب...

۶ گام برای رفع مشکل کار نکردن کدهای جی کوئری

فروردین ۳۰, ۱۳۹۲ توسط : سید داوود فامرینی

۱٫ اصلاً فایل جی کوئری وجود داره ؟

مردم اغلب خیلی زود ناراحت می شن زمانی که یه مشکل کوچیک پیش میاد مثلاً جی کوئری کار نمی کنه. قبل از اینکه مشغول کاری بشین و کدی رو دست بزنید، ببینید فایل اصلی جی کوئری وجود داره.

همچنین ببینید فایلی که الان در حال ویرایش اون هستید دقیقاً همون فایلیه که جی کوئری بهش وصل شده یا نه شما درحال ویرایش فایل اشتباهی هستید. 🙂

۲٫ مسیر فایل اشتباه است

این یک اشتباه معمولیه و اولین مرحله در برابر مشکلات کدهای جاوااسکریپته که باید چک بشه. بعد از اینکه چک کردین که مسیر فایل درسته برای مطمئن شدن بهتره با مرورگر کروم یا فایرفاکس یکبار view source کنید و روی لینک مربوط به فایل جی کوئری کلیک کنید، اگر سورس فایل نمایش داده شود یعنی اینکه کار رو درست انجام دادید اما اگر پیغام ۴۰۴ ظاهر شد یعنی اشتباه آدرس دهی کردید، برای تست فایل Css هم این روش کارایی داره و جلوی مشکلات رو می گیره.…

ادامه مطلب...

همکاری در گسترش سایت PHPro.ir

فروردین ۲۰, ۱۳۹۲ توسط : سعید

سلام خدمت دوستان عزیز

سال نو شما مبارک باشه ، امیدوارم که سال خوبی داشته باشید.

بعد از گذشت یک سال و نیم از عمر این سایت مطالبی رو من و دوستان دیگه براتون قرار دادیم که همیشه سعی بر این بوده که انتظارات شما برآورده بشه.گاهی توی گذاشتن پستها و جواب دادن به سوالات شما عزیزان کوتاهی شده که همینجا عذر خواهی میکنم.

بازدید : ۶۷۳۳…

ادامه مطلب...

یک نکته کوچولو (جیکوری)

اسفند ۲, ۱۳۹۱ توسط : سید امیر فاطمی امین

در سری آموزش های یک نکته کوچولو قصد دارم مباحث رو بصورت خلاصه با مثل ساده بیان کنم .هدف این کار مرور آسان مطالب برای کسانی را مطالب را بلدند و آموزش مختصر برای آشنایی اولیه برای افراد تازه وارد.

با اولین نکته کوچولو همراه باشید

v1

بازدید : ۲۹۷۶…

ادامه مطلب...

مقاله : ۱۰ اشتباه برنامه نویسان مبتدی

بهمن ۳, ۱۳۹۱ توسط : سعید

هنگامی که تازه شروع به برنامه نویسی میکنید ، مطمئنا اشتباهات زیادی رو انجام میدید.مشکل اینجاست که شما خوتون هم نمیدونید دارید اشتباه میکنید.در سال اولی که در دانشگاه قرار بود به دانشجوها برنامه نویسی رو آموزش بدم بارها و بارها با این اشتباهات برخورد داشتم.در زیر لیست ۱۰ اشتباهی رو که برنامه نویسان مبتدی مرتکب میشن رو معرفی میکنم تا ازاین به بعد از این اشتباهات دوری کنن.

۱- ترس و عدم اعتماد به نفس

اولین اشتباهی که ممکنه به عنوان یک برنامه نویس مبتدی مرتکب بشید اینه که فکر کنید به قدر کافی خوب و باهوش نیستید و اینکه تفکر غلطی نسبت به برنامه نویسی دارید و نمیتونید هیچ موقع برنامه نویسی رو یاد بگیرید.من باور دارم که هر کسی میتونه حداقل در سطح مبتدی برنامه نویس باشه ، اگر یه مدت برنامه نویسی رو به صورت جدی دنبال کنه.…

ادامه مطلب...

آموزش ساخت پلاگین در jQuery

دی ۲۴, ۱۳۹۱ توسط : سعید

برای امروزآموزش ساخت پلاگین در jQuery  رو براتون میذارم امیدوارم خوشتون بیاد.

ساخت پلاگین جی کوئری شاید به نظر کسانی که در jQuery مبتدی هستن یک کار سخت و پیچیده باشه.توی این آموزش میبینید که این کار خیلی هم سخت نیست و با داشتن دانش اندکی درمورد جی کوئری هم میتونید پلاگین هاتون رو بنویسید.

پلاگینی که قراره بسازیم یک پلاگین ساده است که میتونید پیش نمایشش رو در لینک زیر مشادهد کنید.

Demo

برای ساخت منوی بالا بدون استفاده از پلاگین باید کدهای زیر رو بنویسید :

	$('#animate-menu').find('li a').each(function(index, element) {
        $(this).hover(function(){
				$(this).animate({paddingLeft:'20px'},250);
			},function(){
				$(this).animate({paddingLeft:'0px'},250);
			});

همینطور که میبینید نوشتن این کدها برای هرپروژه کار سختیه مخصوصا اگه کدهای زیادی داشته باشیم.
بعد از تبدیل کدهای بالا به پلاگین با استفاده از خط زیر میتونیم از پلاگین در پروژه های مختلف استفاده کنیم :

$(document).ready(function() {

	$('.container').animateMenu();

});

خب بریم سراغ آموزش.…

ادامه مطلب...

ساخت کوتاه کننده لینک با PHP به صورت Ajax

دی ۱۵, ۱۳۹۱ توسط : سعید

سلام

به احتمال زیاد تا به حال به سایتهایی برخوردید که یک لینک بزرگ میگیرن و به یک لینک کوچیک تبدیلش میکنن.سایتهایی مثل tinyurl.com , bit.ly و … . در این پست میخوام آموزش ساخت کوتاه کننده لینک به وسیله PHP به صورت ای جکس رو آموزش بدم.امیدوارم به دردتون بخوره.

سورس رو از اینجا دانلود کنید

دمو رو اینجا ببینید

دیتابیس این پروژه رو میسازیم :

CREATE TABLE IF NOT EXISTS `urls` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `url` varchar(500) NOT NULL,
  `short_code` varchar(15) NOT NULL,
  `create_time` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00',
  `visits` int(11) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=9 ;

بعد از ساخت دیتابیس بالا در فایل  config.php کدهای زیر رو بنویسید و مقدار دهی کنید :

<?php

define('DB_HOST','localhost');
define('DB_NAME','database_name');
define('DB_USERNAME','database_username');
define('DB_PASSWORD','database_password');
define('SITEURL','http://url.phpro.ir/');

date_default_timezone_set('Asia/Tehran');

حب برای ساخت لینکهای کوتاه و ذخیره در دیتابیس کلاسی مینوسیم به نام UrlShortener که در زیر به توضیح کلاس میپردازیم :

این کلاس ۶ متد داره و از کتابخانه PDO برای اتصال با Mysql استفاده میکنه :

<?php
/**
* UrlShortener Class
* 
* @author Saeed Moghadam Zade
* @author URL : http://phpro.ir
* 
* 
* Database Create :
* CREATE TABLE `url_shortener`.`urls` (
* `id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
* `url` VARCHAR( 500 ) NOT NULL ,
* `short_code` VARCHAR( 15 ) NOT NULL ,
* `visits` int NOT NULL ,
* `create_time` TIMESTAMP NOT NULL
* ) ENGINE = MYISAM ;
*/
class UrlShortener
{

	private $pdo;

	function __construct()
	{
		$this->pdo = new PDO('mysql:host='.DB_HOST.';dbname='.DB_NAME,DB_USERNAME,DB_PASSWORD);

	}

	/**
	* Create short code
	* 
	*/
	function createShortCode($url = '')
	{
		$chars = "123456789bcdfghjkmnpqrstvwxyzBCDFGHJKLMNPQRSTVWXYZ";
		$short_code = '';
		while(strlen($short_code) < 7)
		{
			$short_code .= $chars[rand(0,strlen($chars))];
		}
		// check in db
		$stm = $this->pdo->prepare('select * from urls where short_code = :short');
		$stm->execute(array('short'=>$short_code));
		$res = $stm->fetch();
		print_r($res);

		return $short_code;
	}

	/**
	* return true if url format valid
	* 
	*/
	function validUrl($url)
	{
		return filter_var($url , FILTER_VALIDATE_URL , FILTER_FLAG_HOST_REQUIRED);
	}

	/**
	* Check url exist in db
	* @param $url String
	*/
	function existInDb($url)
	{
		$stm = $this->pdo->prepare('select * from urls where url = \''.$url.'\'');
		$stm->execute();
		$res = $stm->fetch();

		return ( empty($res['short_code']) ?

ادامه مطلب...

مقاله: خودآموز برنامه نویسی در ۱۰ سال

مهر ۱۸, ۱۳۹۱ توسط : سعید

توی سایت برنامه نویس مقاله ای دیدم که بسیار جالب بود. دوستانی که میخوان برنامه نویسی رو تازه شروع کنن حتما این مقاله رو بخونن. ازآقای عسگری هم به خاطر ترجمه روان این مقاله مفید تشکر میکنم.

——————————————————————

عنوان: خودآموز برنامه نویسی در ۱۰ سال

عنوان اصلی : Teach Yourself Programming in Ten Years

ترجمه: مهدی عسگری
نویسنده: Peter Norvig

خلاصه: در این مقاله Peter Norvig (نویسنده ی کتاب معروف هوش مصنوعی مورد استفاده در اکثر دانشگاه های جهان) در مورد پدیده و تب یادگیری سریع برنامه نویسی صحبت کرده و نشان می دهد که برای تخصص در برنامه نویسی بر خلاف کتاب های عامه پسند (آموزش در ۲۱ روز ، ۲۴ ساعت ، …) حداقل ۱۰ سال زمان و کار لازم است تا یک نفر به تخصص برسد (در هر رشته ای ، نه فقط یرنامه نویسی)

چرا همه این قدر عجله دارند ؟
تو هر کتاب فروشی که بروید ، کلی کتاب می بینید که می خواهند در چند ساعت یا چند روز به شما کامپیوتر یا برنامه نویسی یاد بدهند (از ویندوز و اینترنت گرفته تا ویژوال بیسیک و جاوا و …) من جستجوی زیر را در آمازون انجام دادم:

pubdate: after 1992 and title: days and
(title: learn or title: teach yourself)

یعنی کتاب هایی که از سال ۱۹۹۲ تا الان چاپ شده و در عنوانشان کلمات days و “یادگیری یا خودآموز” وجود دارد.…

ادامه مطلب...

ساخت انیمیشن با jQuery

مهر ۱۴, ۱۳۹۱ توسط : رضا فرهادیان

تا حالا شده که این نیاز رو احساس کنید که سایتتون احتیاج به پویانمایی داشته باشه؟خوب معمولا اگر قرار باشه در سایتتون از انیمیشنی استفاده کنید، ساده ترین روش یعنی استفاده از CSS3 رو انتخاب میکنید.اما یک راهه دیگه که شاید با دیدنش تعجب زده بشیند و بگید “من نمیتونم!” وجود داره،در واقع در هم بودن کدهای این شیوه باعث شده کمتر کسی از jQuery برای پویا کردن سایت خودش استفاده کنه.در این پست نمونه ای از پویانمایی رو در jQuery براتون قرار دادم.

برای شروع کار شما احتیاج به فراخوانی فایل jQuery.js(نسخه آخر) دارید،که میتوانید از این لینک دریافت کنید، و برای فراخوندن اون باید از دستور زیر استفاده کنید:


<head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
 </head>

بین تگ <script> و <script/> کدهای jQuery قرار میگرن.…

ادامه مطلب...