loading...
P30 Programmer | پی سی برنامه نویس | آموزش برنامه نویسی | دانلود پروژه برنامه نویسی | دانلود نرم افزار و بازی | کلیپ |
admin بازدید : 756 یکشنبه 22 تیر 1393 نظرات (2)

 

تگ لینک ( Link ) :

این تگ حاوی خصیصه های مختلفی برای ارتباط با فایل های خارجی می باشد. توصیه می شود که تگ لینک ( تگ Link ) در بخش head سایت استفاده گردد.

مهمترین استفاده های آن :

1 - تعریف استایل ( Style ) خارجی :

مهمترین کاربرد این تگ تعریف استایل (Style) خارجی حاوی کدهای Css می باشد. یکی از روش های دیگر تعریف Css برای ظاهر و Style صفحه Html استفاده از فایل خارجی حاوی کد Css و تعریف آن در تگ Link در بخش Head صفحه می باشد.

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

برای تعریف Style خارجی فایل حاوی Css از کد زیر استفاده نمایید :

<link   rel="Stylesheet"   type="text/css"   href="آدرس فایل سی اس اس"    />

<link   rel="Stylesheet"   type="text/css"    href="../Css/theme1.css"   />

<link   rel="Stylesheet"   type="text/css"    href="../Css/theme2.css"   />

2 - تعریف آیکون صفحه :

- برای تعریف آیکون صفحه در بخش آدرس بار مرورگر وب نیز ، از تگ لینک استفاده میشود :

<link   rel="icon"   href="./Design/ICON.ICO"   type="image/x-icon" />

و

<link   rel="shortcut icon"   href="./Design/ICON.ICO"   type="image/x-icon" />

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 583 یکشنبه 22 تیر 1393 نظرات (0)

 

تگ استایل صفحه ( Style ) :

یکی از روش های تعریف استایل Css ، استفاده از تگ استایل ( تگ Style ) در بخش head صفحات html است ، که با تعریف آن میتوان در تمام صفحه برای ظاهر سایت استفاده نماییم.

توضیح در مورد کدهای Css برای Style صفحات را در بخش آموزش Css و نیز مزایا و معایب تعریف این کدها نسبت به روش های دیگر تعریف Style با استفاده از Css را در بخش آموزش نوع تعریف دنبال نمایید .

طریقه ی تعریف آن بصورت زیر می باشد :

<style   type="text/css" >

   .

   . Css Code

   .

</style>

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 282 یکشنبه 22 تیر 1393 نظرات (0)

تگ اسکریپت (Script) :

این تگ برای تعریف اسکریپت های ( scripts ) مورد استفاده در صفحه از قبیل جاوا اسکریپت ، جی کوئری و ... می باشد.

نکته 1 : از تگ script ، میتوان در هر جای صفحه استفاده کرد اما توصیه میگردد در بخش head تعریف نشوند و در یک فایل خارجی جدا از سایت باشند و در صورت امکان آخرین کد html ، قرار داده شوند تا سرعت بارگزاری اولیه ی سایت بالا برود.

نکته 2 : از این تگ برعکس متاتگ ها میتوان چند بار استفاده نمود و مشکلی بوجود نمی آید.

به دو روش میتوان از تگ اسکریپت (Script) استفاده نمود :

1- تعریف اسکریپت داخلی :

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

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

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

طریقه ی استفاده از آن برای کد جاوا اسکریپت :

<script  type="text/javascript" >

   .

   . محل کدهای جاوا اسکریپت

   .

</script> 

2 - تعریف اسکریپت خارجی :

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

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

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

نکته ی دیگر اینکه اگر در صفحه ای از فایل اسکریپتی استفاده نمیشود آن فایل را معرفی ننمایید تا در راندمان سرعت سایت افت ایجاد نگردد.

طریقه ی تعریف آن بصورت زیر می باشد:

 <script   language="JavaScript"   src="آدرس فایل خارجی" />

 <script   language="JavaScript"   src="./Scripts/functions.js" />

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 281 یکشنبه 22 تیر 1393 نظرات (0)

Meta Tag ها

متاتگ ها ( Meta Tag ) در واقع اطلاعاتی هستند که برای موتور های جستجوگر وب مانند گوگل و یاهو نوشته می شنود تا در هرچه بهتر ایندکس کردن صفحات استفاده شوند.

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

نکته ی مهم : بیش از 70 % بازدید کنندگان سایت ها به طور متوسط از طریق موتور های جستجو مثل گوگل و یاهو وارد سایت ها می شوند.

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 282 یکشنبه 22 تیر 1393 نظرات (0)

تگ عنوان Title

یکی از مهمترین تگ ها هم برای کاربران و بازدید کننده های سایت و هم برای جستجوگرهای وب تگ عنوان ( تگ Title )  می باشد . متنی که داخل این تگ قرار میگیرد عنوان صفحه را مشخص میکند که در title bar مرورگر به کاربران نشان داده می شود.

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

در بخش آموزش سئو (seo) استفاده ی مناسب از این تگ و اینکه چه کلماتی استفاده شود بطور کامل توضیح داده شده است.

نحوه ی استفاده از آن بصورت زیر می باشد :

<html>

    <head>

      <title> متن عنوان صفحه </title>

      .

      .

   </head>

   <body>

      .

      .

      .

   </body>

</html>

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 226 یکشنبه 22 تیر 1393 نظرات (0)

تگ Html

تگ html مشخص کننده ی شروع و پایان یک سند Html به مرورگر وب است.

بدین ترتیب که با <html> شروع شده و باقی کدها را نوشته و در پایان با <html/> سند Html را به پایان می رسانیم. بصورت زیر :

 <html>

   .

   .

   .

</html>

 

تگ Head

تگ head یا معادل فارسی تگ سرانداز! اولین تگ در بدنه تگ html می باشد که حاوی یک سری اطلاعات برای مرورگر و نیز جستجوگر های وب می باشد.

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

تگ های مورد استفاده ی این بخش بصورت زیر است:

<title>, <meta>, <link>, <script>, <style>

در ادامه ی آموزش بصورت کامل این تگ ها را توضیح خواهیم داد.

نحوه ی نگارش آن بصورت زیر است:

<html>

    <head>

      .

      .

      .

   </head>

   .

   .

   .

</html>

 

تگ Body

متن و عکس و بطور کلی اطلاعاتی که قرار است در سند html ما به کاربران توسط مرورگرهای وب نمایش داده شود در این بخش نوشته خواهد شد.

این تگ بعد از تگ head قرار میگیرد و تمامی تگ های نمایشی در این بخش نوشته می شوند. روش نگارش و محل قرار گیری آن بصورت زیر می باشد :

<html>

    <head>

      .

      .

      .

   </head>

   <body>

      .

      .

      .

   </body>

</html>

نکته ی مهم : یکی از مهمترین مسائلی که برنامه نویسان وب باید دقت کنند استفاده از تگ head و تعریف استایل ها و اسکریپت هایی است که به کم حجم کردن بدنه ی سند html ما در تگ body کمک میکند. بصورت مثال با تعریف یک استایل در تگ head و استفاده از آن در تگهای body از تعریف چند باره ی آن جلوگیری میگردد. در ادامه به این موضوع به طور مفصل می پردازیم .

 

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 273 یکشنبه 22 تیر 1393 نظرات (0)

رويدادهای صفحه کليد در HTML

رويدادهای صفحه کليد در HTML  در کنترل های base , br , frame , frameset , head , html iframe , meta , param , script , style و title کاربرد ندارد .

رويدادهای صفحه کليد در HTML شامل رویدادهای زیر میشود:

رویداد شرح
onkeydown رويدادی که در هنگام فشردن يک کليد بر روی عنصر مورد نظر فعال می شود .
onkeypress رويدادی که در هنگام فشردن و رها کردن يک کليد بر روی عنصر مورد نظر فعال می شود .
onkeyup رويدادی که در هنگام رها کردن يک کليد فشرده شده بر روی عنصر مورد نظر فعال می شود .

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 323 یکشنبه 22 تیر 1393 نظرات (0)

رويدادهای موس در HTML

رويدادهای موس در کنترل های base , br , frame , frameset , head , html , iframe , meta , param , script و title کاربرد ندارد .

رويدادهای موس در HTML شامل رویدادهای زیر میشود:

رویداد شرح
onclick اين رويداد در هنگام کليک کردن بر روی عنصر مورد نظر تحريک می شود .
ondblclick اين رويداد در هنگام دابل کليک کردن بر روی عنصر مورد نظر تحريک می شود .
onmousedown اين رويداد در هنگام فشردن دکمه موس بر روی عنصر مورد نظر تحريک می شود.
onmoouseover اين رويداد در هنگام قرار گرفتن اشاره گر موس بر روی سطح عنصر مورد نظر تحريک می شود .
onmouseout اين رويداد در هنگام خارج شدن اشاره گر موس از روی سطح عنصر مورد نظر تحريک می شود .
onmouseup اين رويداد در هنگام رها کردن دکمه موس بر روی عنصر مورد نظر تحريک می شود .

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 225 یکشنبه 22 تیر 1393 نظرات (0)

رويدادهای عناصر فرم در HTML

رويدادهای عناصر فرم در HTML فقط در عنصرهای کنترلی فرمها کاربرد دارند .

رويدادهای عناصر فرم در HTML شامل رویدادهای زیر میشود:

رویداد شرح
onblur در هنگام از دست دادن فوکوس کنترل تحريک می شود .
onchange در هنگام تغيير وضعيت يک کنترل تحريک می شود . برای مثال در کنترل textbox در هنگام تغيير متن درون آن تحريک می شود .
oncontextmenu رويدادی است که منوی صفحه راه اندازی میشود اجرا می شود .
onfocus در هنگامي که کنترل فوکوس را به دست می آورد ، تحريک می شود .
onformchange رويدادی است که هنگام تغییر کردن صفحه اجرا می شود .
onforminput رويدادی است که در هنگام وارد کردن اطلاعات در فرم توسط کاربر اجرا می شود .
oninput رويدادی است که در هنگام وارد کردن اطلاعات در عنصر توسط کاربر اجرا می شود
oninvalid رويدادی است که در هنگام نامعتبر بودن عنصر اجرا می شود.
onselect در هنگام انتخاب کردن عنصر مورد نظر در فرم تحريک می شود .
onsubmit در هنگام فشردن دکمه submit فرم و ارسال اطلاعات کنترل های فرم تحريک می شود .

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 271 یکشنبه 22 تیر 1393 نظرات (0)

رويدادهای پنجره در HTML

رويدادهای پنجره در HTML فقط در عنصرهای body و frameset معتبر هستند .

رويدادهای پنجره در HTML شامل رویدادهای زیر میشود:

رویداد شرح
onafterprint رويدادی است که بعد از پرینت شدن سند اجرا می شود.
onbeforeprint رويدادی است که قبل از پرینت شدن سند اجرا می شود.
onbeforeunload رويدادی است که قبل از اجرای (load) سند اجرا می شود.
onerror   رويدادی است که هنگام وقوع ارور اجرا می شود.
onhaschange رويدادی است که زمانی که سند تغییر میکند  اجرا می شود.
onload   رويدادی است که در هنگام لود شدن ( بار گذاری ) صفحه اجرا می شود .
onmessage  رويدادی است که در هنگام اجرا شدن یک پیغام اجرا می شود .
onoffline   رويدادی است که در هنگام offline شدن سند اجرا می شود.
ononline رويدادی است که در هنگام online شدن سند اجرا می شود.
onpagehide رويدادی است که در هنگام مخفی شدن پنجره اجرا می شود.
onpageshow رويدادی است که در هنگام آشکار شدن پنجره اجرا می شود.
onpopstate رويدادی است که در هنگام تغییر کردن history ویندوز اجرا می شود.
onredo   رويدادی است که در هنگام از نو اجرا شدن سند اجرا می شود.
onresize   رويدادی است که در هنگام تغییر سایز پنجره اجرا می شود.
onstorage  رويدادی است که در هنگام به روز رسانی وب سایت اجرا می شود.
onundo   رويدادی است که در هنگام خنثی شدن  سند اجرا می شود.
onunload رويدادی است که در هنگام خارج شدن صفحه از حافظه ( بستن ) اجرا می شود .

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 270 یکشنبه 22 تیر 1393 نظرات (0)

ویژگی های رویداد در HTML

در این بخش از آموزش HTML ، انواع رویدادها در HTML را شرح میدهیم. 

تمام عناصر در HTML میتواننند شامل رویدادهایی باشند. رويدادها مجموعه عمل هايی هستند که در صورت بروز يک اتفاق در صفحه ( مثل کليک کردن بر روی يک عنصر ، دابل کليک ، فشردن دکمه خاص و ... ) عکس العمل نشان داده و باعث اجرای دستور يا دستورات تعيين شده برای آن اتفاق خاص می شوند .

هر عنصرشامل رويدادهای مختص به خود است که هر کدام از آنها را می توان در درون تگ عنصر تعيين و مقدار دهی کرد . معمولا يک رويداد ، تابع يا اسکريپتی را اجرا يا فراخوانی می کند .

 ویژگی های رویداد در HTML به چند قسمت زیر تقسم میشوند:

در هر بخش به توضیح کامل در مورد این رویدادها میپردازیم .

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 319 یکشنبه 22 تیر 1393 نظرات (0)

خصوصيات استاندارد تگ های HTML :

در اين قسمت خصوصيات استاندارد تگ های HTML معرفی شده اند . اين خصوصيات در اکثر تگ های HTML مشترک بوده و دارای کاربرد يکسانی هستند .
اين خصوصيات به دليل مشترک بودن ، فقط در اين قسمت ذکر شده و از تکرار آنها در صفحات ديگر خودداری شده است .

خصوصيات اصلی تگ های اچ تی ام ال

نکته :  اين خاصيت ها در تگ های base , head , html , meta , param , style , title و script وجود ندارد .

نام خاصيت نوع خاصيت شرح
class نام کلاس عنصر مشخص کننده کلاس تگ در کد نويسی برنامه است . اين کلاس در کدنويسی CSS و زبان های اسکريپتی کاربرد دارد .
id id عنصر مشخص کننده يک شناسه منحصر به فرد برای تگ در درون سند HTML است . id هر تگ در کدنويسی CSS و زبان های اسکرپيتی کاربرد دارد . توسط id می توان به تگ مورد نظر دست يافت .
style   يک خاصيت چند مفدارِي است که خصوصيات قالب دهی و اعمال سبک ها ( CSS ) را برای تگ مورد نظر مشخص می کند .
title text
متن		 متنی است که به صورت tooltip در يک کادر زرد رنگ ، در هنگام قرار گرفتن موس بر روی عنصر نمايش داده می شود .

 

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 214 یکشنبه 22 تیر 1393 نظرات (0)

تگ های HTML

تگ های HTML برای نشانه گذاری محتويات صفحات به کار می روند و باعث می شوند که مرورگر بتواند تشخيص دهد هر بخش چه نوع عنصری است. هر تگ HTML ، يک بخش ابتدايی و يک بخش انتهايی دارد که هم نام بوده و به صورت استاندارد طبق شکل کلی زير به کار می روند :

< تگ انتها / >    محتويات    < تگ ابتدا >

تگ ابتدايی مشخص کننده آغاز تگ و تگ پايانی ، مشخص کننده انتهای تگ است . هر تگ HTML ، بايد حتما در ادامه توسط تگ پايانی بسته شود . کليه نوشته ها و تگ های ديگری که در بين تگ ابتدا و پايان نوشته می شوند ، محتويات تگ را تشکيل می دهند .

 

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 246 یکشنبه 22 تیر 1393 نظرات (0)

HTML چیست ؟

عبارت HTML ( اچ تی ام ال ) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. Html زبان استاندارد طراحی صفحات وب است و کليه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهايت به کدهای HTML تبديل شده و توسط مرورگر نمايش داده می شوند.

به عبارت دیگر مرورگر ها هیچکدام از کدها و کنترل های سمت سرور همچون کدهای asp و php را نمیشناسند و کد قابل فهم برای آنها اچ تی ام ال می باشد.

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

HTML یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود .

در مقاله ی تگ های Html به این موصوع به طور مفصل پرداخته شده است.
در يک صفحه HTML می توان انواع عناصر از قبيل متن ، تيتر ، عکس ، جدول  و ... را قرار داد ، که برای هر عنصر بايد از تگ مربوط به آن استفاده کرد . صفحات HTML فقط از کد ها که به صورت متن هستند تشکيل شده اند. بدین معنا که برای تصویر کد مربوط به تمایش تصویر و جدول و ... کدهای اچ تی ام ال مربوط به هر یک را باید نوشت و مرورگر با رسیدن به این کد ها و تگ ها ، المنت های مرتبط با آن را نمایش می دهد.

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 226 پنجشنبه 29 خرداد 1393 نظرات (0)

متد wrapAll در jQuery

در این بخش از آموزش JQuery ، متد wrapAll را شرح میدهیم.

شکل کلی استفاده از متد wrapAll به شرح زیر است :

$(selector).wrapAll(wrappingElement)

مثال زیر کاربرد متد wrapAll را نشان میدهد:

$("button").click(function(){
  $("p").wrapAll("<div></div>");
});

درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 138 پنجشنبه 29 خرداد 1393 نظرات (0)

متد wrapInner در jQuery

در این بخش از آموزش JQuery ، متد wrapInner را شرح میدهیم.

 شکل کلی استفاده از متد wrapInner به شرح زیر است :

$(selector).wrapInner(wrappingElement,function(index))

مثال زیر کاربرد متد wrapInner را نشان میدهد:

$("button").click(function(){
$("p").wrapInner("<b></b>");
});

درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 141 پنجشنبه 29 خرداد 1393 نظرات (0)

متد width در jQuery

در این بخش از آموزش JQuery ، متد width را شرح میدهیم.

با استفاده از متد width عرض صفحه وب باز گشت داده می شود

شکل کلی استفاده از متد width به شرح زیر است :

$(selector).width()

مثال زیر کاربرد متد width را نشان میدهد:

$("button").click(function(){
alert($("div").width());
});

درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 138 پنجشنبه 29 خرداد 1393 نظرات (0)

متد wrap در jQuery

در این بخش از آموزش JQuery ، متد wrap را شرح میدهیم.

متد wrap ، برای کار با تگ‌های اطراف یک بخش استفاده میشود.


شکل کلی استفاده از متد wrap به شرح زیر است :

 $(selector).wrap(wrappingElement,function(index))

مثال زیر کاربرد متد wrap را نشان میدهد:

$("button").click(function(){
$("p").wrap("<div></div>");
});

درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 165 پنجشنبه 29 خرداد 1393 نظرات (0)

متد val در jQuery



در این بخش از آموزش JQuery ، متد val را شرح میدهیم.

توسط متد val میتوانیم به محتوا (value ) عناصر موجود در فرم ها دسترسی و مقدارش را تغییر دهیم .

ساختار این دستور به صورت زیر است :

$(selector).val();

$(selector).val(newValue);

درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 115 پنجشنبه 29 خرداد 1393 نظرات (0)

متد toggleclass در jQuery 

در این بخش از آموزش JQuery ، متد toggleClass را شرح میدهیم.

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

ساختار این دستور به صورت زیر است :

$(selector).toggleClass(classname,function(index,currentclass),switch)

مثال زیر کاربردمتد toggleClass را نشان میدهد:

در مثال زیر در صورتیکه کلاس blue قبلا به تگ های h1 , h2 , p اعمال نشده است ، اعمال می شود و در صورتیکه قبلا کلاس blue به محتوای تگ های h1 , h2 , p اعمال شده است ، این کلاس از محتوای این تگ ها حذف خواهد شد :

$("h1,h2,p").toggleClass("blue");


درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 150 پنجشنبه 29 خرداد 1393 نظرات (0)

متد unwrap در jQuery

در این بخش از آموزش JQuery ، متد unwrap را شرح میدهیم.

متد unwrap عنصر والد از عنصر انتخاب شده را پاک میکند.

ساختار این متد به صورت زیر است :

$(selector).unwrap()

مثال زیر کاربرد متد unwrap را نشان میدهد:

$("button").click(function(){
$("p").unwrap();
});

درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 110 پنجشنبه 29 خرداد 1393 نظرات (0)

متد removeProp در jQuery

در این بخش از آموزش JQuery ، متد removeProp را شرح میدهیم.

متد removeProp ، یک یا چندین ویژگی (Property) تعیین شده برای عنصر HTML مورد نظرتان را حذف می کند.
شکل کلی استفاده از متد removeProp به شرح زیر است :

$(selector).removeProp(property)

مثال زیر کاربرد متد removeProp را نشان میدهد:

$("button").click(function(){
var $x = $("div");
$x.prop("color","FF0000");
$x.append("The color property: " + $x.prop("color"));
$x.removeProp("color");
});



درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 181 پنجشنبه 29 خرداد 1393 نظرات (0)

متد text در jQuery 

در این بخش از آموزش JQuery ، متد text را شرح میدهیم.

متد text دو کار انجام می دهد :

  • می تواند متن موجود در یک عنصر HTML مثل یک تگ را خوانده و به صفحه برگرداند .
  • می تواند متن یک عنصر HTML مثل تگ پاراگراف را به متن دلخوه و تعیین شده تغییر دهد .

هنگامی که این متد برای بازگرداندن متن استفاده می شود متن تمام عناصری که با مشصات داده شده مطابقت دارند را برمی گرداند ( این متد علامت های زبان نوشتن تگ های HTML را در نظر نمی گیرد ) .
هنگامی که این متد برای تغییر متن عنصر به کار می رود متن تمام عناصری که با مشخصات داده شده مطابقت دارند را تغییر می دهد .

شکل کلی استفاده از متد text به شرح زیر است :

خواندن و بازگرداندن متن یک عنصر HTML 

به وسیله متد text می توانید متن یک عنصر مثل تگ پاراگراف را خوانده و در خروجی نمایش دهید :

$ ( selector ).text( ) ;

selector : این پارامتر تعیین کننده id عنصری است که می خواهیم متن درون آن را خوانده و به خروجی بر گردانیم . 

مثال زیر کاربرد متد text را نشان میدهد:

$("button").click(function(){
$("p").text("Hello world!");
});

 

درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 157 پنجشنبه 29 خرداد 1393 نظرات (0)

متد ( ) remove در jQuery

در این بخش از آموزش JQuery ، متد remove را شرح میدهیم.

متد remove ، عنصر HTML تعیین شده برای آن را به همراه تمام متن و اشیای فرزندش از صفحه حذف می کند . این متد همچنین تمام داده ها و رویدادهای مرتبط با آن عنصر را نیز پاک می کند .
برای مثال فرض کنید که یک پاراگراف در صفحه دارید . می خواهید کدی طراحی نمایید تا در صورت کلیک کاربر بر روی یک دکمه فرمان ، عنصر پاراگراف از روی صفحه حذف شود .

  • برای حذف عنصر از صفحه بدون پاک شدن اطلاعات و رویدادهای مرتبط به آن از متد ( ) detach استفاده نمایید .
  •  برای اینکه متن و یا محتویات یک عنصر را پاک کرده ، ولی عنصر همچنان بر روی صفحه وجود داشته باشد از متد ( ) empty استفاده نمایید .

شکل کلی استفاده از متد ( ) remove به شرح زیر است :

$ ( selector ).remove ( ) ;

selector : این پارامتر تعیین کننده id عنصر HTML ای است که می خواهید آن را از صفحه حذف نمایید . 

مثال زیر کاربرد متد remove را نشان میدهد:

$("button").click(function(){
$("p").remove();
});

 

درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 152 پنجشنبه 29 خرداد 1393 نظرات (0)

متد removeAttr در jQuery 

در این بخش از آموزش JQuery ، متد removeAttr را شرح میدهیم.

متد removeAttr ، یک یا چندین خاصیت css تعیین شده برای عنصر HTML مورد نظرتان را حذف می کند . با حذف خاصیت css ، اثر آن بر عنصر از بین می رود .
برای مثال فرض کنید که یک برای یک عنصر پاراگراف ( تگ < p > ) در صفحه ، خاصیت رنگ نوشته یا color تعیین کرده اید . با حذف این خاصیت و مقدارش توسط متد ( ) removeAttr ، رنگ داده شده به آن از بین رقته و به رنگ پیش فرض بر می گردد .

شکل کلی استفاده از متد removeAttr به شرح زیر است :

$ ( selector ).removeAttr ( attribute ) ;

selector : این پارامتر تعیین کننده id عنصر HTML ای است که می خواهید یک یا چند خاصیت css آن را حذف نمایید . 
تعیین این پارامتر اجباری است . 
attribute : این پارامتر تعیین کننده خاصیت یا خواص css ای است که می خواهید آنها را حذف نمایید . تعیین این پارامتر اجباری است . 
مثال زیر کاربرد متد removeAttr را نشان میدهد:

$("button").click(function(){
$("p").removeAttr("style");
});

درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 175 پنجشنبه 29 خرداد 1393 نظرات (0)

متد removeClass در jQuery

در این بخش از آموزش JQuery ، متد removeClass را شرح میدهیم.

متد removeClass ، یک یا چندین کلاس تعیین شده برای عنصر HTML مورد نظرتان را حذف می کند.
شکل کلی استفاده از متد removeClass به شرح زیر است :

$(selector).removeClass(classname,function(index,currentclass))

مثال زیر کاربرد متد removeClass را نشان میدهد:

$("button").click(function(){
$("p").removeClass("intro");
});



درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 116 پنجشنبه 29 خرداد 1393 نظرات (0)

متد prop در jQuery

در این بخش از آموزش JQuery ، متد prop را شرح میدهیم.

متد prop ، می تواند دو کار را انجام دهد :

  • مقدار یک یا چند خاصیت یک عنصر HTML را خوانده و به صفحه بر می گرداند .
  • می تواند مقدار یک یا چند خاصیت یک عنصر HTML را به مقدار تعیین شده و مورد نظر شما تغییر دهد .

هنگامی که متد prop را برای خواندن مقدار خاصیت یک عنصر HTML به کار می برید ، این متد مقدار خاصیت اولین عنصری که با مشخصات داده شده یکسان است را نمایش می دهد . 

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

خواندن مقدار یک خاصیت عنصر HTML 

شکل کلی استفاده از متد ( ) prop در این حالت به شرح زیر است :

$ ( selector ).prop ( property ) ;

selector : این پارامتر تعیین کننده id عنصر HTML ای است که می خواهید مقدار یک خاصیت css آن را بخوانید . 
تعیین این پارامتر اجباری است . 
property : این پارامتر تعیین کننده نام خاصیتی است که می خواهید مقدار آن را بخوانید .
تعیین این پارامتر اجباری است . 

 تغییر مقدار یک خاصیت عنصر HTML به مقدار دلخواه


شکل کلی استفاده از متد ( ) prop در این حالت به شرح زیر است :

$ ( selector ).prop ( property , value ) ;

selector : این پارامتر تعیین کننده id عنصر HTML ای است که می خواهید مقدار یک خاصیت css آن را به یک مقدار جدید تغییر دهید . 
تعیین این پارامتر اجباری است . 
property : این پارامتر تعیین کننده نام خاصیتی است که می خواهید مقدار آن را به یک مقدار جدید تغییر دهید .
تعیین این پارامتر اجباری است . 
value : این پارامتر تعیین کننده مقدار جدیدی است که می خواهید برای خاصیت css عنصر HTML قرار دهید .
تعیین این پارامتر اجباری است . 

 تغییر مقدار چند خاصیت css یک عنصر HTML به مقادیر دلخواه

شکل کلی استفاده از متد ( ) prop در این حالت  به شرح زیر است :

$ ( selector ).prop ( { property 1 : value 1 , property 2 : value 2 , ... } ) ;

 مثال زیر کاربرد متد prop را نشان میدهد:

$("button").click(function(){
var $x = $("div");
$x.prop("color","FF0000");
$x.append("The color property: " + $x.prop("color"));
$x.removeProp("color");
});

درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 136 پنجشنبه 29 خرداد 1393 نظرات (0)

متد prepend در jQuery

در این بخش از آموزش JQuery ، متد prepend را شرح میدهیم.

متد prepend مطالب را در آغاز  عناصر انتخاب شده درج میکند.

شکل کلی استفاده از متد prepend به شرح زیر است :

 $(selector).prepend(content,function(index,html))

مثال زیر کاربرد متد prepend را نشان میدهد:

$("button").click(function(){

$("p").prepend("<b>Prepended text</b>");
});


درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
1 2 3 4 5 6 صفحه بعد

تعداد صفحات : 6

اطلاعات کاربری
  • فراموشی رمز عبور؟
    • لینک دوستان
  • ساسان اس ام اس
  • موبایل
  • سخت افزار+قیمت+ویژگی ها
  • پی سی دانلود
  • آسان دانلود
  • دانلود ها
  • دانلود رایگان
  • دانلود سریال جدید
  • بزرگترین کامیونیتی ایرانیان مقیم استرالیا
  • آخرین مطالب ارسال شده
    • آرشیو
  • تير 1393
  • خرداد 1393
  • اسفند 1392
  • دی 1392
  • مرداد 1392
  • تير 1392
  • خرداد 1392
  • ارديبهشت 1392
  • فروردين 1392
    • نظرسنجی
    کدام قسمت سایت مشکل داره؟
    شما در چه رده سنی می باشید؟
    آمار سایت
  • کل مطالب : 927
  • کل نظرات : 16
  • افراد آنلاین : 3
  • تعداد اعضا : 1600
  • آی پی امروز : 103
  • آی پی دیروز : 75
  • بازدید امروز : 494
  • باردید دیروز : 230
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 1,671
  • بازدید ماه : 4,452
  • بازدید سال : 40,990
  • بازدید کلی : 926,985

    • صفحه اصلی تالار گفتمان ثبت نام ورود آرشیو تماس با ما
    نیرو گرفته : رزبلاگ