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

مساعدة في position css بخصوص div

بدأه sghirziane في 18 يوليو 2010 · 2 رد · 758 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

نا اعمل منتدى ب asp.net +css

عند عرض الردود في صفحة.

aspx

بوضعت على اليمين

<div id="infos_user"></div>

وعلى اليسار

div id="main_thread"></div>

باختصار اريد كلما ازداد ارتفاع main_thread يزداد ارتفاع infos_user تلقائيا اي بالموازاة معه

كود الصفحة

code.doc

#2

اولا يجب التعامل مع الاحداث اي مثلا هل يوجد بهما حقل نصي بغض النظر عن المرفق وانما بشكل عام

ان كان به حقل نصي وليكن textarea

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

المهم

ان كان يتم جلب البيانات من قاعدة البيانات يجب وضع حدث على الbody اي onload

كما في المثال ان لم يكن مفهوما اعلمني

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Language" content="ar-sy" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<script type="text/javascript">
function chang(id1,id2)
{
var r=document.getElementById(id2).offsetHeight;
//هنا يتم اخذ قيمة ارتفاع ال div الاول 
var i=document.getElementById(id1).offsetHeight;
//هنا يتم اخذ قيمة ارتفاع ال div الثاني 
if(r>i)
{
document.getElementById(id1).style.height=r+"px";
}
else if(i>r)
{
document.getElementById(id2).style.height=i+"px";
}
}

</script>
</head>

<body  >

<div style="position: absolute; background-color:blue;right:0px;top:0px; width: 50%;  z-index: 1" id="main_thread">
<br />
<br />
</div>
<div style="position: absolute; background-color:fuchsia; left:0px;top:0px; 	width:50% ;  z-index: 2" id="infos_user">
<center>


بسم الله الرحمن الرحيم
<br />
<br />
<br />
<br />
<br />
</center>
</div>
<div style="position: absolute; background-color:fuchsia;bottom:0px;left:0px; width: 50%;  z-index: 1" id="main_thread1">
<br />
<br />
</div>
<div style="position: absolute; background-color:blue;right:0px; bottom:0px;  	width:50% ;  z-index: 2" id="infos_user1">
<center>


بسم الله الرحمن الرحيم
<br />
<br />
<br />
<br />
<br />
</center>
</div>

 <p> </p>
<div style="position: absolute; width: 100px; height: 100px; z-index: 3; left: 520px; top:150px" id="layer1">
<input name="Button1" type="button" value="اضغط هنا تغيير الارتفاع العلوي" onclick="chang('infos_user','main_thread');" />
<input name="Button1" type="button" value="اضغط هنا تغيير الارتفاع السفلي" onclick="chang('infos_user1','main_thread1');" />

</div>
</body>

</html>

In bad state

#3

شكرا لك شغال 100%

:haha: :clapping: :clapping: :clapping: :clapping: :clapping: :clapping: :clapping: :clapping: :clapping: :clapping: :clapping:

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