اجاکس و toggleclass

خرید بک لینک
سلام و وقت بخیر

یه مثال ساده :
میخواهیم یک div با محتوا "لغو" ایجاد کنیم. و با کلیک کردن بروی آن یک تابع جاوا اسکریپت اجرا شود و در پایان محتوای قرار گرفته در این div به "لغو شد" تغییر کند.

پس یک div را ایجاد میکنیم : <div></div>
سپس جهت فراخوانی تابع جاوا اسکریپت مورد نظر خود از onclick استفاده میکنیم.( و نام تابع مورد نظر خود را وارد میکنیم)
و جهت مرحله آخر-تغییر محتوا div- به div خود یک id نسبت میدهیم که در تابع خود تغییرات مورد نظر را اعمال نماییم.

پس خواهیم داشت :

کد:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
<script>
function myfunc(){
document.getElementById('myidname').innerHTML= 'لغو شد';
}
</script>
</head>
<body>
<span id="myidname" onClick="myfunc()">لغو</span>
</body>
</html>


موفق باشید. ارادتمند

php مرکز کد های سایت...

ما را در سایت php مرکز کد های سایت دنبال می‌کنید

برچسب: نویسنده: استخدام کار بازدید: 148 تاريخ: چهارشنبه 19 خرداد 1395 ساعت: 6:34

صفحه بندی