آموزش HTML – اسکریپت

ما دو زبان اسکریپتی خیلی محبوب داریم که در HTML مورد استفاده قرار میگیرن، جاوا اسکریپت (Javascript) و وی بی اسکریپت (VBscript). این زبان ها به ما کمک میکنن تا صفحات HTML رو داینامیک یا پویا کنیم و همچنین تعامل بهتری با کاربر برقرار کنیم. اما باز جاوا اسکریپت محبوبتر از وی بی اسکریپت هستش و ما هم بیشترروی جاوا اسکریپت زوم میکنیم.

 

برای مثال از Ajax استفاده میکنیم تا کاربر مجبور به بارگذاری مجدد کل صفحه نباشه (داینامیک کردن صفحه) یا در زمان های خاص بجای اینکه برای نمایش پیامی کاربر رو به صفحه دیگه ای بفرستیم با استفاده از جاوا اسکریپت پیامی رو نمایش بدیم، منو های زیبا بسازیم و خیلی کارهای دیگه از اگر بخوام فقط بعضی هاشو نام ببرم کل صفحه پر میشه.

در این درس ما فقط نحوه استفاده از جاوا اسکریپت رو در HTML آموزش میدیم نه جاوا اسکریپت رو! توجه داشته باشید که جاوا اسکریپت با HTML اصلا قابل مقایسه نیست و برای یاد گیری این زبان باید وقت خیلی بیشتری بذارید اما میتونید از کدهای آماده ای که برنامه نویسان از قبل نوشتن استفاده کنید و در اینصورت باید حداقل دانش پایه ای از این زبان رو داشته باشید تا بتونید در صورت نیاز کمی تغییرش بدید و در صفحه بکار ببرید.

 

ادامه

تابع implode در PHP

تابع ()implode آیتمهای موجود در یک آرایه رو بصورت رشته ای به هم متصل میکنه و این تابع رو عکس تابع ()explode میدونیم.

شکل کلی

string implode ( [string $glue ,] array $pieces )

پارامترها:

  • glue$ – پارامتر اختیاری. کاراکتر یا رشته ای که میخواهید از آن برای متصل کردن تکه ها استفاده شود را مشخص میکند و بصورت پیشفرض یک رشته خالی است.
  • pieces$- آرایه مورد نظر.
نکته: این تابع Binary-Safe است.

ادامه

تابع explode در PHP

تابع ()explode به ما این اجازه رو میده تا یه رشته رو به چندین بخش تقسیم کنیم، بعد از تقسیم، این تابع رشته ها رو در یک آرایه قرار میده.

شکل کلی

array explode ( string $delimiter , string $string [, int $limit ] )

پارامترها:

  • delimiter$ – عبارت شاخص. عبارتی است که برای جدا کردن رشته به بخش های متخلف از آن استفاده میشود.
  • string$ – رشته مورد نظر.
  • limit$ – پارامتر اختیاری. تعداد تکه ها را مشخص میکند. این پارامتر از ورژن ۴٫۰٫۱ به بعد اضافه شده و از ورژن ۵٫۱٫۰ اعداد منفی را هم قبول میکند.
نکته: این تابع binary-safe است.

ادامه

تغییر اندازه اتوماتیک متن در کادر متنی

این کد متن داخل کادر متن را بصورت خودکار تغییر اندازه میده ا تو کادر متن جا بگیره.

HTML

<input type='text' id='resizer' placeholder='Fill me with text.'>

CSS

/* 
  CSS 
  -  None of this is required for resizer to work.
*/

body {
    background-image: url(http://i.imgur.com/iWUM6.jpg);
    width: 100%;
    background-size: fit;
}

input[type='text']{

    color: #333;
    width: 280px;
    height: 38px;
    margin-left: -150px;
    margin-top: -19px;
    position: fixed;
    left: 50%;
    top: 50%;
    padding-left: 10px;
    padding-right: 10px;

    transition: box-shadow 320ms;

    box-shadow: 0px 0px 8px 10px rgba(0,0,0,0.1);

    border-radius: 3px;
    font-size: 18px;
    border: 0px;
}

input[type='text']:focus {

    outline: 0px;
    outline-offset: 0px;
    box-shadow: 0px 0px 1px 5px rgba(0,0,0,0.12);
}

input:-moz-placeholder {
    color: #cccccc;
}

  ادامه

تابع str_replace در PHP

یکی دیگر از موارد پرکاربرد در کار با رشته ها جایگزین (replace) کردن بخشی از رشته با مقادیر جدیده.

تابعی که برای اینکار استفاده میشه ()str_replace نام داره. این تابع تمام عبارتهای پیدا شده در یک رشته رو با عبارتی که ما به اون میدیم جایگزین میکنه.

شکل کلی

mixed str_replace ( mixed $search , mixed $replace , mixed $subject [, int &$count ] )

پارامترها:

  • search$ – عبارتی است که باید جست و جو شود، میتواند رشته(string) یا آرایه(array) باشد.
  • replace$ – عبارتی است که باید بجای رشته پیدا شده قرار بگیرد، میتواند رشته(string) یا آرایه(array) باشد.
  • subject$ – محتوای رشته ی اصلی است که عملیات Replace روی آن انجام میگیرد.
  • count$ – اگر مشخص شود تعداد جاگذاری های انجام شده را بصورت عددی برمیگرداند. این پارامتر از نسخه ۵٫۰٫۰ به بعد وجود دارد.

ادامه

تابع strpos در PHP

سلام، به بخش کار با رشته ها خوش اومدید، PHP توابع بسیار زیاد و کاملی برای دستکاری رشته ها داره که ما در بخش مقدماتی به پرکاربرد ترین اونها اشاره میکنیم. در این درس با تابع کاربردی ()strpos آشنا میشید.

شکل کلی

mixed strpos ( string $string , mixed $search [, int $offset = 0 ] )

پارامترها:

  • string$ – رشته ای که باید در آن جست و جو شود.
  • search$ – رشته ای که باید در string$ جست و جو شود.
  • offset$ – محل شروع جست و جو را مشخص میکند و همانطور که قبلا توضیح داده شد میدانیم که یک پارامتر اختیاری است.

مقدار بازگشتی:

اگر رشته مورد نظر ما در رشته اصلی وجود داشته باشه مکان یا آفست(offset) اولین کاراکتر در اولین رشته پیدا شده بصورت یک عدد و در صورت پیدا نکردن رشته مقدار false رو بازگشت میده.

نکته:  در علم کامپیوتر به فاصله محل فعلی از ابتدای رشته یا شی offset گفته میشه.
نکته: اشاره گر رشته شمردن رو از عدد ۰ شروع میکنه نه ۱ ،  پس عددی که تابع برمیگردونه n-1 هست.

ادامه

حذف فایل در PHP

یکی دیگر از عملیات مهم در کار با فایلها، حذف فایل هست. در این درس یاد میگیرید که چطور میشه یک فایل رو تا فراخوانی تابع ()unlink حذف کرد.

شکل کلی

bool unlink ( string $filename [, resource $context ] )

از کد بالا چند چیز رو میتونیم بفهمیم. اول اینکه تابع ()unlink از نوع Bool یا Boolean هست یعنی مقداری که تابع برگشت میده True یا False هست.

دوم اینکه ایت تابع یک پارامتر اجباری filename$ از نوع String یا رشته ای و یک پارامتر اختیاری context$ از نوع resource داره.

نکته: همیشه وقتی تو برنامه نویسی دیدید چیزی تو دو براکت ([ … ]) قرار گرفته معنی اختیاری بودن میده.

ادامه

خواندن فایل در PHP

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

توابعی که برای خواندن محتویات فایل مورد استفاده قرار میگیرن:

  • ()fread: دو پارامتر دارد، پارامتر اول File handle و پارامتر دوم تعداد بایت ها برای خواندن را مشخص میکند.
  • ()fgets: یک پارامتر دارد و آن File handle است. لاین اول فایل را میخواند و وقتی به لاین جدید رسید متوقف میشود و اشاره گر فایل به لاین جدید منتقل میشود.
  • ()fgetc: یک پارامتر دارد و آن File handle است. یک کاراکتر از فایل را میخواند و اشاره گر به کاراکتر بعدی منتقل میشود.

همچنین توابع ()file_get_contents() ، file() ، readfile هم برای خوندن محتویا فایل وجود دارن که در قسمت PHP پیشرفته به اونها میپردازیم.

ادامه

نوشتن در فایل در PHP

حالا میدونید که چطور باید فایل ها رو باز و بسته کنید. در این درس به پرکاربردترین دستور در بحث فایلها میپردازیم، نوشتن در فایل!

نوشتن در فایل

قبل از اینکه شروع به نوشتن در فایل کنیم باید توسط تابع ()fopen فایل مورد نظرمون رو باز کنیم.  برای نوشتن در فایل ازتابع ()fwrite استفاده میشه ناگفته نمونه که تابع ()fputs هم هست اما با ()fwrite فرقی نداره. هر دو تابع دو پارامتر از ما دریافت میکنن پارامتر اول File handler و پارامتر دوم داده ای که باید در فایل نوشته بشه رو مشخص میکنه.

 

نکته: توابع ()fwrite و ()fputs دارای ویژگی Binary-Safe هستند، یعنی داده های باینری مثل عکس ها و داده های کاراکتری مثل فایلهای متنی رو میشه با این توابع نوشت.

 

ادامه