الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

طلب مساعده في الجافا سكربت

مغلق
بدأه sami001 في 13 أغسطس 2007 · 4 رد · 1,278 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم ورحمة الله وبركاته,,

قمت بعمل خمسة حقول اريد ان يكون مجموع الحقول الاربعه الاولى في الحقل الخامس اي يتم جمع الحقل الاول والثاني والثالث والرابع ويكون الناتج في الحقل الخامس بعد الضغط على الزر او يكون ذلك تلقائيا وقد ارفقت مثال على ذلك شاكرين لكم واتمنى سرعة الاجابه منكم يعطيكم العافيه. . .

mthal.htm

#2
<html dir="rtl">

<head>
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>المجموع</title>
<script>

function calculator(){
	var v=getValue("T1") +getValue("T2") +getValue("T3") +getValue("T5");
	setValue("T4", v);
}

function getValue(name){
	var value=document.all[name].value;
	return parseFloat(value);
}

function setValue(name, value){
	document.all[name].value=value;
}
</script>
</head>

<body>


	<p align="center"><input type="text" name="T1" size="20"></p>
	<p align="center"><input type="text" name="T2" size="20"></p>
	<p align="center"><input type="text" name="T3" size="20"></p>
	<p align="center"><input type="text" name="T5" size="20"></p>
	<p align="center">المجموع<input type="text" name="T4" size="20"></p>
	<p align="center"><input type="button" value="احسب" name="B1" style="font-weight: 700" onclick="calculator();"></p>

<p align="center">كيف يمكن ان يكون الحقل الاخير ناتج جمع الحقول السابقه اي اضع 
ارقام في الحقل الاول والثاني والثالث والربع ويكون المجموع في الحقل الاخير بعد 
الضغط على احسب او يكون المجموع تلقائي بدون الضغط على احسب </p>

</body>

</html>
#3

يعطيك العافيه اخي الكريم ما ادري كيف اشكرك

هل يمكن ان يظهر الناتج بدون الضغط على زر احسب

وعلى العموم الف شكر اخوي اتعبانك معانا :)

#4

تفضل الكود كامل

<html dir="rtl">

<head>
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>المجموع</title>
<script>
function calculator(){
	var v=getValue("T1") +getValue("T2") +getValue("T3") +getValue("T4");
	setLabel("T5", 'المجموع  =  '+v);
}
function getValue(name){
	var value=parseFloat(document.all[name].value);
	if(document.all[name].value==""){
		return 0;
	}else
	if(isNaN(value)){
		setLabel(name+"_error", " القيمة المدخلة غير صحيحة ");
		return 0;
	}else{
		setLabel(name+"_error", "");
		return value;
	} 
}
function setLabel(id, value){
	document.all[id].innerHTML=value;
}
</script>
<style>
BODY {
	direction:rtl;
	FONT-SIZE: 12pt;
	MARGIN: 0px;
	FONT-FAMILY: helvetica, arial, sans-serif;
	BACKGROUND-COLOR: #F3F3F3;
	background-repeat: repeat-y;
	background-position : 19px; 
}
label{
width: 10em;
float: left;
text-align: right;
margin-left: 1.5em;
display: block;

}
label {
color: #B30000;
font-weight: bold;
}
.sum{
color: #00005E;
font-weight: bold;
background: #E3C080;
margin-left: 7.5em;
}
.submit input
{
margin-left: 5.0em;
background: #E3C080;
}
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351;
}
.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9;
}
fieldset
{
border-width: 1px;
border-style: solid;
border-color: #781351;
width: 400px;
}
legend{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px;
}
</style>
</head>

<body><br />
<div align=center>
<fieldset>
<legend>آلة حاسبة بسيطة</legend>
<br />
	<label id=T1_error></label><input type="text" name="T1" size="20" onkeyup="calculator();"><br/>
	<label id=T2_error></label><input type="text" name="T2" size="20" onkeyup="calculator();"><br/>
	<label id=T3_error></label><input type="text" name="T3" size="20" onkeyup="calculator();"><br/>
	<label id=T4_error></label><input type="text" name="T4" size="20" onkeyup="calculator();"><br/>

	<label id="T5" class="sum" align=center>المجموع  =  </label>
</fieldset>

<br /><br /><br />
حاول ادخال حروف مكان القيم
</div>
</body>

</html>
#5

جزاك الله خيرا اخى الفاضل

وتسلم ايديك يا جميل

انا عاشق للغة الجافاسكريبت

وان شاء الله لى عودة بنشر اكود جميلة تفيد المصمم العربى ان شاء الله

وكل عام وانتم بخير والسلام ختام

هذا الموضوع مغلق.

مواضيع مشابهة