طلب : شريط متحرك

[أحمد خلف]

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

كل ثالث عيد وانتم بخير :nice:

طلبي : شريط متحرك يطلع وينزل ما الزائر وهو يتصفح الموقع

مثال : http://www.sptechs.com/montada/

اعرف ان هذا له لوحة تحكم وما الى ذلك

انا اريد الان الكود وبحاول اطوره بحيث استخدمه حسب متطلباتي :eek2:

منتظر على فحم :app:

[Zizwar]

هل تريد نفس الشريط الموجود في الموقع أم الشريط الموجود في الصورة
صورة قوية يلزمه يبرنامج winrar ليعيد حجم وجهه الطبيعي

[حمد مبارك]

السلام عليكم

اخوي زيزوار يبيله power iso احسن


على ما اتوقع هذا اهو إلي تبيه

http://www.appletcollection.com/hmenus.html

وشكراً لكم

أخوكم حمد

[أحمد خلف]

هلا حبيبي ززاير ترى الصوره هذا ما شفتها الا لما كتبت الموضوع فحبيت تشوفوا الحادث الأسطوري ، قناص كيف قنص العجله هههههه


اخي ززاير اكيد الشريط الموجود في الموقع اريده وبشده

حمد مبارك بارك الله فيك الشريط رهيب جدا ولكن ما كنت اريده هو متابعت حركة الزائر في الموقع مثل الموجود في الرابط الطروح او المرزوع في نص موضوعي ههه

[Zizwar]

لم انساك امهلني بعض الوقت

[أبو روان]

نتمنى شرح الطريقة أيضاً بحيث إذا كان المطلوب هو عبارة عن صورة معينة ولها رابط معين تنزل وتطلع مع شريط التمرير ويكون فيه إمكانية لكتابة قياس معين للصفحة من حيث الطول والعرض بحسب طول وعرض الصورة وبحيث يكون أيضاً لها زر × لإغلاق الصفحة .

[أبو روان]

السلام عليكم

اخوي زيزوار يبيله power iso احسن


على ما اتوقع هذا اهو إلي تبيه

http://www.appletcollection.com/hmenus.html

وشكراً لكم

أخوكم حمد

هذه القائمة غير مجانية .

[Zizwar]

أخي القناص الخبير، وجدت هذا الموضوع لي منذ ثلاث سنين http://www.swalif.net/softs/showthre...threadid=64105
سأعدل لك عليه ارجو ان تلقي نظرة، و أخبرني بالتفاصيل، وستجد الملف المرفق في ردي الأخير
أخي ابو روان ستجد الشرح الذي طلب في نفس الموضوع، في ردي رقم 14
وشكرا لك حمدي مبارك على تفاعلك

[أبو روان]

أخي ابو روان ستجد الشرح الذي طلب في نفس الموضوع، في ردي رقم 14
وشكرا لك حمدي مبارك على تفاعلك

أخي ابو روان ستجد الشرح الذي طلب في نفس الموضوع، في ردي رقم 14
وشكرا لك حمدي مبارك على تفاعلك

شكراً أخي زيزوار وقد إطلعت على هذا الرد في الموضوع :

http://www.swalif.net/softs/showpost...7&postcount=14

والطريقة المذكورة هي كالتالي :

أول شيء نسويه هي أن نحجز مساحة ضمن الكود div أو span مثل

 <DIV id=wino_move></div> 

ونعطي id أية قيمة لأننا سنحتاجها في دالة التعرف على div
تم نفتح الكود

<SCRIPT language=javascript> 
function move_wino(){ 

و بما أننا نريد من div أن تتحرك مع الصفحة وبالمعنى البرمجي نريد قيمة pixelTop الخاص ب div أن تكون على نفس قيمة scrollTop الخاص بالصفحة فإن الكود الدي سنضيف هو

 wino_move.style.pixelTop = document.body.scrollTop 

لكن هدا غير كاف لأننا نحرك الصفحة بإ ستمرار لدا فيجب أن نقوم بحساب هده القيمة في كل 7 أو أقل من جزء بالمئة و سيكون الكود على التالي

 eval("wino_move.style.pixelTop = document.body.scrollTop"); 
    setTimeout("move_wino()",7);} 

ولا ننسى أن نستدعي الكود ب

 window.onload = move_wino 

أو يمكن أن تسويها في البودي

هذا ولا ننسى أن نضيف الكلاس

 <DIV class="classino"  id=wino_move></div> 

تم نعطي الكلاس الطول و العرض و ما جاورهما
مثال

 <style> 
.classino 
{ 
left: 0px; 
position: absolute; 
top:0px; 
z-index: 99; 
width: 0px; 
height: 0px  
} 
</style> 

ويمكنك التغير فيه كما تشاء و لا حظ أننا أعطينا z-index قيمة 99 و هدا لأننا نريد أن يظهر السكريبت فوق جميع الطبقات الموجودة في الصفحة

و أيضا نريد أن نسوي لسكريبت علامة إغلاق لأنه ليس مفروض عليك أن تفرضه على زوارك فمن أراد أن يغلقه فليغلقه لذا سنضيف دالة أخرى
نعطي فيها للمساحة

 display = "none"; 

و ستكون الدالة على التالي

  function dell(){ 
wino_move.style.display = "none"; 
}  
{ 

وهنا سنكون قد إنتهينا من السكريبت و ستكون النتيجة الكاملة على هذا الشكل :

  <style> 
.classino 
{ 
left: 0px; 
position: absolute; 
top:0px; 
z-index: 99; 
width: 0px; 
height: 0px  
} 
</style> 

<SCRIPT language=javascript> 
<!-- 

function move_wino(){ 
     
    eval("wino_move.style.pixelTop = document.body.scrollTop"); 
    setTimeout("move_wino()",7); 
} 
window.onload = move_wino 
function dell(){ 
wino_move.style.display = "none"; 
} 
//--> 
</SCRIPT> 

<DIV id=wino_move class="classino"></DIV> 

و الصور او الفلاش ... الدي نريد ه أن يتحرك مع الصفحة وجب وضعه في وسط الكود

 <DIV id=wino_move class="classino">هناااا</DIV> 

المثال على السكريبت : http://winomania.com/javascript/move_wino.html

السورس : http://view-source:http://winomania....move_wino.html

لكن يبقى عليك تصميم الشكل الذي تريده أن يظهر لك
تمنياتي لك بالتوفيق

و السلام

جربت الطريقة المذكورة لكنها ما نفعت معاي .. فما أدري هل المشكلة بسبب خطأ من عندي أو في المتصفح !!


على العموم هل بالإمكان إرفاق الملف المعدل بالكامل لأن الكود السابق ما اشتغل معاي !!

[Zizwar]

ابو روان الملف في هذا الرابط
http://www.swalif.net/softs/attachme...achmentid=5775
أخي expertsniper وجدت لك هذا أفضل وسهل التعديل
http://www.dynamicdrive.com/dynamicindex17/floatbar.htm

[أبو روان]

ابو روان الملف في هذا الرابط
http://www.swalif.net/softs/attachme...achmentid=5775

شكراً لك أخي Zizwar لكن الملف لم يعمل مع الفايرفوكس !!

فما الحل ؟؟! :con2:

[Zizwar]

الحل ان تنتظر ريتما ابرمج واحد جديد يتوافق مع كل المتصفحات، او تستعين بما هو موجود في هذا الرابط
http://www.dynamicdrive.com/dynamicindex17/floatbar.htm

[أحمد خلف]

عفواً تأخرت كثير

اخي زوزير : http://www.dynamicdrive.com/dynamicindex17/floatbar.htm استخدمت هذا ولكن ابيه متحرك فقط رغم ان اليي حطيته انا في موضوعي ابيه بشده ولكن ما ابي اعطلك

تقبل شكري وتقديري لك