خطا‌‌ها‌ی زیر رخ داد:
Warning [2] preg_replace_callback(): Requires argument 2, 'mwsshcode_check("$1","$2")', to be a valid callback - Line: 197 - File: inc/plugins/mwsshcode.php PHP 7.3.4 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/mwsshcode.php 197 preg_replace_callback
/inc/class_plugins.php 139 mwsshcode_run
/inc/class_parser.php 187 pluginSystem->run_hooks
/inc/functions_post.php 721 postParser->parse_message
/showthread.php 1063 build_postbit
Warning [2] preg_replace_callback(): Requires argument 2, 'mwsshcode_check("$1","$2")', to be a valid callback - Line: 197 - File: inc/plugins/mwsshcode.php PHP 7.3.4 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/mwsshcode.php 197 preg_replace_callback
/inc/class_plugins.php 139 mwsshcode_run
/inc/class_parser.php 187 pluginSystem->run_hooks
/inc/functions_post.php 721 postParser->parse_message
/showthread.php 1063 build_postbit
Warning [2] preg_replace_callback(): Requires argument 2, 'mwsshcode_check("$1","$2")', to be a valid callback - Line: 197 - File: inc/plugins/mwsshcode.php PHP 7.3.4 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/mwsshcode.php 197 preg_replace_callback
/inc/class_plugins.php 139 mwsshcode_run
/inc/class_parser.php 187 pluginSystem->run_hooks
/inc/functions_post.php 721 postParser->parse_message
/showthread.php 1063 build_postbit




رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش جاوا اسکریپت قسمت 1
#1
Lightbulb 
با سلام خدمت اعضای محترم وب سایت و انجمن علمی NCIS ...
در این تاپیک تا جایی که امکان داشته باشد جاوا اسکریپت را آموزش خواهیم داد.
با ما باشید.
سیدمحمدمهدی موسوی
پاسخ
تشکر شده توسط: YN97
#2
خوب شروع می کنیم.
یکی از متدهایی که در جاوا اسکریپت به کرات استفاده می شود ، متد :      getElementById      می باشد.


کار متد فوق ، پیدا کردن عناصر اچ تی ام ال به وسیله id های آن هاست.

خوب حالا مثال ها رو باهم دیگه شروع می کنیم...


مثال اول :

در این مثال میخواهیم یک متن رو با متد فوق ، هنگام کلیک کردن روی یک دکمه خاص ، تغییر بدیم.

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

[shcode=php]<!DOCTYPE html>
<html>
<body>

<h1>What Can JavaScript Do?</h1>

<p id="demo">JavaScript can change HTML content.</p>

<button type="button" >روی من کلیک کنید .</button>

</body>
</html>[/shcode]



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

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



کد:
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">Click Me!</button>





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

خوب ما با استفاده از صفت جاوا اسکریپت onclick یک دستور جاوا اسکریپتی نوشتیم.

و با نوشتن دستورات زیر در واقع :
[shcode=jscript]document.getElementById('demo').innerHTML[/shcode]

داریم میگیم که مرورگر عزیز لطفا در سند ما ، به دنبال عنصری بگرد که آی دی اون demo باشد؛ و تغییرات داخلی انجام بده . ایننر (inner) یعنی (داخلی ) است.
به همین راحتی .
سیدمحمدمهدی موسوی
با ما همراه باشید.
پاسخ
تشکر شده توسط: hamid , ADMIN , YN97 , majidganji
#3
مثال دوم :
جاوا اسکریپت می تونه ، صفت ها رو هم تغییر بده مثلا صفت source که برای فراخوانی آدرس تصویر در html به کار می رود . مثلا:


کد:
<img src="images/blue.png" />



حالا میخواهیم با استفاده از تغییر صفت های src یه لامپ رو خاموش و روشن کنیم :


اول سند اچ تی ام ال مرتبط رو بدون استفاده از کدهای جاوا اسکریپت می نویسیم :
[shcode=php]<!DOCTYPE html>
<html>
<body>

<h1>What Can JavaScript Do?</h1>

<button>Turn on please</button>

<img id="myImage" src="off.png" style="width:100px">

<button>Turn off please</button>

</body>
</html>[/shcode]
حالا این کد رو در مرورگرتون اجرا کنید. 

 توجه : تصاویر دو لامپ روشن و خاموش در این تاپیک ضمیمه شده اند.Arrow


حالا مثل قبل ، می خواهیم با صفت onclick و با متد getElementById لامپ رو با فشردن  دکمه مرتبط روشن و خاموش کنیم.
کد:
<button
onclick="document.getElementById('myImage').src='off.png'"
></button>

حالا با استفاده از دستور فوق این کد رو کامل می کنیم :
کد:
<!DOCTYPE html>
<html>
<body>

<h1>What Can JavaScript Do?</h1>



<button onclick="document.getElementById('myImage').src='on.png'">Turn on</button>

<img id="myImage" src="off.png" style="width:100px">

<button onclick="document.getElementById('myImage').src='off.png'">Turn off</button>

</body>
</html>

حالا کار تمام شد.


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


فایل‌های پیوست
.zip   lampha.zip (اندازه 5.06 KB / تعداد دانلود: 4)
پاسخ
تشکر شده توسط: ADMIN , majidganji , YN97




کاربران در حال بازدید این موضوع: 1 مهمان