رموز لتسعة أزرار مؤثرات خاصة في إنتاج صفحات الويب

تُستخدم الأزرار حتماً في إنتاج صفحات الويب. تسرد هذه المقالة بعض رموز الأزرار شائعة الاستخدام.

عرض الكود المصدري

فيما يلي مقتطف مقتبس:
<input TYPE="button" NAME="view" VALUE="عرض كود المصدر" OnClick="window.location='view-source:' +window.location.href" >

العودة إلى الخطوة السابقة

وفيما يلي جزء من الاقتباس:
<input TYPE="button" VALUE="العودة إلى الخطوة السابقة" ONCLICK="history.back(-1)">

زر التحديث -

فيما يلي مقتطف اقتباس:
<input TYPE="button" VALUE="زر التحديث الأول" ONCLICK="ReloadButton()">
<لغة البرمجة = "جافا سكريبت">
<!--
وظيفة ReloadButton () {location.href = "3.html"؛}
// -->
</script>

زر التحديث الثاني

فيما يلي مقتطف اقتباس:
<ص>
<input TYPE="button" VALUE="زر التحديث الثاني" onClick="history.go(0)">

زر العودة إلى الصفحة الرئيسية

وفيما يلي اقتباس:
<input TYPE="button" VALUE="زر الصفحة الرئيسية" ONCLICK="HomeButton()">
<لغة البرمجة = "جافا سكريبت">
<!--
وظيفة HomeButton(){location.href=http://www.aaa.com;}
// -->
</script>

ينبثق مربع تحذير

ما يلي هو الاقتباس:
<input TYPE="button" VALUE="مربع التحذير المنبثق" ONCLICK="AlertButton()">
<لغة البرمجة = "جافا سكريبت">
<!--
function AlertButton(){window.alert("هل شربت اليوم؟ :)");}
// -->
</script>

معلومات شريط الحالة

مقتبسة أدناه:
<ص>
<input TYPE="button" VALUE="معلومات شريط الحالة" ONCLICK="StatusButton()">
<لغة البرمجة = "جافا سكريبت">
<!--
وظيفة StatusButton(){window.status="كيف حالك؟:)";}
// -->
</script>

تحويل لون الخلفية

وفيما يلي مقتطف مقتبس:
<input TYPE="button" VALUE="تغيير لون الخلفية" onClick="BgButton()">
<لغة البرمجة = "جافا سكريبت">
<!--
وظيفة بجبوتون () {
إذا (document.bgColor=='#3399ff')
{document.bgColor='#00ccff';}
آخر{document.bgColor='#3399ff';}
}
// -->
</script>

افتح نافذة جديدة

وفيما يلي اقتباس:
<input TYPE="button" VALUE="فتح نافذة جديدة" ONCLICK="NewWindow()">
<لغة البرمجة = "جافا سكريبت">
<!--
وظيفة NewWindow () {window.open ( http://www.aaa.com، ""، "الارتفاع = 600، العرض = 800، اليسار = 10، أعلى = 10، الحالة = لا، الموقع = لا، شريط الأدوات = لا , Directory=no,menubar=no");}
// -->
</script>