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

مساعدة ياأهل الخبرة

بدأه aziz308 في 16 يوليو 2007 · 10 رد · 2,597 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

واجهتني صعوبة

كيف اجمع قيمتين من الفورم باستخدام الجافا سكريبت

يعني مثلا وضعت حقلين في الفوم كيف اجمعهم باستخدام الجافا سكريبت

ياليت احد يحط الكود

#2

وضح طلبك

#3

تقصد يااخي انو نجمع قيمتين موجودتين بالفورم على سبيل المثال بالتكسيت ؟

اذا كان هذا قصدك قولي وان شاء الله بجيبلك الكود الخاص فيه

تحياتي

hope is not a plan

----------------

#4

السلام عليكم

اخوي just-gal

الطلب هو كالتالي

عندنا سلع نبيعها بالموقع

نبي نسوي لها فورم تشك بوكس (checkbox)

وكل سلعه لها قيمه يعني واذا اخترنا كم خانه

نحتاج في الأسفل اننا نجمع القيم كلها ونطلعها لليوزر

تقبلوا تحياتي

#5

اذا كان الامر تجريب او مشروع تخرج فانظر الى هذا الكود

<html>
<head>
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>كتاب</title>
<script>
var sum=0;
function getV(name, value){	
	if(document.all[name].checked){
		sum+=parseInt(value);
	}else{
		sum-=parseInt(value);
	}
	setSum(sum);
}
function setSum(s){
	document.all['test'].innerHTML=s;
}
</script>
</head>
<body>
<form method="POST" action="#" name="formA">
	<p><input type="checkbox" name="C1" value="5" onclick="getV(this.name, this.value);">  كتاب بـ 5</p>
	<p><input type="checkbox" name="C2" value="4" onclick="getV(this.name, this.value);"> 	قلم بــ 4</p>
	<p><input type="checkbox" name="C3" value="3" onclick="getV(this.name, this.value);">كراسة 	بــ 3</p>
	<p><input type="checkbox" name="C4" value="7" onclick="getV(this.name, this.value);">قط 	بــ 7</p>

</form>
<br />
المجموع  
 <div id="test">0</div>
</body>
</html>
#6

السلام عليكم

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

لقد حاولت فى توحيد اسم ال checkbox

input type="checkbox" name="abc"

input type="checkbox" name="abc"

بدل من

input type="checkbox" name="C1"

input type="checkbox" name="C2"

واريد كذلك ان يظهر الناتج فى textbox

اذا سمحت لاانى بصدد عمل سلة تحميل واريد مجموع مساحات الملفات

هذا هو الكود

<html>
<head>
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>كتاب</title>
<script>
var sum=0;
function getV(name, size){	
	if(document.all[name].checked){
		sum+=parseInt(size);
	}else{
		sum-=parseInt(size);
	}
	setSum(sum);
}
function setSum(s){
	document.all['test'].innerHTML=s;
}
</script>
</head>
<body>
<form  method="POST" action="home.html" name="form">
	<p><input type="checkbox" name="c1" value="1" size="53" onclick="getV(this.name, this.size);">  كتاب بـ 53</p>
	<p><input type="checkbox" name="c2" value="2" size="15" onclick="getV(this.name, this.size);">  كتاب بـ 15</p>

	<p><input type="checkbox" name="c3" value="3" size="51" onclick="getV(this.name, this.size);">  كتاب بـ 51</p>


مساحة الملفات هى<div id="test">0</div>ميجا بايت</form>
</body>
</html>

ارجوا المتابعة بدون ملل

والسلام ختام

تم تعديل هذه المشاركة بواسطة ابو حميد احمد في 18 أكتوبر 2007 في 03:39

#7

السلام عليكم

الحمد لله عدلت على الكود زوت كلمة id و حدد اسم مشترك لمربعات الاختيار

واصبح كالتالى

<html>
<head>
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>كتاب</title>
<script>
var sum=0;
function getV(id, size){	
	if(document.all[id].checked){
		sum+=parseInt(size);
	}else{
		sum-=parseInt(size);
	}
	setSum(sum);
}
function setSum(s){
	document.all['test'].innerHTML=s;
}
</script>
</head>
<body>
<form  method="POST" action="home.html" name="form">
<input type="checkbox" name="ahmed" id="c1" value="1" size="5" onclick="getV(this.id, this.size);">  كتاب بـ 5</p>
<input type="checkbox" name="ahmed" id="c2" value="2" size="10" onclick="getV(this.id, this.size);">  كتاب بـ 10</p>
<input type="checkbox" name="c3" value="3" size="15" onclick="getV(this.name, this.size);">  كتاب بـ 15</p>
<div id="test">المساحة هى بالميجا بايت 0</div>
</form>
</body>
</html>

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

والسلام ختام

تم تعديل هذه المشاركة بواسطة ابو حميد احمد في 25 أكتوبر 2007 في 01:41

#8
<html>
<head>
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>كتاب</title>
<script>
var sum=0;
function check(isChecked){
	if(isChecked){
		sum=0;
		for(var i=0; i<document.form.ahmed.length;i++){
			document.form.ahmed.checked= true;
			sum+=document.form.ahmed.size
		}
		setSum(sum);
	}else{
		for(var i=0; i<document.form.ahmed.length;i++){
			document.form.ahmed.checked= false;
			sum-=document.form.ahmed.size
		}
		setSum(0);
	}
}
function getV(id, size){	
	if(document.all[id].checked){
		sum+=parseInt(size);
	}else{
		if(document.form.allCheckbox.checked=true){document.form.allCheckbox.checked=false;}
		sum-=parseInt(size);
	}
	setSum(sum);
}
function setSum(s){
	document.all['test'].innerHTML=s +"  المساحة هى بالميجا بايت ";
	document.all['sumField'].value=s;
}
</script>
</head>
<body>
<form  method="POST" action="home.html" name="form">
<input type="checkbox" name="allCheckbox" onclick="check(this.checked);"><br>
<input type="checkbox" name="ahmed" id="c1" value="1" size="5" onclick="getV(this.id, this.size);">  
كتاب بـ 5</p>
<input type="checkbox" name="ahmed" id="c2" value="2" size="10" onclick="getV(this.id, this.size);">  
كتاب بـ 10</p>
<input type="checkbox" name="ahmed" id="c3" value="3" size="15" onclick="getV(this.id, this.size);">  
كتاب بـ 15</p>
<div id="test">المساحة هى بالميجا بايت 0</div>
<input type="text" name="sumField" size="20" value=0 readonly>المساحة هى بالميجا بايت 
</form>
</body>
</html>
#9

ماشاء الله عليك اخى فى الله جزاكم الله خيرا

ورزقك علما نافعا ينتفع بة الاسلام والمسلمين

جميل قوى الكود بتاعك ماشاء الله عليك اخى فى الله

ارجوا من حضرتك عمل زرين مختلفين واحد للطرح والاخر للجمع وليس مربع اختيار واحد

وفقكم الله لما يحب ويرضى

والسلام ختام

تم تعديل هذه المشاركة بواسطة ابو حميد احمد في 5 أبريل 2008 في 02:32

#10
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<script language=JavaScript type=text/JavaScript>
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
	document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</SCRIPT>
<script>

function getV(id, size){	
	if(document.all[id].checked){
		sum+=parseInt(size);
	}else{
		if(document.form.allCheckbox.checked=true){document.form.allCheckbox.checked=false;}
		sum-=parseInt(size);
	}
	setSum(sum);
}
function setSum(s){

	document.all['sumField'].value=s;
}
var sum=0;
function check(isChecked){
	if(isChecked){
		sum=0;
		for(var i=0; i<document.form.ahmed.length;i++)
{document.form.ahmed.checked= true;sum+=document.form.ahmed.size}
		setSum(sum);
	}else{
		for(var i=0; i<document.form.ahmed.length;i++)
{document.form.ahmed.checked= false;sum-=document.form.ahmed.size}
		setSum(0);
	}
}
function SetAllCheckBoxes(FormName, FieldName, CheckValue)
{
if(!document.forms[FormName])return;
var objCheckBoxes = document.forms[FormName].elements[FieldName];
if(!objCheckBoxes)return;
var countCheckBoxes = objCheckBoxes.length;
if(!countCheckBoxes)objCheckBoxes.checked = CheckValue;
	else
		// set the check value for all check boxes
		for(var i = 0; i < countCheckBoxes; i++)
			objCheckBoxes.checked = CheckValue;

		}

function checkthis(form, group , ttype) {
	var numberClicked = 0;
	var audioids = '';
	  for (var i=0; i<form.elements.length; i++) {
		if (form.elements.name == group && form.elements.type == 'checkbox' && form.elements.checked)
		 {
			 	numberClicked++;
				if (numberClicked == 1) 
						audioids += form.elements.value;
				else
					   	audioids += ',' + form.elements.value;	
				}
	  }
	  if	( (numberClicked < 1) || (numberClicked > 10 )) alert('الرجاء تحديد المواد الصوتية المطلوب سماعها بحيث لاتزيد عن 10 مواد');
	  else if (numberClicked >= 1) {  
		buttonClicked=false;
		//setTimeout('document.form.submit()',500)

	 myWindowHandle = window.open('http://audio.islamweb.net/audio/listenbox.php?audioid='+audioids+'&type='+ttype,'myWindowName','width=400,height=400,toolbar=0,location=0,directories=0,status=0,menuBar=0,s
crollBars=0,resizable=0 left = 0, top = 0');

		}
	  return false;
};

function gonow(cid,ttype) {
 myWindowHandle = window.open('http://audio.islamweb.net/audio/listenbox.php?audioid='+cid+'&type='+ttype,'myWindowName','width=400,height=400,toolbar=0,location=0,directories=0,status=0,menuBar=0,s
crollBars=0,resizable=0 left = 0, top = 0');


				   };


				</SCRIPT>

				  <DIV align=center>
<FORM name="form" action=index.cfm?fuseaction=action method=post">
<INPUT type=hidden name=myaction> <br>
<IMG style="CURSOR: hand" onclick="gonow(8460 ,'wma')" height=16 alt="استماع mp3 " src="listenmedia.gif" width=17 align=absMiddle border=0> <br>
<IMG style="CURSOR: hand" onclick="gonow(8460,'ram')" height=16 alt="Real Palyer الاستماع بواسطة" src="Listenrm.gif" width=17 align=absMiddle border=0><br>
<INPUT type=checkbox name="ahmed" id="c1" value="8460" size="5" onclick="getV(this.id, this.size);">5</p>
<INPUT type=checkbox name="ahmed" id="c2" value="8461" size="15" onclick="getV(this.id, this.size);">15 </p>
<INPUT type=checkbox name="ahmed" id="c3" value="8462" size="25" onclick="getV(this.id, this.size);">25 </p>
<IMG style="CURSOR: hand" onclick="checkthis(document.form,'ahmed','ram'); buttonClicked=true;" height=32 alt=" Real Palyer اختر ما ترغب في سماعه ثم انقر هنا" src="ram-all.gif" width=31 align=absMiddle border=0 name=play><br>

<input type="checkbox" name="allCheckbox" onclick="check(this.checked);"><br>
<IMG style="CURSOR: hand" onclick="SetAllCheckBoxes('form', 'ahmed', false);" buttonClicked=true;" height=32 alt=" حذف التحديد" src="removall.gif" width=31 align=absMiddle border=0 name=play><br>
<IMG style="CURSOR: hand" onclick="SetAllCheckBoxes('form', 'ahmed', true);" buttonClicked=true;" " height=32 alt=" تحديد الكل" src="removall.gif" width=31 align=absMiddle border=0 name=play><br>


<input type="text" name="sumField" size="5" value=المساحة هى بالميجا بايت>
</form>

دة اخر ما توصلتلة

والله ولى التوفيق

#11

بمعنى اخر زر

Check All

وزر

Clear All

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