كيف إنشاء DIV يتمدد على طول وعرض الصفحة كاملة

**almosmm** · 08-10-2006

السلام عليكم ..

اخواني حاولت إنشاء div بلون معين ومواصفات معينة وجعلت طوله يتمدد على طول الصفحة كلها يعني مهما تمددت الصفحة يتمدد الـ div .. لكن لا ادري ماهي المشكلة ولماذا لا يعمل وهذا هو الكود الذي استعملته

كود HTML:

<script>
function aa(){
var aa = document.body.scrollHeight;
document.write("<div style='width: 100%; height: "+aa+"; background-color:#000000; position: absolute; filter:alpha(opacity=60);'></div>");
}
</script>

<body onload="aa()" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">

<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>11</p>
<p>12</p>
<p>13</p>
<p>14</p>
<p>15</p>
<p>16</p>
<p>17</p>
<p>18</p>
<p>19</p>
<p>20</p>

اتمنى احد الأخوة ينظر ويخبرني اين الخطأ بالضبط لأني جربت جميع الطرق ومانفع

اخوكم

**عبد الواحد البشيري** · 08-10-2006

السلام عليكم
هل من الممكن ان تستغني عن javascript ?
هذا هو الكود يعمل جيدا

كود HTML:

<div style='width: 100%; height:0; background-color:#000000; position: absolute; filter:alpha(opacity=60);'>

<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>11</p>
<p>12</p>
<p>13</p>
<p>14</p>
<p>15</p>
<p>16</p>
<p>17</p>
<p>18</p>
<p>19</p>
<p>20</p>
</div>

**Zizwar** · 08-10-2006

ماقاله لك الناضورينو صحيح

**almosmm** · 08-10-2006

اخواني جربت موضوع 100% لكنه لم يعمل .. يتم تكبير الـ div على بداية الصفحة فقط وإذا كانت ممتدة للأسفل يظل الجزء السفلي فارغ ولا يغطيه الـ DIV لهذا استخدم الجافا سكربت لكي اعرف طول الصفحة كم بالضبط واضع الطول للـ div لكن الطريقة لم تنجح لا ادري لماذا

**Zizwar** · 08-10-2006

صحيح المشكلة في الأسفل خصوصا اذا كان هناك تولبار
هذا الموضوع القديم لي الخاص بالبكسل و النسبة المئوية عساه يفيدك
ولنا لقاء

**almosmm** · 09-10-2006

اخي Zizwar اين هو الموضوع ؟

**Zizwar** · 10-10-2006

ops
يبدو أني لم أتسحر جيدا

http://www.swalif.net/softs/showthread.php?t=117847

**almosmm** · 11-10-2006

اخي Zizwar لك جزيييل الشكر .. لكن جربت جمييع الطرق ولم تنجح ابداً الموضوع هو انه اريد اعرف كم طول وعرض الصفحة ومن ثم اطبق الطول والعرض على الـ div .. كما هو موضح في الكود في الأعلى .. لكن الطريقة لا تعمل لا ادري مالسبب

اخوك

**Zizwar** · 11-10-2006

تعبنا كودك
اولا هناك تعارض بين اسم المتغير و اسم الدالة

كود PHP:


function aa(){

var aa = document.body.scrollHeight;

لاحظ التشابه
ثانيا بما انك اعتمدت على الدالة

كود PHP:


document.write

وجعلتها تطبع بعد تحميل الصفحة، فهنا لن تشتغل الدالة الا بعد تحديث الصفحة للمرة الثانية، سنستبدلها ب

كود PHP:


innerHTML

ثالثا محتوى الصفحة يجب ان يكون كله وسط قسم(div) خاص ونعطيه التموضع الثابت

كود PHP:


<div style="position: absolute;">

الكود كاملا مع بعض التعديلات

كود PHP:


<script> 

window.onload = function(){

var scrol = document.body.scrollHeight;

var div = '<div style="width: 100%; height:';

    div += scrol+'px; background-color:#000000; ';

    div +=' position: absolute; filter:alpha(opacity=50);"';

    div +=' ></div>';



document.body.innerHTML += div;

}



</script>



<body  topmargin="0" text="#ff4444" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">



<div style="position: absolute;">

<p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> <p>9</p> <p>10</p> <p>11</p> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> <p>9</p> <p>10</p> <p>11</p> 

</div>

**almosmm** · 16-10-2006

لك جزيييييل الشكر جزاك الله كل الخير اخي زيزوار على جهودك الكبييرة جداً لمساعدة الآخرين والكود اشتغل 100% جزاك الله كل الخير ...

اخوكم

الموضوع: كيف إنشاء DIV يتمدد على طول وعرض الصفحة كاملة

أدوات الموضوع

بحث في الموضوع

كيف إنشاء DIV يتمدد على طول وعرض الصفحة كاملة

المواضيع المتشابهه

TextArea يتمدد مع النص

أريد هذه الدالة (تم إنشاء الصفحة في ؟؟ ثانية) يوجد مثال

مقتطفات (1) كيف تحسب وقت إنشاء الصفحة

ضوابط المشاركة