آموزش برنامه نویسی وب و مهارتهای مرتبط

شنبه ۲۲ شهریور ۱۴۰۴

Saturday, September 13, 2025 GMT +3:30

شروعی بر برنامه نویسی جاوا اسکریپت (JavaScript)

یکی از زبان های انعطاف پذیر و در عین حال قدرتمندی که در کنار تگ های ساده HTML و استایل CSS مورد استفاده برنامه نویسان وب قرار می گیرد، زبان برنامه نویسی جاوا اسکریپت (JavaScript) است، البته شاید تصورمان از شنیدن عنوان جاوا اسکریپت بیشتر معطوف به کدهای کاربردی وبلاگ ها و سایت ها شود، اما در واقع باید گفت قدرت این زبان برنامه نویسی خیلی بیشتر از جلوه های ظاهری است که می بینیم و احیانا به عنوان مدیر وبلاگ یا سایت با آنها سر و کار داریم، در دنیای حرفه ای بیشتر سایت ها و صفحات وب برای ایجاد انواع قابلیت های تعاملی سمت کاربر، بررسی اعتبار فرم ها، ارتباط با سرور، شناسایی قابلیت های مرورگر کاربران، کار با کوکی ها (Cookie) و مواردی از این دست از جاوا اسکریپت استفاده می کنند، البته با همه این تفاسیر به دلیل سمت کاربر (Client-side) بودن این زبان (یعنی جاوا اسکریپت تنها روی مرورگر کاربران قابل اجراست و برای تفسیر آن از مفسر مرورگر استفاده می شود نه سرور سایت)، در عین قدرتمندی محدودیت هایی نیز وجود خواهد داشت که جزء ویژگی های ذاتی هر زبان برنامه نویسی محسوب می شود.

اهمیت آموزش جاوا اسکریپت (JavaScript)

همان طور که اشاره شد فراگیری جاوا اسکریپت (JavaScript) جهت تکمیل روند آموزش مهارتهای برنامه نویسی وب گام سوم محسوب می شود، یعنی پس از آشنایی و تسلط بر HTML و CSS، نیاز به یک زبان اسکریپت نویسی تعاملی داریم تا بتوانیم با قدرت بیشتری صفحات وب خود را ایجاد نمائیم، این زبان در وب عموما جاوا اسکریپت است که البته کاربرد آن منحصر به وب نیست و گستره وسیعی دارد، منظور از اسکریپتی بودن این است که کدهای جاوا اسکریپت صرفا در موتور مرورگر تفسیر (Interprete) شده و توسط ماشین کامپایل (Compile) نمی شود، با توجه به اهمیت درک ساختار و نحوه عملکرد جاوا اسکریپت و گستره وسیع استفاده از آن عموما به علاقمندان برنامه نویسی توصیه می شود این زبان را در کنار سایر زبان های تخصصی مورد نظرشان بیاموزند تا در نوشتن و فهم الگوریتم های پیچیده و مبتنی بر رویداد ورزیده شوند (در این مرحله درک عمیق اصطلاحاتی که مطرح می شوند مد نظر نیست، صرف اینکه به صورت اجمالی با این مفاهیم آشنا باشیم و در روند یادگیری قرار بگیریم مطلوب خواهد بود).

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

برای فراگیری جاوا اسکریپت لازم است که ابتدا با HTML و CSS آشنا باشیم، به طور خاص در وب داشتن تسلط و دانش کافی در این دو زبان به نوعی پیش نیاز محسوب می شود، کدنویسی را نیز می توانیم در برنامه های ویرایشگر متنی مختلف انجام دهیم، از برنامه ساده Notepad ویندوز تا برنامه های قدرتمند مانند phpStorm، Dreamwaever، NetBeans و... همگی می توانند مورد استفاده قرار گیرند، در حال حاضر توصیه ما استفاده از برنامه قوی phpStorm است، در نهایت کدهای نوشته شده باید در صفحات HTML استفاده و با فراخوانی در مرورگر اجرا شوند.

نکات کلی که باید در رابطه با جاوا اسکریپت بدانیم

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

/*متن راهنما*/

یا

//متن راهنما

استفاده می کنیم، این متن در هنگام اجرای کدها هیچ تاثیر خاصی ندارد اما برای درج توضیحات و یا راهنمایی در خصوص شیوه کدنویسی استفاده می شود، مثال:

<script type="text/javascript">
//متن توضیحات
var test = 1;
alert(test);
</script>

- کدهای جاوا اسکریپت بین تگ head یا body قابل درج و اجرا هستند، علاوه بر این به صورت فایل خارجی نیز می توانیم آنها را در صفحه وارد کنیم، در حالت حرفه ای توصیه می شود جهت خواناتر شدن کدنویسی عموما از شیوه فایل خارجی استفاده کنیم، همچنین درج کدها و فایل های جاوا اسکریپتی در قسمت های انتهایی تگ body به جهت رعایت اصول بهینه سازی و افزایش سرعت بارگذاری ترجیح دارد.
- جاوا اسکریپت زبانی سمت کاربر (Client-side) است یعنی تنها در مرورگر کاربران قابل پردازش و اجرا می باشد، این عبارت در مقابل زبان های سمت سرور (Server-side) استفاده می شود که برای اجرا نیاز به یک سرور آنلاین یا لوکال دارند (مانند زبان برنامه نویسی PHP).
- نوع داده در جاوا اسکریپت می تواند به سه صورت عددی (Int) به فرض 1، رشته ای (String) به فرض book یا بولین (Boolean) یعنی به صورت true یا false باشد، همچنین در صورتی که یک منبع تعریف شده اما مقداری نداشته باشد به صورت undefined و در صورتی که مقدار آن به هر دلیل خالی باشد به صورت null در نظر گرفته می شود، مثال:

<script type="text/javascript">
var test;
alert(test);
</script>

با اجرای کد بالا مقدار undefined در پنجره مرورگر نمایش داده خواهد شد چرا که متغیر فرضی test تعریف شده اما مقداری به آن اختصاص داده نشده است، بر همین اساس نمونه کد زیر مقدار null را نمایش خواهد داد:

<script type="text/javascript">
var test = null;
alert(test);
</script>

همان طور که مشخص است متغیر test با مقدار null تعریف شده است.

چند مثال از کاربرد جاوا اسکریپت در صفحات وب

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | ایجاد یک هشدار در جاوا اسکریپت</title>
<!-- Webgoo.ir -->
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    text-align:justify;
    font-size:12px;
    direction:rtl;
}
</style>
<script type="text/javascript">
//نمایش یک پیام
window.alert("سلام! این یک پیام جاوا اسکریپت است");
</script>
</head>
<body>
<noscript>
جاوا اسکریپت در مرورگر شما غیر فعال است!
</noscript>
<hr>
کدهای جاوا اسکریپت بین تگ script نوشته می شوند.
</body>
</html>

پیش نمایش
همانطور که می بینیم شیوه نوشتاری (Syntax) این زبان به طور کلی به صورت زیر است:

object.method(argument1, argument2);

آبجکت ها در جاوا اسکریپت می توانند به طور مثال document یا window و متد نیز به فرض write، alert باشند، در صورت عدم آشنایی قبلی با این مفاهیم (آبجکت، متد) جای نگرانی نیست، همین که بدانیم چگونه از نمونه کدها مطابق با نیازمان پیروی کنیم، کافی خواهد بود، دستورات جاوا اسکریپت بین تگ های script نوشته و صفت type با مقدار text/javascript برای این تگ استفاده می شود، البته استفاده از این صفت در HTML نسخه 5 دلخواه است و حذف آن مشکلی به وجود نمی آورد اما در حال حاضر بهتر است این صفت را حذف نکنیم! از تگ noscript نیز برای نمایش پیام هشدار به کاربر در صورت فعال نبودن جاوا اسکریپت در مرورگر استفاده می کنیم، اگرچه در اغلب مرورگرها جاوا اسکریپت جزء ملزومات اولیه بوده و به صورت پیش فرض فعال است اما ممکن است به دلایلی خواسته یا ناخواسته این امکان غیرفعال باشد، در این صورت با نمایش پیام هشدار کاربر را نسبت به این موضوع آگاه می کنیم.

مثالی دیگر با جاوا اسکریپت

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | ایجاد یک پاراگراف در جاوا اسکریپت</title>
<!-- Webgoo.ir -->
<script type="text/javascript" src="docwrite.js"></script>
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    text-align:justify;
    font-size:12px;
    direction:rtl;
}
</style>
</head>
<body>
<noscript>
جاوا اسکریپت در مرورگر شما غیر فعال است!
</noscript>
<hr>
کدهای این صفحه به صورت یک فایل خارجی ایمپورت شده است.
</body>
</html>

کد ایمپورت شده در صفحه:

document.write("کد جاوا اسکریپت، ایجاد یک پاراگراف و نمایش تاریخ:<br>");
 document.write("<p>" + Date() + "</p>");

پیش نمایش
همان طور که اشاره شد، کدهای جاوا اسکریپت را می توان به صورت فایل خارجی نیز در صفحه ایمپورت کرد که در مثال بالا در قسمت src به صورت آدرس دهی نسبی مشخص است، برای کاهش حجم کلی صفحات وب و افزایش سرعت بارگذاری بهینه تر این است که دستورات جاوا اسکریپت را تا حد امکان در یک یا چند فایل تجمیع کرده و بین تگ head قرار دهیم، البته در مواردی نیز ممکن است مجبور باشیم کدها را در انتهای صفحه یا در بخش دیگری درج کنیم، به طور مثال اگر فایل از سروری خارجی (دامنه ای به غیر از سایت اصلی) در صفحه بارگذاری شود، اختلال در بارگذاری آن فایل (به این دلیل که اغلب مرورگرها تا هنگام بارگذاری کامل فایل های js از پردازش ادامه صفحه خودداری می کنند) می تواند موجب تاخیر در بارگذاری کل صفحه شود و ممکن است مجبور باشیم اینگونه فایل ها را در انتهای صفحه قرار دهیم.
نکته: عبارت Date به کار رفته در کد بالا یک تابع درونی جاوا اسکریپت است (یعنی این تابع و ویژگی های آن از قبل در مفسر تعریف شده است)، از تابع Date برای موارد مربوط به تاریخ و زمان استفاده می شود (در آموزش های بعدی به صورت اختصاصی در این رابطه بیشتر خواهیم گفت).
در مطالب پیش رو گام به گام با مفاهیم، دستورات و قابلیت های این زبان آشنا خواهیم شد تا در نهایت به تسلط کافی برای نوشتن اسکریپت ها و برنامه های مورد نیازمان دست پیدا کنیم.

دسته بندی: آموزش مقدماتی » JavaScript

برچسب ها: HTML - JavaScript

قبلی »

« بعدی

مطالب بیشتر:
متدهای کار با آرایه در جاوا اسکریپت (JavaScript)
دستور switch و case در جاوا اسکریپت (JavaScript)
حلقه for و while در جاوا اسکریپت (JavaScript)
توابع (Functions) در جاوا اسکریپت (JavaScript)
کار با پنجره Pop-up در جاوا اسکریپت (JavaScript)

دیدگاه

۹۰ دیدگاه برای این مطلب ارسال شده است.

چینش دیدگاه ها به ترتیب از جدیدترین به قدیمی ترین است.

محمد

۰۳:۴۱ ۱۳۹۴/۰۷/۲۹

سلام مهندس جان
عذر می خوام قبلا این سوال رو از خدمتتون پرسیده بودم ولی چون نمی دونستم در کجاست دوباره می پرسم این کد رو من دارم

//Define your own array to hold the photo album images
//Syntax: ["path_to_thumbnail", "opt_image_title", "opt_destinationurl", "opt_destinationurl","opt_linktarget"]

var myvacation=new Array()
myvacation[0]=["../images/js_prev_pics/img3.jpg", "sample 1", "http://www.google.com"]
myvacation[1]=["../images/js_prev_pics/img3.jpg", "sample 2", "http://www.google.com"]
myvacation[2]=["../images/js_prev_pics/img3.jpg", "sample 3", "http://www.google.com"]
myvacation[3]=["../images/js_prev_pics/img1.jpg", "sample 4", "http://www.webkaran.com"]
myvacation[4]=["../images/js_prev_pics/img2.jpg", "sample 5", "http://www.yahoo.com"]
myvacation[5]=["../images/js_prev_pics/img3.jpg", "sample 6", "http://www.google.com"]
myvacation[6]=["../images/js_prev_pics/img1.jpg", "sample 7", "http://www.webkaran.com"]
myvacation[7]=["../images/js_prev_pics/img2.jpg", "sample 8", "http://www.yahoo.com"]
myvacation[8]=["../images/js_prev_pics/img3.jpg", "sample 9", "http://www.google.com"]

//initiate a photo gallery
//Syntax: new photogallery(imagearray, cols, rows, tablewidth, tableheight, opt_[paginatetext_prefix, paginatetext_linkprefix])
var thepics=new photogallery(myvacation, 1, 1, '700px', '200px')

//----------------------------- راهنمایی ---------------------------------
// 1: تعداد تصاویر در هر ردیف
// 1: تعداد تصاویر در هر ستون
// 700: پهنای فضای گالری
// 200: ارتفاع فضای گالری
//--------------------------------------------------------------------------
//OPTIONAL: Run custom code when an image is clicked on, via "onselectphoto"
//DELETE everything below to disable
//Syntax: function(img, link){}, whereby img points to the image object of the image, and link, its link object, if defined
thepics.onselectphoto=function(img, link){
if (link!=null) //if this image is hyperlinked
window.open(link.href, "", "width=800, height=600, status=1, resizable=1")
return false //cancel default action when clicking on image, by returning false instead of true
}

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

document.write("<table border='0' width='100%'>")
{document.write("<tr>")
document.write("<td><a target='_blank' href='http://www.YOUR_SITE.COM/LINK3.htm'><img src='http://www.yasell.biz/images/uploads/37_9310221421036074.gif' alt='BANNER3'></a></td>")
document.write("</tr>")}
document.write("</table>")

باز هم ممنون و سپاسگذارم

متاسفانه معمولا به این سبک سوالات به دلایل زیر هیچ پاسخی داده نمی شود:
- دو قسمت از کدی را درج کرده اید که ارتباطی با هم ندارند!
- امکان تست سریع و گرفتن خروجی به علت ناقص بودن کد وجود ندارد!
- با فرض ارائه پاسخ به این سوال، باید میزان زیادی کدنویسی اختصاصی انجام شود که از چارچوب خدمات معمول سایت خارج است!
اگر می خواهید برای این نوع سوالات به پاسخ برسید، کدها را در یک صفحه وب به صورتی که قابل تست باشد درج و حالت خروجی مد نظرتان را نیز به شکل اسکرین شات در فتوشاپ طراحی کنید، سپس لینک صفحه و تصاویر را در یک مطلب مرتبط (و اگر نبود از طریق قسمت تماس با ما) ارسال نمائید تا بررسی و پاسخ به ایمیل شما ارسال گردد.

علی

۱۵:۲۶ ۱۳۹۴/۰۷/۱۷

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

محمد

۲۰:۱۶ ۱۳۹۴/۰۷/۱۶

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

<script type="text/javascript" src="min.js"></script>
<span class="click"><div style="position:fixed;top:0px;right:0px;"><img src="ttt.png"></div></span>
<div class="box">
<div class="light"></div>
<div class="popup">
<div class="close">×</div>
<div id="content"><div class="cl"></div>
<form id="searchForm" method="post"><fieldset><legend>ثبت</legend>
<input id="s" type="text" /><input type="submit" value="Submit" id="submitButton" />        
<ul class="icons"><li class="web" title="Web Search" data-searchType="web">1</li>
<li class="images" title="Image Search" data-searchType="images">2</li></ul>
</fieldset></form>
<div id="resultsDiv"></div>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="script.js"></script>
</div>
</div>
</div>

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

محمد

۱۳:۰۷ ۱۳۹۴/۰۷/۱۱

درود
یه سوال داشتم
در مورد سوالی که آقای بهنام در مورد فیلتر کلمات
داشتند و شما به این صورت به سوالشون پاسخ دادید

<form method="post" name="myform">
<input onchange="Pm();" onblur="Pm();" onfocus="Pm();" class="mmm" type="text" name="chat" />
</form>
<script type="text/javascript">
function Pm(){
	var regex = new RegExp(/([\\s\\S]*?)(کلمات|مورد|نظر)(( )+([\\s\\S]*?)|$)/ig);
	if(myform.chat.value.search(regex) != -1){
		alert(\'عبارت غیر مجاز!\');
		myform.chat.value = \'\';
	}
}
</script>

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

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

عباس آریان پور

۲۲:۴۱ ۱۳۹۴/۰۶/۱۶

بسیار خوب : )

mrm

۲۰:۱۴ ۱۳۹۴/۰۵/۱۰

یک سوال دیگه هم در مورد این مطلب اینکه اگر ما هر فایل اچ تی ام ال ، رو که بخواهیم در فایل جاوا قرار بدیم ، اگر تگ ها را داخل

document.write("");

بگذاریم درست میشه؟
چون دیدم که شما تگ

<br>

رو داخل این کد گذاشتید

خیر، دستور document.write بیشتر برای چاپ موارد یک خطی (بدون line break) کاربرد دارد، یعنی اگر بخواهید چند خط کد HTML را چاپ کنید، باید به صورت نمونه زیر باشد (چند راه دیگر نیز وجود دارد، اما این روش متداول است):

var lines = '<div id="class">';
lines += '<p>';
lines += 'تست متد document.write';
lines += '</p>';
lines += '</div>';
document.write(lines);

نکته: این متد خیلی پیشرفته نیست، روش های دیگری در جاوا اسکریپت وجود دارد که در آموزش های مقدماتی توضیح داده شده است.

mrm

۲۰:۰۴ ۱۳۹۴/۰۵/۱۰

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

خواهش، البته پاسخ به سوالات ممکن است تا 24 یا نهایتا 48 ساعت نیز زمانبر باشد.

mrm

۱۶:۱۵ ۱۳۹۴/۰۵/۱۰

سلام
خدا قوت
عذر می خوام که اینقدر از شما سوال می پرسم یه مشکل دیگه برام پیش اومد می خوام یک سری دستور جاوا رو داخل یک فایل اچ تی ام ال ، فرا خوانی کنم . (می خوام دو تا بنر رندوم رو زیر هم ، نشون بدم) ولی مشکل اینجاست که کنار هم دیگه قرار می گیرند نه زیر هم . در کد اچ تی ام ال بالا، با تگ hr و یا br می شه اینکار رو کرد ولی در یک فایل js نمی دونم چه جوری میشه . ممنون میشم بفرمایید از چه کدی استفاده کنم این هم کدها ممنون

var image = [], index = 0;
image[0] = "<a target='_blank' href='http://www.YOUR_SITE.COM/LINK1.htm'><img src='http://www.yasell.biz/images/uploads/54_9310221421043962.gif' alt='BANNER1'></a>";
image[1] = "<a target='_blank' href='http://www.YOUR_SITE.COM/LINK2.htm'><img src='http://shop123.yasell.biz/images/uploads/212_9311031421987607.gif' alt='BANNER2'></a>";
image[2] = "<a target='_blank' href='http://www.YOUR_SITE.COM/LINK3.htm'><img src='http://www.yasell.biz/images/uploads/37_9310221421036074.gif' alt='BANNER3'></a>";
index = Math.floor(Math.random() * image.length);
document.write(image[index]);
var image = [], index = 0;
image[0] = "<a target='_blank' href='http://www.YOUR_SITE.COM/LINK1.htm'><img src='http://www.yasell.biz/images/uploads/54_9310221421043962.gif' alt='BANNER1'></a>";
image[1] = "<a target='_blank' href='http://www.YOUR_SITE.COM/LINK2.htm'><img src='http://shop123.yasell.biz/images/uploads/212_9311031421987607.gif' alt='BANNER2'></a>";
image[2] = "<a target='_blank' href='http://www.YOUR_SITE.COM/LINK3.htm'><img src='http://www.yasell.biz/images/uploads/37_9310221421036074.gif' alt='BANNER3'></a>";
index = Math.floor(Math.random() * image.length);
document.write(image[index]);

می توانید بعد از document.write اول، دستور زیر را قرار دهید:

document.write("<br>");

ساسان

۱۳:۴۱ ۱۳۹۴/۰۴/۱۸

درود بر شما
من یه مشکلی در وبلاگ میهن بلاگم دارم اگر میشه راهنماییم کنید وقتی میخوام در یک پست ، یک کد درگاه اینترنتی (مثلا پارس پال) قرار بدم ، بعد از اینکه مطلب را ارسال میکنم دیگه نمیشه ویرایشش کرد ، و وقتی میخوای ویرایشش کنی دکمه ثبت تغییرات کار نمیکنه
میشه راهنماییم کنید چطوری کد رو قرار بدم که قابل ویرایش باشه؟

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

دانیال

۱۸:۲۲ ۱۳۹۴/۰۴/۰۲

انجمن برنامه نویسان جاوااسکریپت

http://jsscript.blog.ir

محمد

۲۳:۰۳ ۱۳۹۴/۰۱/۲۱

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

حذف شد

ضمنا میخوام توسط آیدی (script) بصورت 1 و 2 و 3 درچندجای صفحه ازش استفاده کنم
بسیار بسیار سپاسگذار خواهم بود

دوست گرامی این نوع موارد که مستلزم صرف زمان زیاد جهت کدنویسی اختصاصی است، جزء خدمات متداول سایت نیست!

بهنام

۱۶:۴۸ ۱۳۹۳/۱۲/۱۴

سلام استاد.
یه سوال داشتم با چه کدی میشه مثلا هر بار روی یه دکمه ای کلیک کردی یه منو اضافه بشه

<ul>
<li></li>
<lli></li>
</ul>
<input type="button" onclick="">

به فرض بر روی دکمه ای کلیک میکنی یه ال آی اضافه بشه با مشخصاتی که ما تعیین میکنم مثلا کلاسش و ...
من خودم از روش innerHTML استفاده میکنم راه بهتر و استاندارد تری هم وجود داره؟

راه حل جایگزین متد innerHTML می تواند متد document.createElement باشد، البته متد innerHTML استفاده های خاص خودش را دارد و هیچ منعی از آن نیست، اما در شرایطی ممکن است نیاز به استفاده از متدهای پیچیده تری باشد، مثال:

var target = document.getElementById('a-tag-id');
var li = document.createElement('li');
li.id = 'li-id';
div.className = 'li-class';
target.parentNode.insertBefore(li, target);

اطلاعات بیشتر:

https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement

علی

۱۲:۴۵ ۱۳۹۳/۰۹/۳۰

متشکرم.

علی

۱۹:۴۵ ۱۳۹۳/۰۹/۲۸

ممنون از پاسخگویی!
به طور جزیی تر من می خوام بدونم اون مربع ها که با راست کلیک قابلیت تبدیل به لینک و تغییر تصویر به فاوآیکون دارند به چه روش یا زبانی ساخته می شوند؟ و اسم خاصی دارند؟
اگر هم امکان داره آموزشی در رابطه با این موارد که اخیرا در سایت ها رو به افزایشه قرار بدید!
با سپاس

رفتارهای تعاملی در وب به چند روش یا ترکیب این روش ها ایجاد می شوند:
- در اکثر موارد مبتنی بر JavaScript و فریم ورک jQuery.
- با استفاده از قابلیت های جدید HTML5 و CSS3.
در مورد سوال شما و سایت مورد نظر، این یک برنامه تحت وب است که با توجه به هدف برنامه نویس امکاناتی مانند Drag & Drop در جاوا اسکریپت (یا جی کئوری) و قاعدتا اسکریپت نویسی پیشرفته در آن استفاده شده (تا به فرض به مرورگر تفهیم کند اگر فلان بلاک کشیده شد چه اتفاقی رخ دهد و...)، در واقع هیچ روش کوتاه و قابل توضیحی وجود ندارد جزء اینکه خط به خط کدهای برنامه را تحلیل کنیم!

http://jqueryui.com/sortable

http://www.jqueryrain.com/?4qSzh9Yo

علی

۱۳:۱۵ ۱۳۹۳/۰۹/۲۷

سلام خسته نباشید
خواستم بدونم سایت

www.symbaloo.com

هم با جاوا اسکریپت طراحی شده یا API و چطور می تونم چنین مربع هایی رو برای سایتم طراحی کنم!؟
متشکرم

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

صفحه 3 از 6

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