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

simorgh shahr
شنبه ۲۳ مرداد ۹۵
۱۶:۲۶

خواندن پارامترهای Query String با استفاده از Javascript

نحوه خواندن مقادیر Query String

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

رایج ترین راه برای خواندن متغیرهای Query String استفاده از دستورات Behind Code است که برنامه نویس با استفاده از آن براحتی می تواند به تمامی این متغیرها دسترسی داشته باشد.

اما گاهی نیاز است بدون استفاده از برنامه نویسی Behind Code متغیرهای Query String را دریافت کنیم یعنی با استفاده از کد نویسی سمت Client.

وقتی صحبت از کد نویسی سمت Client به میان می آید گزینه ای جز JavaScript وجود ندارد که البته بسیار کارا و پر کاربرد است.

برای دریافت مقادیر Query String در JavaScript از این تابع استفاده می کنیم:

function getParameterByName(name) {
                name =name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
                var regexS = "[\\?&]" + name + "=([^&#]*)";
                var regex = new RegExp(regexS);
                var results = regex.exec(window.location.search);
                if (results == null)
                    return "";
                else
                    return decodeURIComponent(results[1].replace(/\+/g, " "));
            }

برای استفاده از این تابع کافیست به هنگام لود صفحه آن را فراخوانی کرده و نام پارامتری که در Query String به آن نیاز دارید را به عنوان ورودی تابع به آن بدهید.

به عنوان مثال:

var QueryString= getParameterByName('content');

نحوه ایجاد و تغییر متا تگ با استفاده از CSharp

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

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

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

معکوس کردن رنگ با استفاده از Javascript

Invert color using JavaScript

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

تابعی که برای شما آماده کرده ام این عملیات را به راحتی برای شما انجام می دهد.

function invertColor(control) {

var element = document.getElementById(control.getAttribute('id'));

var style = window.getComputedStyle(element);

var color = style.getPropertyValue('color');

var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);

var red = parseInt(digits[2]);

var green = parseInt(digits[3]);

var blue = parseInt(digits[4]);

var invertedColor = [255 - red, 255 - green, 255 - blue];

invertedColor = 'rgb(' + invertedColor[0] + ', ' + invertedColor[1] + ', ' + invertedColor[2] + ')';

element.style.color = invertedColor;

تبدیل کد رنگ rgb به hex

برای تبدیل کد رنگ هایی که با قالب rgb هستند به فرمت hex از تابع زیر می توان استفاده نمود.

function colorToHex(color) {

if (color.substr(0, 1) === '#') {

return color;

}

var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);

var red = parseInt(digits[2]);

var green = parseInt(digits[3]);

var blue = parseInt(digits[4]);

var rgb = blue | (green << 8) | (red << 16);

return digits[1] + '#' + rgb.toString(16);

var col = [red, green, blue];

return col;

اموزش
۲۰۷