علاقه مندان به جاوا اسکریپت این تاپیک در مورد چیز دیگری بود که ادیت کردم ،مدیریت محترم لطفا این تاپیک را به تالار مربوطه منتقل کنید. در تاپیک زیر راهنمایی هایی برای ساخت سایت گفته شده...
forum.majidonline.com
در صفحه اول تاپیک بالا ، همین بحث دستکاری جاوا اسکریپت روی عناصر صفحه کار شده.
تغییر محتوای پارگراف: کپی از تاپیک علافه مندان به جاوا اسکریپت
JavaScript:
<!DOCTYPE html>
<html>
<body>
<h2>What Can JavaScript Do?</h2>
<p id="demo">JavaScript can change HTML content.</p>
<button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>Click Me!</button>
</body>
</html>
در کد بالا ، در رویداد onclick باتون مستقیما کد نوشته ، و کدش تغییر عنصری با id مساوی demo است.
ولی برای پارگراف این کد کار می کند ، چونinnerHtmlبه کار برده.
در کد بالا می توانست یک تابع تعریف کند و کد تغییر پاراگراف را درون اون بگذارد ولی مستقیما کد نوشته.
<!DOCTYPE html>
<html>
<body>
<h2>What Can JavaScript Do?</h2>
<p>JavaScript can change HTML attribute values.</p>
<p>In this case JavaScript changes the value of the src (source) attribute of an image.</p>
<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button>
<img id="myImage" src="pic_bulboff.gif" style="width:100px">
<button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button>ً
</body>
</html>
این پست هم مثل پست قبل از تاپیک علاقه مندان به جاوا اسکریپت گپی شده. این کد را شرح نمی دهم اینجا.
یهو رفتیم سراغ select ، قبلش شاید خوب بود با text کار می کردیم...
ولی وقتی صحبت ، کار با id عناصر باشد...فرقی ندارد. به کد زیر نگاه کنید:
JavaScript:
<!DOCTYPE html>
<html>
<body>
<form id="myForm">
Select your favorite fruit:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option >Pineapple</option>
<option>Banana</option>
</select>
</form>
<p>Click the button to return the id of the form the dropdown list belongs to.</p>
<button type="button" onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("mySelect").form.id;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
var select_y =document.getElementById('id_ye_select').value
HTML:
<form id="myForm">
Yek matn:
<select id="id_ye_select">
<option>5</option>
<option>4</option>
</select>
</form>
در برنامه بالا ، کاربر مثلا ۵ را انتخاب می کند یا ۴ را.
من در برنامه خودم یک باتون زیر سلکت ،گذاشتم و کد جاوا اسکریپت را داخل رویداد کلیک باتون قرار دادم.
و روال کار این طوری بود که عددی از سلکت انتخاب میشد و بعدش دکمه زیرش زده میشد. ولی اجباری به این روش استفاده نیست.
اگر خواستید برای پست قبل دکمه استفاده کنید ، کد بالا کارش اینه که id باتون شما را نگاه می کند و یک تابع برایش تعیین می کند. به بیانی رابط باتون شما و تابع مربوط به اون باتون است.
حالا باید یک فانکشن با نام naame_taabe. داشته باشید:
www.w3schools.com
