می دونید که یک input هم می تونه name داشته باشه و هم id
من در جاوا اسکریپت از id اش استفاده کردم و در php از name اون و اسم ها را یکسان گرفتم.
کد جاوا اسکریپت برای مقدار دادن به input :
JavaScript:
document.getElementById("id_of_input").value = x2;
کد زیر برای رنگ کردن کف input است و ربطی به بحث ارتباط دهی بین php و جاوا اسکریپت نداره , چون php که کاری با رنگ input نداره و فقط محتوایش را می خواند. ولی برای اشنایی بیشتر با کار با input می نویسم:
JavaScript:
document.getElementById("id_of_input").style.backgroundColor =x2;
در تاپیک جاوا اسکریپت قبلا گفته بودیم جاوا اسکریپت می تواند محتوای یک پاراگراف را تغییر دهد ،
اگر به یک td یعنی ستون table بیاییم id نسبت دهیم ، می توانیم محتوای اون ستون جدول را هم با جاوا اسکریپت تغییر دهیم. اینکه td داری id میشه ، همون css منظورم است.
که فرقی با مقدار دادن به input در جاوا اسکریپت نداره:
JavaScript:
document.getElementById("id_of_td").style.backgroundColor=x2;
حالا اگر input داخل ستون یک جدول باشه ، با کدهای بالا شما هم رنگ ستون و هم رنگ input و هم محتوای input را تغییر می دهید در شکل زیر ستون سمت راستی بهش تغییرات اعمال شده و به ستون سمت چپی تغییرات اعمال نشده:
محتوای این پست جاوا اسکریپت است نه php
ولی چون بحث ارتباط بین جاوا اسکریپت و php بود این پست اینجا زده شده.
حالااگر کسی php بلده ولی جاوا اسکریپت بلد نیست ، و بخواد این کدها را استفاده کنه باید بهش بگیم که کدهای جاوا اسکریپت باید بین تگهای script باشه. این طوری:
JavaScript:
<script>
let x1,x2,x3,x4,x5,x6,x7;
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
<button type="button" style=" font-size:50px; height:120px; width:250px;" onclick="myFunction()">color test</button>
کد بالایک باتون داره که در منطقه html است و داخل منطقه بین تگ های script نیست. و این باتون تابعی را صدا می زنه که داخل منطقه جاوا اسکریپت است. و اون تابع یک جزیی که id اش demo است را درش می نویسه heloo world. حالا اون جز می تونه یک پاراگراف باشه
HTML:
<p id="demo"> abcdefgh </p>
که محتوای فلعی اش که الان abcdefgh است با اعمال کد میشه ، hello world.
حالا در پست فعلی ما با پاراگراف کار نکردیم ، با محتوای یک ستون جدول html و یک input کار کردیم ، کد input:
PHP:
echo"<td id='id_of_td'>"; echo'number: <input type="text" style="font-size: 24pt" id="id_of_input" name="name_of_input" size="7">'; echo"</td>";
کد بالا با echo چاپ شده ، چاپ یک ستون جدول است و چاپ یک input.
می بینید که input هم id دارد و هم name.
من با اسمش در php صداش کردم و با id اش در جاوا اسکریپت ،
احتمالا با اسمش در جاوا اسکریپت هم میشه صدایش کرد ولی حالامهم نیست و من با id اش صدایش کردم.
بدون echo این طوری میشه ، یعنی به حالت html :
HTML:
<td id='id_of_td'>
number: <input type="text" style="font-size: 24pt" id="id_of_input" name="name_of_input" size="7">
</td>
اون id_of_td و id_of_input و name_of_input اسمهای اختیاری است ، من موقع ارسال در سایت تغییر دادم وگرنه اسم های مورد نیاز من بود قبلش.