آموزش php (وبلاگ یک پی اچ پی کار)

آموزش زبان برنامه نویسی php , html , css , تجربیات یک برنامه نویس

۱۳ مطلب با موضوع «جاوا اسکریپت» ثبت شده است

تغییر مقدار درون input برای عناصر بایند شده در livewire با جی کوئری یا جاوا اسکریپت

بعضی مواقع لازم است برای عناصری مثل input در صفحه مقادیری رو از طریق جاوا اسکریپت یا جی کوئری تزریق کنیم و از طرفی هم اون input به یک پراپرتی در کامپوننت لایو وایر در لاراول بایند شده

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

 

به این شکل :

 

document.getElementById("name").value = 'Mehdi Hesami';
document.getElementById("name").dispatchEvent(new Event('input'));

 

۰۹ اسفند ۰۰ ، ۱۶:۴۴ ۱ نظر موافقین ۰ مخالفین ۰
مهندس مهدی حسامی

فرمت بندی ارقام پولی با جاوا اسکریپت

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

 

<script>
// Create our number formatter.
var formatter = new Intl.NumberFormat('fa-IR', {
currency: 'IRR',
});
 
 
formatter.format(2500); // خروجی 2,500
 
</script>

 

۲۵ خرداد ۹۸ ، ۱۰:۰۱ ۰ نظر موافقین ۰ مخالفین ۰
مهندس مهدی حسامی

پروژه تقویم شمسی و قمری و میلادی با php به همراه مناسبت ها

ضمن سلام و عرض ادب خدمت شما دوستان عزیزم

یک پروژه تقویم جلالی ، قمری و شمسی با زبان برنامه نویسی php نوشته ام که تمامی مناسبت های مذهبی ، ملی و بین المللی رو بر روی تقویم داراست . تصویر این تقویم رو در پائین همین متن قرار داده ام

تقویم شمسی با php

تقویم php

تکنولوژی های بکار رفته در ساخت تقویم جلالی ، میلادی ، قمری و قابلیت های این تقویم :

# زبان اسکریپت نویسی php 

# فناوری ایجکس برای حرکت بین تاریخ ها

# قابلیت انتخاب ماه خاص

# قابلیت انتخاب سال دلخواه

# قابلیت نمایش تقویم ماه جاری

# قابلیت نمایش همزمان سه تقویم در یک صفحه

ادامه مطلب...
۱۲ اسفند ۹۵ ، ۱۱:۱۳ ۷ نظر موافقین ۲ مخالفین ۰
مهندس مهدی حسامی

کنسل کردن درخواست ایجکس

سلام دوستان 
یه آموزش خیلی کوچولو رو امروز براتون آماده کردم
شاید شما هم در پروژه های تحت وب خودتون از ایجکس استفاده کرده اید و درخواست هایی رو بوسیله Ajax به سرور ارسال می کنید و میخواهید یک دکمه کنسل هم در کنار دکمه ارسال قرار بدید که اگه کاربر بعد از کلیک کردن دکمه ارسال و در لحظه ارسال درخواست  به سمت سرور تمایل داشت تا درخواست رو لغو کنه ، از این دکمه کنسل استفاده کنه 
برای این کار لازمه که یک متغییر سراسری درون تگ script  در رویداد ready  مربوط به document ایجاد کنید و درخواست Ajax خودتون رو درون این متغییر بریزید ،  مثلا من اسم این متغییر رو به دلخواه xhr گذاشتم ، اکنون این متغییر یک شی محسوب میشه که میتونید خیلی راحت با استفاده از دستور زیر و با کمک متد abort این درخواست رو در هر حالتی که هست لغو کنید.
دستور لغو هم به این شکل نوشته خواهد شد:   

xhr.abort();  

مثال : 

var = xhr;
xhr =  $.ajax({url:'functions/register.php'});
xhr.abort();

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

۰۲ اسفند ۹۵ ، ۱۳:۵۸ ۰ نظر موافقین ۰ مخالفین ۰
مهندس مهدی حسامی

نمایش تصویر لودینگ در زمان بارگذاری سایت

تصویر لودینگ سایت

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

ادامه مطلب...
۱۵ بهمن ۹۵ ، ۱۶:۰۱ ۵ نظر موافقین ۰ مخالفین ۰
مهندس مهدی حسامی

آشنایی با JSON

آشنایی با JSON

دوستان خوبم میخوام شما رو با ساختارهای اطلاعاتی در برنامه نویسی تحت وب آشنا بکنم و خدمتتون توضیح بدم که چرا باید انواع این ساختارهارو بشناسید و اصلا چه کاربردی دارند و حتی چه تفاوتی با همدیگه دارن

برنامه های کامپیوتری که بر اساس استراتژی Server Base کار میکنند (یعنی یک کامپیوتر به عنوان سرویس دهنده و تعدادی هم سرویس گیرنده) با همدیگه به تبادل اطلاعات می پردازن و معمولا هم در بیشتر مواقع حجم دیتای خارج شده از سرور بیشتر از از کلاینت ها هست و کلاینت ها فقط درخواست ها رو و نهایتا اطلاعات فرمی رو ارسال میکنن ولی سرورها معمولا دیتای زیادی رو به کلاینت های متقاضی ارسال میکنن

ادامه مطلب...
۱۰ مهر ۹۵ ، ۲۲:۰۵ ۲ نظر موافقین ۱ مخالفین ۰
مهندس مهدی حسامی

جی کوئری یا جاوا اسکریپت یا ایجکس؟ نمی دانم

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

بعضی ها فکر میکنند جی کوئری یک زبان برنامه نویسی هست ، بدتر از این بعضی ها فکر می کنن که ایجکس هم یک زبان برنامه نویسی مستقل هست . نه دوستان هیچ یک از اینها زبان برنامه نویسی نیستند بلکه دستورات و توابعی هستند که به زبان جاوا اسکریپت نوشته شده اند .

خوب برای چی نوشته شده اند ؟! خوب معلومه برای این نوشته شده اند که کار مارو راحت کنن

اگه من یک مثال نزنم شاید خوب درک نکنید پس اجاز بدید مثال بیارم :

دریافت مقدار یک عنصر با جاوا اسکریپت ، با نام کلاس username بصورت زیر نوشته میشه :

var UserName = document.getElementsByClassName('username').val();

همین کار با استفاده از جی کوئری :

UserName = $('username').val();

ادامه مطلب...
۰۱ مهر ۹۵ ، ۱۱:۳۶ ۲ نظر موافقین ۱ مخالفین ۰
مهندس مهدی حسامی

نوتیفیکیشن مرورگر کروم و فایرفاکس

نوتیفیکیشن مرورگر

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

روند کار به اینصورت هست که شما به عنوان وبمستر در یکی از این سایت های ارائه دهنده سرویس نوتیفیکیشن مرورگرها عضو میشید و آدرس وبسایت شمارو ازتون میخواد و بعد اون به شما یک تکه کد میده که بایستی در قسمت head صفحه تون درج کنید.

از اون لحظه به بعد هر کاربری که به سایت شما مراجعه میکنه یک پاپ آپ اجازه نمایش میده که اگه کاربر تمایل داشت دکمه Allow رو میزنه و عضو کمپین نوتیفیکیشنی سایت میشه ، حالا هر موقع که وبمستر خواست پیغامی به کاربران ارسال کنه از طریق داشبورد ویژه وبسایت ارائه دهنده اقدام به تایپ و ارسال به کل کاربران یا کاربران خاصی (مثلا کاربرانی که در فلان صفحه پیغام اجازه دریافت نوتیفیکیشن رو تایید کرده اند) می تونه انجام بده 

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

Free Browsers Push Notification

۲۶ شهریور ۹۵ ، ۱۹:۰۶ ۴ نظر موافقین ۲ مخالفین ۰
مهندس مهدی حسامی