آگهی
article

کار با متد getElementById و innerHTML در جاوا اسکریپت (JavaScript)

javascript-getelement-inner

معمولا در زبان های برنامه نویسی مختلف، برخی خاصیت ها و متدها بیشتر از سایر موارد به کار می روند که می توان اصطلاح متدهای پرکاربرد را برای آنها به کار برد، در کدنویسی با جاوا اسکریپت، دو متد پرکاربرد getElementById و innerHTML جزء برجسته ترین این موارد هستند، البته عبارت متد (Method) بیشتر در برنامه نویسی شی گرا (OOP یا Object Oriented Programming) کاربرد دارد و مواردی مانند innerHTML را خاصیت (Property) می نامند، با این وجود و به جهت اینکه این موضوع (OOP) در جاوا اسکریپت چندان مصداق ندارد، به اختصار و در این آموزش به هر دو، متد خواهیم گفت، به هر صورت برای آشنایی بیشتر و جهت تکمیل دانستنی هایی که تا این لحظه آموخته ایم، با ادامه مطلب همراه ما باشید.

متد getElementById


از getElementById در جاوا اسکریپت برای تعیین یک مرجع (reference) به یک عنصر (element) با توجه به ID آن استفاده می شود، به زبان ساده یعنی انتخاب یک عنصر HTML (به فرض تگ div) با توجه به ID آن، به طور مثال اگر بخواهیم مقادیر value یک input را با توجه به ID آن استخراج کنیم، خواهیم نوشت:
<input id="test" type="text" value="1">
<script type="text/javascript">
var input = document.getElementById('test').value;
alert(input);
</script>
نکته 1: همان طور که در مثال بالا مشخص است، متد getElementById خود وابسته به شی (object) دیگری به نام document است، لذا الزاما باید به همراه آن استفاده شود.
نکته 2: متد getElementById نسبت به بزرگ یا کوچک بودن مقادیر ID حساس است، به طور مثال Id با id در این متد دو مقدار متفاوت هستند.
نکته 3: در هنگام استفاده از متد getElementById دقت کنید که تگ مورد نظر پیش از فراخوانی، در دسترس قرار گرفته باشد، به عبارت دیگر ابتدا باید تگ مورد نظر توسط مرورگر (و بر اساس ساختار DOM یا نمودار درختی تگ ها از بالاترین قسمت صفحه به پائین) پردازش شود و سپس بتوان عملیاتی روی آن انجام داد، به فرض حالت زیر اشتباه است و خطای TypeError: document.getElementById(...) is null را دریافت خواهید کرد.
<script type="text/javascript">
var input = document.getElementById('test').value;
alert(input);
</script>
<input id="test" type="text" value="1">
علت خطا در مثال بالا این است که پیش از پردازش تگ input مورد نظر، آن را در دستورات جاوا اسکریپت فراخوانی کرده ایم، در صورت نیاز می توانید این مشکل را با استفاده از window.onload (این رویداد زمانی اجرا می شود که صفحه به طور کامل بارگذاری شده باشد) برطرف کنید:
<script type="text/javascript">
window.onload = function(){
    var input = document.getElementById('test').value;
    alert(input);
}
</script>
<input id="test" type="text" value="1">

متد innerHTML


از innerHTML در جاوا اسکریپت برای دریافت یک مقدار از درون تگ های HTML یا اختصاص دادن یک مقدار به تگ ها و تغییر محتوای آنها استفاده می شود، به مثال زیر توجه کنید.
<script type="text/javascript">
function SetValue(id){
    var element = document.getElementById(id);
    //دریافت مقادیر از عنصر مورد نظر
    var value = element.innerHTML;
    alert(value);
}
</script>
<input type="button" onclick="SetValue('result');" value="کلیک کنید">
<div id="result">این یک تست است</div>
همان طور که اشاره شد، کاربرد innerHTML محدود به دریافت یک مقدار نیست و می توان برای اختصاص مقادیر به عناصر HTML از آن استفاده کرد، به مثال زیر توجه کنید.
<script type="text/javascript">
function SetValue(id, value){
    var element = document.getElementById(id);
    //اختصاص مقدار به عنصر مورد نظر
    element.innerHTML = value;
}
</script>
<input type="button" onclick="SetValue('result', 'این یک تست است');" value="کلیک کنید">
<div id="result"></div>
نکته 1: همان طور که ملاحظه می کنید innerHTML وابسته به متد و آبجکت پیش از خود (document و getElementById) است.
نکته 2: استفاده از متد innerHTML برای تغییر محتوای یک عنصر والد (parent) باعث حذف تگ های فرزند (child) آن نیز می شود، به فرض اگر درون تگ div از چند تگ تو در تو استفاده شده باشد، با به کار بردن innerHTML برای تگ والد، محتوای آن هر چه باشد (شامل تگ های div تو در تو) حذف و با مقادیر جدید جایگزین می شود.
نکته 3: برای دریافت مقادیر از تگ input یا تغییر محتوای آن، باید از متد value به جای innerHTML استفاده شود.

مثال و پیش نمایش آنلاین


برای آشنایی بیشتر با کاربردهای getElementById و innerHTML در جاوا اسکریپت، چند مثال کاربردی را همراه با پیش نمایش آنلاین در زیر بررسی می کنیم.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>وبگو | کاربرد متد getElementById و innerHTML</title>
<!-- https://webgoo.ir -->
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    direction:rtl;
    line-height:20px;
}
#text-box{
    padding:6px;
    background:#CCC;
}
#test-block{
    padding:6px;
    background:#CCF;
    cursor:pointer;    
}
</style>
</head>
<body>
<noscript>
جاوا اسکریپت در مرورگر شما غیر فعال است یا پشتیبانی نمی شود!<br>
</noscript>

<input id="test" type="text" value="یک مقدار وارد کنید">
<input type="button" value="کلیک کنید" onclick="AlertValue('test');">
<script type="text/javascript">
function AlertValue(id){
    var value = document.getElementById(id).value;
    alert(value);
}
</script>
<br><br>
آرگومان متد getElementById همان id عنصر HTML مورد نظر است.
<hr><br>
<div id="text-box">پس از کلیک بر روی دکمه تغییر رنگ و اجرای تابع ChangeColor، با استفاده از متد getElementById و style رنگ پس زمینه این بلاک تغییر می کند!</div><br>
<input type="button" value="تغییر رنگ" onclick="ChangeColor('text-box');">
<input type="button" value="رنگ پیش فرض" onclick="DefaultColor('text-box');">
<script type="text/javascript">
function ChangeColor(id){
    var block = document.getElementById(id);
    block.style.backgroundColor = "#FC0";        
}
function DefaultColor(id){
    var block = document.getElementById(id);
    block.style.backgroundColor = "#CCC";        
}
</script>
<hr><br>
<input id="text-input" type="text" onkeyup="InnerChange(this.id);"><br>
<div id="inner-text"></div>
<script type="text/javascript">
function InnerChange(id){
    var element = document.getElementById(id);
    var value = element.value;
    document.getElementById('inner-text').innerHTML = value;
}
</script>
<br><br>
پس از تایپ عبارت در فیلد بالا، رویداد onkeyup اجرا شده و تابع InnerChange فراخوانی می شود، در این مثال از متد innerHTML استفاده کرده ایم.<br>
نکته: با استفاده از عبارت کلیدی this.id می توانید به صورت خودکار id بلاک یا تگ input مورد نظر را به کدهای خود بدهید.
<hr><br>
<div id="test-block" onclick="GetText(this.id);">این یک متن آزمایشی است!</div>
<script type="text/javascript">
function GetText(id){
    var element = document.getElementById(id);
    var text = element.innerHTML;
    alert(text);
}
</script>
<br><br>
برای دریافت متن داخل بلاک div با استفاده از متد innerHTML، در داخل کادر رنگی بالا کلیک کنید.
</body>
</html>
پیش نمایش
sectionدسته بندی: آموزش مقدماتی » JavaScript
related مطالب بیشتر:
» رویداد ها (Events) در جاوا اسکریپت (JavaScript)
» آرایه (Array) در جاوا اسکریپت (JavaScript)
» کار با تاریخ و زمان در جاوا اسکریپت (JavaScript)
» عملگرها (Operators) در جاوا اسکریپت (JavaScript)
» کار با پنجره Pop-up در جاوا اسکریپت (JavaScript)
commentنظرات (۱۰۱ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: sajad
زمان: ۲۲:۰۵:۰۲ - تاریخ: ۱۳۹۳/۰۲/۳۱
سلام میخواستم ببینم میشه متون یک صفحه رو که با جاوااسکریپت روی صفحه چاپ شده رو به داخل یک inputbox ارسال کرد یا خیر؟
پاسخ: 
سلام
بله، اما برای راهنمایی جزئیات بیشتری نیاز است، به طور مثال اگر متن داخل یک بلاک div چاپ شده، می توان با متد getElementById و innerHTML مقادیر آن را دریافت و با value به فیلد متنی مورد نظر نسبت داد.
نویسنده: sajad
زمان: ۲۳:۳۵:۳۵ - تاریخ: ۱۳۹۳/۰۲/۳۱
بازم شرمنده که مزاحم شدم می خوام مقداری که این کد جاوااسکریپت روی صفحه چاپ می کنه رو بریزم توی یک textbox
<script src="http://jalali.toolsir.com/date.class.php?timestamp=&zone=Asia/Tehran&lang=fa&date=n-j" type="text/javascript"></script>
پاسخ: 
برای این فایل می توانید از نمونه کد زیر استفاده کنید:
<script type="text/javascript">
function setText(output, input){
var text = document.getElementById(output).innerHTML;
text = text.replace(/<script src="(.*)" type="text\/javascript">(.*)<\/script>/gi, '$2');
document.getElementById(input).value = text;
}
</script>
<input type="text" id="test" style="width:500px;">
<input type="button" onclick="setText('example', 'test');" value="دریافت مقادیر">
<div id="example">
<script src="http://jalali.toolsir.com/date.class.php?timestamp=&zone=Asia/Tehran&lang=fa&date=n-j" type="text/javascript"></script>
</div>
نکته: این نمونه کد صرفا با توجه به خروجی همین دستورات نوشته شده و برای موارد دیگر باید ویرایش شود.
نویسنده: محسن
زمان: ۰۱:۰۱:۵۰ - تاریخ: ۱۳۹۳/۰۳/۱۲
با سلام دوست عزیز
در جاوا اسکریپت میشه مثلا با دستور زیر یک تابع رو در زمان لود شدن کامل صفحه اجرا کرد!
window.onload=function hi();
ایا میشه مثلا کاری کرد که وقتی یه عنصری خاص وقتی لود شد این تابع فراخوانی بشه (بدون لود شدن کل صفحه و برای سریع تر شدن فرایند)؟؟؟
امکانش هست اصلا همچین چیزی؟؟؟
سریع تر لطفا پاسخ بدهید
با تشکر از شما و سایت خوبتان!
یه دنیا تشکر
پاسخ: 
سلام
پاسخ کوتاه: خیر
توضیح: این امکان در مرورگرها وجود دارد که به یک عنصر (مانند تصویر)، رویداد اختصاص دهید، مثال:
<script type="text/javascript">
var image = document.getElementById("image");
if(image.addEventListener){
image.addEventListener('load', function(){
alert('addEventListener');
});
}
else{
//IE
image.attachEvent('onload', function(){
alert('attachEvent');
});
}
</script>
البته تا آنجا که اطلاع داریم، این شیوه خیلی دقیق عمل نمی کند و در مرورگرهای مختلف یک رفتار ثابت وجود ندارد!
نویسنده: سجاد
زمان: ۱۹:۱۵:۵۰ - تاریخ: ۱۳۹۳/۰۳/۲۶
یه استایل خارجی درست کردم برای چند تا تگ یه سری ویژگی بهشون نسبت دادم مثلا تگ عکس سایزش کوچیک چه و سایر تگ های فونت رنگ شون و اندازشون تغییر کنه
اگه میشه یه تگ کد جاوا اسکریپت میخوام که وقتی کاربر روش کلیک کرد استایل های بالا روشون اعمال بشه
ممنون میشم
پاسخ: 
باید استایل ها را به صورت یک کلاس CSS تعریف و با کلیک بر روی یک دکمه (یا هر تگی که قابلیت اختصاص رویداد را داشته باشد)، با جاوا اسکریپت کلاس مورد نظر را به تگ هدف (با استفاده از ID آن) نسبت دهید، مثال:
<style type="text/css">
.test{
font-family:Tahoma, Geneva, sans-serif;
color:#F00;
}
</style>
<script type="text/javascript">
function changeJS(id, class){
document.getElementById(id).className = class;
}
</script>
<div id="block">متن آزمایشی</div>
<input type="button" onclick="changeJS('block', 'test');" value="Click!">
نویسنده: محسن
زمان: ۰۱:۲۵:۰۴ - تاریخ: ۱۳۹۳/۰۳/۲۹
سلام
من یه کدی نوشتم که در واقع با لود صفحه به طور خودکار روی یک عنصر توسط مرورگر کلیک شود!
البته بگم که این کار رو با greasemonkey کردم!
دوست عزیز این اسکریپت در مرورگر فایرفاکس من کار می کند ولی وقتی این اسکریپت رو روی کروم میندازم اکثر اوقات خود مرورگر جلوی کلیک رو میگیره!!! یعنی نمیزاره که خودکار رو اون عنصر کلیک شه!
قبلا اگه اشتباه نکنم pup-up رو روی فایرفاکس فعال کرده بودم و این کار روی فایرفاکس انجام میشد! ولی من میخوام این اسکریپت روی کروم اجرا بشه! چون به نظر من کروم سرعتش بالاتره! ولی متاسفانه نمیدونم باید چیکار کنم که مرورگر بزاره این اسکریپت که همون کلیک خودکار هست انجام بشه!
نصبش رو کروم رو بلدم ولی همونطور که گفتم اشکال کار از اجرا نشدن اون هست!
یعنی رو فایرفاکس کار میکنه رو کروم کار نمیکنه اکثر اوقات!
میشه یه راهنمایی کنید که باید چیکار کنم مرورگر رو این قضیه حساس نباشه؟
البته بگم که pop-up رو غیر فعال کرد مثل فایرفاکس ولی اینجا این روش کار نمیکنه!!
چه کنیم؟؟؟
پاسخ: 
سلام
کلیک خودکار جزء حریم خصوصی و حفظ امنیت کاربران است که مرورگرها در حالت پیش فرض معمولا جلوی آن را می گیرند، ضمن اینکه افزونه greasemonkey مربوط به فایرفاکس است و متاسفانه اطلاع نداریم که در کروم صددرصد عمل می کند یا خیر! (در کل این سوال بیشتر به بحث مرورگرها مربوط است تا جاوا اسکریپت).
نویسنده: محمد
زمان: ۱۴:۵۶:۵۳ - تاریخ: ۱۳۹۳/۰۳/۲۹
خوب بود اما می توان با آن ها یک var رو در جاوا تغییر داد؟ منظورم مقدار var.
پاسخ: 
متغیر یا همان var به روش های مختلف می تواند مقداردهی شود، به طور مثال می توان مقدار یک عنصر را با innerHTML دریافت کرد و با علامت = آن را به var مورد نظر نسبت داد (این شیوه ای متداول در جاوا اسکریپت است)، به عبارتی متدهای گفته شده صرفا مقدار را دریافت یا مقدار موجود را به یک تگ ارسال می کنند، اینکه از مقدار دریافتی چگونه استفاده کنیم بستگی به هدف ما دارد (که به فرض با یک = می توان مقدار را به یک متغیر نسبت داد).
نویسنده: محمد
زمان: ۱۹:۲۸:۲۵ - تاریخ: ۱۳۹۳/۰۳/۲۹
ببخشید که اینقدر سوال می کنم. اگه متغیر رو توی یه کدی تغییر بدیم مثلا تو نوت پد نوشتیم و html رو اجرا کردیم کد مربوطه اجرا شده و متغیر تغییر کرد. این تغییر برای همیشه است. یعنی اگر دوباره فایل را باز کنیم از اول شروع می کند. یعنی اگر متغیر 1 بود و با کد 2 شد همیشه 2 میشه یا با reload کردن مجددا متغیر 1 میشه؟ بد جور نوشتم چون خیلی سخته!!
پاسخ: 
در جاوا اسکریپت تغییرات در صفحه مرورگر و در لحظه اتفاق می افتد و همیشگی نیست (مگر اینکه مقدار را در یک کوکی ایجاد کنید که تا زمان اتقضای کوکی می توان از آن استفاده کرد)، به عبارتی متغیرهای جاوا اسکریپت با یک مقدار اولیه تنظیم می شوند و در صورت تغییر مقدار (به فرض با کلیک کاربر و بروز یک رویداد)، تنها تا زمانی که صفحه رفرش نشده اعتبار دارد، با رفرش مجددا اطلاعات اولیه بارگذاری می شود.
نویسنده: محمد
زمان: ۱۳:۲۰:۵۷ - تاریخ: ۱۳۹۳/۰۳/۳۰
تو جاوا اسکریپت می شود یک فایل رو مانند php باز کرد و تغیرات دلخواه رو روی آن انجام داد؟ به جز کوکی!!
پاسخ: 
خیر! این کار مشکل امنیتی برای کاربران ایجاد می کند، چون جاوا اسکریپت یک زبان سمت کاربر است و در مرورگر کاربر اجرا می شود، تنها می توانید با روش های میانجی مانند Ajax و PHP، فایل را از سرور فراخوانی کنید.
نویسنده: علی
زمان: ۱۱:۲۷:۳۷ - تاریخ: ۱۳۹۳/۰۴/۰۶
مرسی... ممنون... بازم وب گو عالی بود...
نویسنده: محسن
زمان: ۱۰:۳۶:۳۷ - تاریخ: ۱۳۹۳/۰۴/۱۰
سلام
همانطور که میدونیم برای ساخت یک گره جدید در صفحه باید از دستور
document.createElement('div')
در جاوا اسکریپت استفاده کرد!
مشکل من اینه که وقتی اینو میندازم تو یه تابع با فراخونی تابع یک پاراگراف در صفحه ایجاد نمیشه!!! یا میشه خیلی زود حذف میشه!! این کد منه خیلی ساده است ببینین مشکلش کجاست!!
<html>
<head>
<script>
function hi(){
window.document.createElement('div');
}
</script>
</head>
<body>
<input type="button" onclick="hi()" value="sakht"/>
</body>
</html>
اصلا چرا این کد به این سادگی کار نمیکنه!!!؟؟؟؟
دو رورزه منو الاف خودش کرده
پاسخ: 
سلام
دستورات شما ناقص است، نمونه کامل شده کد شما:
<script type="text/javascript">
function hi(){
var div = document.createElement('div');
div.style.width = "50px";
div.style.height = "50px";
div.style.background = "red";
div.style.color = "white";
div.innerHTML = "Hello!";
document.body.appendChild(div);
}
</script>
نویسنده: مرتضی
زمان: ۱۹:۲۴:۵۶ - تاریخ: ۱۳۹۳/۰۴/۲۲
سلام
من میخوام با getElementsByTagName به استایل دسترسی پیدا کنم و خصوصیت display رو تغییر بدم. (با getElementById میشه اما با getElementsByTagName رو نمیدونم) لطفا راهنمایی کنین
پاسخ: 
سلام
نتیجه متد getElementsByTagName به صورت آرایه برگردانده می شود، لذا برای مدیریت آن باید بر اساس قانون آرایه ها رفتار نمود، یک نمونه کد:
<script type="text/javascript">
function hideIt(tag, num){
var elm = document.getElementsByTagName(tag);
if(num == 0){
for(var i = 0; i < elm.length; i++){
elm[i].style.display = 'none';
}
}
else{
elm[num - 1].style.display = 'none';
}
}
</script>
<div>1</div>
<div>2</div>
<div>3</div>
<input type="button" value="hide All" onclick="hideIt('div', 0);">
<input type="button" value="hide 1" onclick="hideIt('div', 1);">
<input type="button" value="hide 2" onclick="hideIt('div', 2);">
<input type="button" value="hide 3" onclick="hideIt('div', 3);">
نویسنده: محسن
زمان: ۲۱:۰۱:۵۴ - تاریخ: ۱۳۹۳/۰۵/۱۴
سلام و عرض ادب
با تشکر از زحمات شما.
بنده یک سوال داشتم.
من دو تا input رو کنار هم گذاشتم یکی مربوط به color هست و یکی دیگه هم مربوط به تایپ متن.
وقتی روی input اول کلیک میشه جعبه رنگ باز میشه.
میخوام وقتی کاربر رنگی رو انتخاب کرد اتوماتیک رنگ متنی که قرار هست در input دوم تایپ کنه تغییر پیدا کنه.
امیدوارم بدرستی منظورم رو رسونده باشم.
پاسخ: 
با کلیک کاربر بر روی یک رنگ (که باید خودتان باکس آن را طراحی کنید) یک تابع را فراخوانی کرده و رنگ مورد نظر را به عنوان آرگومان به تابع بدهید، سپس در تابع با استفاده از متد document.getElementById به صورت نمونه زیر رنگ فیلد را با اختصاص ID آن تغییر دهید.
document.getElementById("id").style.color="#ff0000";
نویسنده: محسن
زمان: ۱۰:۳۸:۳۸ - تاریخ: ۱۳۹۳/۰۵/۱۶
سلام و عرض ادب مجدد
بنده همین کار رو کردم اما متاسفانه جواب نمیده
یعنی در مورد رنگ پس زمینه جواب میده ها ولی در مورد رنگ متن جواب نمیده
این نمونه کدم:
<script type="text/javascript">
function ChangeColor(id){
var newcolor = document.getElementById('cooloor').value;
var block = document.getElementById(id);
block.style.color = "#"+newcolor;
}
</script>
<input class="color" name="color" id="cooloor" value="000000" onclick="ChangeColor('text-box');" /><br />
<input type="text" id="text-box" name="message" maxlength="150" placeholder="متن خود را بنویسید ..." />
پاسخ: 
سلام
کد شما اصلاح شد!
نویسنده: محسن
زمان: ۱۰:۳۲:۴۸ - تاریخ: ۱۳۹۳/۰۵/۱۸
سلام و عرض ادب
این روش هم جواب نداد چون زمانی که کاربر روی اینپوت ال کلیک میکنه تازه جعبه رنگ باز میشه و هنوز مقدار رنگ عوض نشده.
من خودم با این روش تونستم مشکل رو کاملا برطرف کنم:
<script type="text/javascript">
function ChangeColor(){
document.getElementById(message).style.color = document.getElementById('cooloor').value;
}
</script>
<input class="color" name="color" id="cooloor" value="000000" /><br />
<input type="text" id="text-box" id="message" name="message" onclick="ChangeColor('')" maxlength="150" placeholder="متن خود را بنویسید ..." />
چون بعد از انتخاب رنگ کاربر تازه میاد داخل اینپوت دوم کلیک میکنه تا متن رو تایپ کنه پس فراخوانی فانکشن رو گذاشتم روی کلیک داخل اینپوت دوم.
باز هم از تلاش بی وقته شما سپاسگزام
موفق باشید
پاسخ: 
سلام
دقیقا نمی دانیم هدفتان چه حالتی بوده، صرفا کدها بررسی و رفع اشکال شدند.
نویسنده: shahin
زمان: ۱۸:۲۳:۳۷ - تاریخ: ۱۳۹۳/۰۵/۱۹
سلام با این روش میشه یک مقدار رو از داخل کد یک سایت دیگه گرفت ؟!
اگه میشه یه توضیح بدید یا برام ایمیل کنید ممنون
پاسخ: 
سلام
خیر، برای اینگونه موارد باید PHP بلد باشید.
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- مواردی که به کلی خارج از موضوع این مطلب هستند را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم، غیرضروری و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ کوتاه و مختصر داده خواهد شد!
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- تمام یادداشت ها بررسی و برای هر کاربر زمان مشخصی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.





8 × 7
 refresh
آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
form سحر
در:
سلام من وقتی میخوام توی قسمت صفحات جداگانه وبلاگم گزینه ادامه مطلب رو بیارم باید چیکار کنم چون فقط قسمت نوشته جدید همچین قابلیتی...
۱۵:۰۸:۱۹ ۱۳۹۹/۰۳/۰۸

form علی
در:
با سلام و درود فراوان یه کد جاوا دارم می خوام هر ثانیه نام یه فایل یا پوشه ای رو بگیرم برای مقایسه تا...
۱۱:۰۶:۲۲ ۱۳۹۹/۰۳/۰۸

form علیرضا
در:
با سلام مجدد در پاسخ یکی از کامنت هایم فرمودین که جهت فراخوانی (اجرای) یک فایل در سرور راس ساعت مشخص و صرف...
۱۱:۲۸:۲۴ ۱۳۹۹/۰۳/۰۵

form علیرضا
در:
سلام اگر بخواهیم صفحات سایت رأس ساعت مشخصی مثلا ساعت 12 ظهر رفرش بشه چه کدی رو باید استفاده کنیم. ممنون
۰۴:۴۳:۴۷ ۱۳۹۹/۰۳/۰۵

form علی
در:
با سلام من یه فانکشن نوشتم چطور میشه از توی جاوااسکریپت اون رو صدا بزنم در حقیقت می خوام از توی جاوا یه فانکشنی...
۲۰:۵۹:۰۹ ۱۳۹۹/۰۳/۰۴

form رویا
در:
سلام. خسته نباشید من جدیدا در بلاگفا وبلاگی راه اندازی کردم اما مشکلی دارم. وقتی قسمتی از متن رو انتخاب میکنم و لینک میکنم،...
۱۹:۵۴:۰۰ ۱۳۹۹/۰۳/۰۴

form علی
در:
چطور میشه همزمان با کلیک بر روی «تعویض کد» یعنی کد زیر: پوشه ساخته بشه. با سپاس
۰۹:۵۰:۲۷ ۱۳۹۹/۰۳/۰۳

form علی
در:
با سلام... من یه متغیر تعریف کردم مثلا رو بهش متصل کنیم ممنون از پاسختون.
۰۶:۱۶:۲۷ ۱۳۹۹/۰۳/۰۳

form یاسمن
در:
سلام یه برنامه ای که رشته رو به عنوان password دریافت کنه و کاراکتر فاصله نباشد طول رشته هم از 8 تا 50 باشه عدد...
۱۸:۵۲:۴۴ ۱۳۹۹/۰۳/۰۲

form مرتضی ق
در:
سلام خسته نباشید. یک سایت اصلی و مادر دارم مثلا www.m.com حالا سه سایت دیگر زیر مجموعه مثلا m1 و m2 و m3 من...
۱۸:۲۵:۱۱ ۱۳۹۹/۰۳/۰۲

form میترا
در:
با سلام ببخشید مطلبتون خیلی خوب بود یه سوال من با فتوشاپ انلاین کار می کنم نمی دونم چرا نمی تونم باهاش...
۱۸:۱۵:۱۰ ۱۳۹۹/۰۳/۰۲

form fatemeh
در:
پاراگراف زیر را داریم. چه تنظیماتی در CSS و HTML نیاز است تا در صفحه وببدرستی نمایش داده شود؟ میشه برا جواب این سوال...
۱۶:۳۲:۲۳ ۱۳۹۹/۰۳/۰۱

form علی
در:
با سلام و عرض ادب من یه فانکشن تعریف کردم و کدهای فایل ajax-loading-message.php رو درونش گذاشتم
۰۸:۴۲:۲۱ ۱۳۹۹/۰۳/۰۱

form Maryam
در:
سلام .. من میخاستم کدی بنویسم که خروجی آن دکمه on .. of باشه که با زدن دکمه رنگ پس زمینه تغییر کند ممنون میشم...
۰۲:۲۱:۳۴ ۱۳۹۹/۰۲/۳۱

form amir
در:
سلام ممنون از سایت خوبتون چطور میشه با جاوااسکریپت ایجکس و پی اچ پی بتونم تمامی جدول های دیتابیس رو هر کدوم با یه...
۲۰:۴۵:۵۲ ۱۳۹۹/۰۲/۳۰
form علی
در:
با سلام و عرض ادب بسیار سایت پر محتوایی دارید تبریک... می خواستم بپرسم اگر بخواهیم مثلا کاربر روی یک لینکی در سایت...
۰۷:۲۲:۰۱ ۱۳۹۹/۰۲/۳۰
form Edward ASharp
در:
سلام میشه همين فایلای کاملشو به من بدید؟
۰۰:۰۲:۲۱ ۱۳۹۹/۰۲/۳۰
form میکاییل
در:
سلام من پروزه ای دارم با mvc نوشته شده و در روت سایت فایل htacsess دارم که کد های زیر توشه ...
۰۲:۳۰:۰۲ ۱۳۹۹/۰۲/۲۹
form mahdi
در:
سلام استاد عزیز ، این درسته که با node.js دیگه نیازی به یادگیری php نخواهیم داشت؟
۲۲:۳۹:۳۶ ۱۳۹۹/۰۲/۲۸
form امیر مهدی
در:
سلام ممنونم از اینکه کمکم کردید ولی من منو رو با زیر منوها می خواستم کد شما زیر منوها رو از بین برد. منظور من...
۲۲:۳۰:۱۵ ۱۳۹۹/۰۲/۲۸
form امیر مهدی
در:
سلام. من در طراحی منو سایت با مشکل برخوردم. من منو خودم رو ساختم و متوجه شدم که منو من مقداری فضا از سمت چپ...
۱۹:۲۴:۰۱ ۱۳۹۹/۰۲/۲۸
form امین
در:
خیلی خیلی ممنون از اینکه جواب دادید اما الان که امتحان کردم مجموع همه ی سفارشات رو میزنه یعنی اگر 3 نفر سفارش دادن...
۱۳:۴۶:۵۵ ۱۳۹۹/۰۲/۲۸
form امین
در:
درود به شما خسته نباشید یک سوال داشتم خیلی گشتم اما پیدا نکردم من دیتابیسی برای مثال invert دارم میخوام یک صفحه...
۰۱:۰۰:۴۵ ۱۳۹۹/۰۲/۲۸
form امیر
در:
عالی بود. سپاس گذارم
۱۰:۱۹:۴۴ ۱۳۹۹/۰۲/۲۷
form فرامرز اسماعیلی
در:
سلام خسته نباشید. من داخل ویرایشگرهای notepad++ یا Braket دستور html رو می نویسم یعنی فایل متنی به صورت index.html رو می خواهم اجرا کنم...
۲۲:۴۱:۴۳ ۱۳۹۹/۰۲/۲۶
form پری
در:
سلام بعضی از سایت ها وقتی اهنگ بعدی رو پلی میگنیم اهنگ قبلی که در حال پخش است به طور خودگار قطع میشود میشه این...
۱۴:۲۲:۲۵ ۱۳۹۹/۰۲/۲۶
form ilia Delbar
در:
خیلییییییییییی خوبه! فقط دلم می خواد یه برنامه درست کنم رنگ ها رو نشون بده (رنگ تگ ها)
۱۳:۱۵:۱۹ ۱۳۹۹/۰۲/۲۶
form زهیر صفری
در:
با سلام چطور میتونم تاریخ تولد فرد ایرانی رو بگیره مثلا از input و سن فرد رو در input بعدی نمایش بده میتونید...
۱۲:۳۸:۵۷ ۱۳۹۹/۰۲/۲۶
form حبیب
در:
با سلام بنده از طریق مودم خانه به اینترنت وصل شدم هم با کامپیوتر و هم با موبایل. اما ای پی در هر...
۰۳:۱۲:۵۴ ۱۳۹۹/۰۲/۲۶
form امین
در:
سلام خسته نباشید امیدوارم جوابمو بدید من داخل یک صفحه این کد جاوا رو دارم میخوام خروجی که میده رو داخل...
۱۳:۴۴:۳۳ ۱۳۹۹/۰۲/۲۵
form امیر هادی نجاتی
در:
ممنون از شما. این قسمت (استفاده از جاوا اسکریپت برای غیر فعال کردن کلیک راست) واقعا به دردم خورد .
۲۱:۰۳:۵۰ ۱۳۹۹/۰۲/۲۴
form لیلا
در:
سلام ، ببخشید من میخوام یک مدرک رو در سایت آپلود کنم ولی ارور زیر رو میده . میشه راهنماییم کنید. ممنون
۱۴:۵۲:۴۷ ۱۳۹۹/۰۲/۲۴
form زهرا جعفری
در:
با سلام بنده میخواهم در جاوااسکریپت یک textbox داشته باشم که در آن یک دکمه چشمک زن بذارم وسط متن و وقتی روی...
۱۰:۰۱:۵۱ ۱۳۹۹/۰۲/۲۴
form جواد
در:
سلام. مقادیر و اطلاعاتی از یک سایت دیگه با همین متد file get contents میگیرم که روی لوکال هاست سرعتش خوبه، روی سرور هم بد...
۲۲:۰۳:۲۲ ۱۳۹۹/۰۲/۲۳
form علی رضایی
در:
در خط آخر خطای نحوه ارسال آرگومان می دهد. خطای syntax است یا دستور مورد دارد؟
۱۳:۲۹:۴۹ ۱۳۹۹/۰۲/۲۳
form علی
در:
سلام میخوام مطالب مرتبط با موضوعات سایتم رو در پایین اونها نمایش بدم چجوری میتونم این کار رو بکنم
۰۱:۲۸:۰۰ ۱۳۹۹/۰۲/۲۳
form امیرحسین
در:
با سلام. من تو css میخوام از اتریبیوت border-radius استفاده کنم ولی وقتی مقدارشو مثلا توی div زیاد میذارم متن داخل div بیرون میاد میخواستم...
۱۹:۵۲:۳۰ ۱۳۹۹/۰۲/۲۲
form امیرعلی
در:
با سلام بنده میخواستم بدانم که میشود تگ div را با این روش ها پنهان کرد من میخواهم افزونه ی وردپرسی را...
۱۲:۳۹:۲۶ ۱۳۹۹/۰۲/۲۲
form یوسف رضایی
در:
با سلام و خسته نباشید خواستم بپرسم خروجی یک فرم (با چند گزینه) بر روی برووزر که اماده برای ارسال برای سرور هست را توی...
۱۱:۱۴:۰۳ ۱۳۹۹/۰۲/۲۲
form سعیده
در:
سلام من یه اهنگ که تو وبلاگم میزارم صفحه پخش اهنگ میاد و بلندگوش ولی اون مثلث پلی کنندش نمیاد یعنی عملا واسم...
۱۵:۴۱:۰۵ ۱۳۹۹/۰۲/۲۱
form مجید اسکندری فر
در:
سلام حدود 700 تصویر رو در وبلاگم بارگذاری کردم و حدود 6000 بازدید داشته علت عدم نمایش تصاویر بارگذاری شده در وبلاگم چیست؟ خیلی زحمت...
۱۰:۳۲:۴۵ ۱۳۹۹/۰۲/۲۱
form علیرضا
در:
سلام، ممنون از مطلب کاملتون یه نکته رو هم من اضافه کنم برای کاملتر شدن مقاله، هر آدرس آی پی از یک شناسه هاست...
۰۹:۳۷:۵۰ ۱۳۹۹/۰۲/۲۱
form mahdi
در:
سلام استاد عزیز ، خیلی ممنون از راهنمایی ، انجامشون میدم، فکر میکنم همه این کارارو بلد باشم فقط WYSIWYG رو اصلا نشنیده بودم که...
۰۷:۱۸:۳۷ ۱۳۹۹/۰۲/۲۱
form معصومه
در:
سلام، امروز دیدم که عکس های وبلاگم حذف شده چرا؟ چطور میتونم برشون گردونم؟ عکس ها رو از سایت پیکو فایل آپلود میکردم، هرچقدرم سعی...
۱۴:۵۳:۵۱ ۱۳۹۹/۰۲/۲۰
form mahdi
در:
سلام استاد عزیز و گرامی ، یه درخواستی داشتم ازتون میخوام اگه براتون ممکنه من رو در جاوا اسکریپت بسنجی که بدونم چیا بلدم...
۱۴:۱۸:۵۸ ۱۳۹۹/۰۲/۱۹
form امیر
در:
با سلام، خدمت دوستان عزیز دو جدول به نام‌های Messages و Comments موجود هستند. در جدول Comments فیلدی به نام IDElement وجود دارد که...
۰۵:۲۹:۳۸ ۱۳۹۹/۰۲/۱۹
form ehsan hoseini sianaki
در:
سلام خیلی عالی و کاربردی بود. خسته نباشید.
۲۳:۰۰:۵۱ ۱۳۹۹/۰۲/۱۷
form امید
در:
با سلام و عرض ادب فیلتری میخوام که تعداد جوابهای فیلترهای سایت tse بورس که با جاوا نوشته شده رو بگه مثلا قرار...
۰۰:۱۰:۵۱ ۱۳۹۹/۰۲/۱۷
form احسان
در:
سلام ببخشید من هر کار میکنم تو گوشی اندروید با Html یه عکس رو در سایت خودم بزارم هیچی نمیشه فقط یه علامت عکس میاد...
۲۲:۲۸:۳۷ ۱۳۹۹/۰۲/۱۶
form hasti
در:
سلام . وقت بخیر . میشه مثالی بزنید که right over join برابر با inner join (داخلی) بشه . /با order و customer/ ...
۲۰:۰۵:۱۷ ۱۳۹۹/۰۲/۱۶
form میثم
در:
سلام مجدد من دیگه اینقدر با این کدها ور رفتم دیوونه شدم. این کل تابع منه. شما می تونید برای حل مشکلی که...
۱۷:۳۰:۳۱ ۱۳۹۹/۰۲/۱۶
form میثم
در:
سلام در تکمیل سوالی که خدمت شما عرض شد: ببینید ما دو تا فیلد فایل داریم توی اولی عکس اپ میشه و توی...
۱۶:۲۶:۲۶ ۱۳۹۹/۰۲/۱۶
form ماردین
در:
سلام من میخواستم ببینم چکار کنم که اولین query رو بدون حذف بقیه query ها حذف کنم
۱۵:۵۲:۵۴ ۱۳۹۹/۰۲/۱۶
form میثم
در:
سلام یه سوال خدمت شما داشتم. من با جاوا اسکریپت میخوام بخش فایل توی فرمم رو چک کنم. توی فرم 2 تا فیلد...
۱۱:۴۷:۵۲ ۱۳۹۹/۰۲/۱۶
form amir mtf
در:
سلام ببخشید من میخواستم در تگ این‌پوت برخی از کلمات و علامت ها رو حذف کنم. یک درخواست دیگر هم دارم اگه میشه کد...
۱۲:۳۷:۰۵ ۱۳۹۹/۰۲/۱۵
form کیوان
در:
سلام ممنون از سایت خوبتون، من یه فرم دارم که اطلاعاتش رو از دیتابیس میگیره، چطور میتونم با نوشتن حلقه بعد از چاپ سه...
۱۸:۲۲:۲۴ ۱۳۹۹/۰۲/۱۳
form mohammad
در:
آموزشتون خیلی فهما و دقیق بود ممنون
۲۱:۵۵:۳۸ ۱۳۹۹/۰۲/۱۲
form محمودی
در:
سلام چطوری میتونم برای سایت ثبت نام کدبورسی و ثبت نام ارز دیجیتال بک لینک بگیرم
۱۵:۲۶:۰۷ ۱۳۹۹/۰۲/۱۲
در انتظار بررسی: ۰