يوم سوالف، في 7 أغسطس القادم

 

العودة   سوالف سوفت > قسم تطوير وبرمجة المواقع للمتقدمين > ويب 2.0 و البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد
 
LinkBack أدوات الموضوع
عضو نشيط جدا
تاريخ التسجيل: Feb 2004-
#1 (permalink)  
كيف إنشاء DIV يتمدد على طول وعرض الصفحة كاملة


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

اخواني حاولت إنشاء 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>

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

اخوكم






__________________
:: فـريـق الـزيـنـي :: الزيني للإستضافة ::
:: نحن مختلفون :: We Are Different ::
:: www.zeeny4host.com ::
للإتصال بي
http://mossabalzeeny.arabform.com
almosmm غير متواجد حالياً   قديم 08-10-2006, 05:37 AM
رد مع اقتباس
عضو سوبر نشيط
تاريخ التسجيل: Apr 2006-
#2 (permalink)  

السلام عليكم
هل من الممكن ان تستغني عن 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>






عبد الواحد البشيري غير متواجد حالياً   قديم 08-10-2006, 12:01 PM
رد مع اقتباس
خبير JavaScript
تاريخ التسجيل: Jul 2002-
Blog Entries: 15
#3 (permalink)  

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






Zizwar غير متواجد حالياً   قديم 08-10-2006, 01:39 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Feb 2004-
#4 (permalink)  

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






__________________
:: فـريـق الـزيـنـي :: الزيني للإستضافة ::
:: نحن مختلفون :: We Are Different ::
:: www.zeeny4host.com ::
للإتصال بي
http://mossabalzeeny.arabform.com
almosmm غير متواجد حالياً   قديم 08-10-2006, 03:15 PM
رد مع اقتباس
خبير JavaScript
تاريخ التسجيل: Jul 2002-
Blog Entries: 15
#5 (permalink)  

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






Zizwar غير متواجد حالياً   قديم 08-10-2006, 03:25 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Feb 2004-
#6 (permalink)  

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






__________________
:: فـريـق الـزيـنـي :: الزيني للإستضافة ::
:: نحن مختلفون :: We Are Different ::
:: www.zeeny4host.com ::
للإتصال بي
http://mossabalzeeny.arabform.com
almosmm غير متواجد حالياً   قديم 09-10-2006, 07:49 PM
رد مع اقتباس
خبير JavaScript
تاريخ التسجيل: Jul 2002-
Blog Entries: 15
#7 (permalink)  

ops
يبدو أني لم أتسحر جيدا
http://www.swalif.net/softs/showthread.php?t=117847






Zizwar غير متواجد حالياً   قديم 09-10-2006, 11:02 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Feb 2004-
#8 (permalink)  

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


اخوك






__________________
:: فـريـق الـزيـنـي :: الزيني للإستضافة ::
:: نحن مختلفون :: We Are Different ::
:: www.zeeny4host.com ::
للإتصال بي
http://mossabalzeeny.arabform.com
almosmm غير متواجد حالياً   قديم 11-10-2006, 04:42 PM
رد مع اقتباس
خبير JavaScript
تاريخ التسجيل: Jul 2002-
Blog Entries: 15
#9 (permalink)  

تعبنا كودك
اولا هناك تعارض بين اسم المتغير و اسم الدالة
كود PHP:
function aa(){
var 
aa document.body.scrollHeight
لاحظ التشابه
ثانيا بما انك اعتمدت على الدالة
كود PHP:
document.write 
وجعلتها تطبع بعد تحميل الصفحة، فهنا لن تشتغل الدالة الا بعد كيف إنشاء DIV يتمدد على طول وعرض الصفحة كاملة للمرة الثانية، سنستبدلها ب
كود 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> 






الملفات المرفقة
نوع الملف: txt mosmmDiv1.html.txt‏ (679 بايت, المشاهدات 32)
Zizwar غير متواجد حالياً   قديم 11-10-2006, 08:14 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Feb 2004-
#10 (permalink)  

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

اخوكم






__________________
:: فـريـق الـزيـنـي :: الزيني للإستضافة ::
:: نحن مختلفون :: We Are Different ::
:: www.zeeny4host.com ::
للإتصال بي
http://mossabalzeeny.arabform.com
almosmm غير متواجد حالياً   قديم 16-10-2006, 09:42 PM
رد مع اقتباس
رد


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

تعليمات المشاركة
لا تستطيع كتابة مواضيع
لا تستطيع كتابة ردود
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة



الساعة الآن: 07:13 PM بتوقيت المملكة العربية السعودية