مطلوب كود جافا لقائمة منسدلة

**محب الله ورسوله** · 24-07-2005

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

عندما تدخل علي موقع
وتجد فوق قائمة منسدلة
أي تقف علي كلمة ( الأقسام ) مثلا
تنسدل لك قائمة فيها خيارات

ممكن الكود اللي يعمل هذا

**شمس السعودية** · 25-07-2005

عندي برنامج منزله لي الوالد من موقع اجنبي بس القوائم على جنب بس مادري تقدر تتلاعب فيه وتخليه فوق او في البنرامج قوائم فوق لاني ما تعمقت فيه واهملته اذا لقيته بحط لك اسمه او البرنامج بكبره

مع التحية

أخوك في الله عشووق

**شمس السعودية** · 25-07-2005

اسمه

NavStudio

حاول تسوي له بحث بقوقل

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

مع التحية

اخوك في الله عشووق

**Pal Coder** · 25-07-2005

اخي محب الله ورسوله

عندي هذا البرنامج .. Sothink DHTMLMenu

يمكنك من انشاء القوائم كيفما تشاء

بالتوفيق

**محب الله ورسوله** · 25-07-2005

خلاص
وجدته

http://www.dynamicdrive.com/dynamici...pmenuindex.htm

**هاوي تعلم** · 25-07-2005

ممكن شرح للكود اللي وجدته

**هاوي تعلم** · 25-07-2005

المشاركة الأصلية كتبت بواسطة Pal Coder

اخي محب الله ورسوله

عندي هذا البرنامج .. Sothink DHTMLMenu

يمكنك من انشاء القوائم كيفما تشاء

بالتوفيق

ممكن هذا البرنامج مع الشرح :shy:

**WA3D.NET** · 25-07-2005

الموضوع بسيط جدا بس عايز شوية تفكير :nice:

من هنــــــــــــــا اخوى :nice:

**هاوي تعلم** · 26-07-2005

المشاركة الأصلية كتبت بواسطة WA3D.NET

الموضوع بسيط جدا بس عايز شوية تفكير :nice:

من هنــــــــــــــا اخوى :nice:

مشكور أخوي على الرابط بس هذا لبرنامج الفايروركس

**محب الله ورسوله** · 26-07-2005

أخي هاوي تعلم
ما و الجزء اللي وقف عليك

أنا ركبت الكود وشغال 100 %

عموما هذا شرح سريع

لديك داخل الصفحة كودين
الكود الأول ضعه في الهيدر بعد الوسم <head>

وعدل هذا الجزء به

كود PHP:




//Contents for menu 1

var menu1=new Array()

menu1[0]='<a href="http://www.javascriptkit.com">JavaScript Kit</a>'

menu1[1]='<a href="http://www.freewarejava.com">Freewarejava.com</a>'

menu1[2]='<a href="http://codingforums.com">Coding Forums</a>'

menu1[3]='<a href="http://www.cssdrive.com">CSS Drive</a>'



//Contents for menu 2, and so on

var menu2=new Array()

menu2[0]='<a href="http://cnn.com">CNN</a>'

menu2[1]='<a href="http://msnbc.com">MSNBC</a>'

menu2[2]='<a href="http://news.bbc.co.uk">BBC News</a>'

أستبدل JavaScript Kit بأسم الخيار الأول
وضع لنكه بدل http://www.javascriptkit.com

وهكذا أمامك 4 خيارات يمكن حذف واحدة أو أكثر أو إضافة المزيد

أما menu 2 فهو خاص بالقائمة الثانية لو كنت تريد كلمة أخري في الموقع يظهر تحتها قائمة
عدل فيها الأقسام واللنكات ايضا لما تريد
ويمكن إضافة المزيد من اللنكات بها

كما يمكنك إضافة menu جديدة كالتالي

كود PHP:


//Contents for menu 3, and so on

var menu3=new Array()

menu3[0]='<a href="http://cnn.com">CNN</a>'

menu3[1]='<a href="http://msnbc.com">MSNBC</a>'

menu3[2]='<a href="http://news.bbc.co.uk">BBC News</a>'

هكذا أصبح لديك 3 قوائم مثلا

تعالي عن الكلمة اللي تريد القائمة المنسدلة تظهر عندها
وضع

كود PHP:


<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '150px')" onMouseout="delayhidemenu()">Web Design</a>

أستبدل كلمة Web Design بالكلة اللي تريد القائمة تظهر عندها
وأستبدل default.htm باللنك اللي تريد الرابط يروح له عند الضغط علي الكلة

لو كنت تريد الكلمة لا ترسل لرابط ولكن ينسدل منها قائمة فقط أحذف

كود PHP:


a href="default.htm"

لو كنت تريد صورة ينسدل منها القائمة عند الوقوف عليها
أستبدل كلمة Web Design ب

كود PHP:


<IMG SRC="logo/ServerSystem_34.gif" WIDTH=60 HEIGHT=28 ALT="مكتبات" border="0">

logo/ServerSystem_34.gif لنك الصورة اللي تريد القائمة تنسدل عند الوقوف عليها
مكتبات اسم الصورة

**هاوي تعلم** · 26-07-2005

شكراً لك اخي محب الله ورسوله على هذا الشرح

هل تسمح لي بأن أجرب عندي لماشرحته انت هنا وعندما أحتاج مساعدة أرجع إليك :shy:

**محب الله ورسوله** · 26-07-2005

تأمر أمر أخي

**هاوي تعلم** · 26-07-2005

هل طريقة إضافتي للكود بهذا الشكل صحيح

كود HTML:

<head>
//Contents for menu 1 
var menu1=new Array() 
menu1[0]='<a href="http://www.javascriptkit.com">JavaScript Kit</a>' 
menu1[1]='<a href="http://www.freewarejava.com">Freewarejava.com</a>' 
menu1[2]='<a href="http://codingforums.com">Coding Forums</a>' 
menu1[3]='<a href="http://www.cssdrive.com">CSS Drive</a>' 

//Contents for menu 2, and so on 
var menu2=new Array() 
menu2[0]='<a href="http://cnn.com">CNN</a>' 
menu2[1]='<a href="http://msnbc.com">MSNBC</a>' 
menu2[2]='<a href="http://news.bbc.co.uk">BBC News</a>' 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>صفحة جديدة 5</title>
</head>

لانه يطلع عندي خطأ عند عمل معاينة
كما هو واضح في الصورة المرفقة

**محب الله ورسوله** · 26-07-2005

ليس هكذا أخي

لكن هذا

كود PHP:


<style type="text/css">



#dropmenudiv{

position:absolute;

border:1px solid black;

font:normal 12px Verdana;

line-height:18px;

z-index:100;

}



#dropmenudiv a{

width: 100%;

display: block;

text-indent: 3px;

}



#dropmenudiv a:hover{ /*hover background color*/

background-color: yellow;

}



</style>





<script type="text/javascript">



/***********************************************

* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/



//Contents for menu 1

var menu1=new Array()

menu1[0]='<a href="http://www.javascriptkit.com">JavaScript Kit</a>'

menu1[1]='<a href="http://www.freewarejava.com">Freewarejava.com</a>'

menu1[2]='<a href="http://codingforums.com">Coding Forums</a>'

menu1[3]='<a href="http://www.cssdrive.com">CSS Drive</a>'



//Contents for menu 2, and so on

var menu2=new Array()

menu2[0]='<a href="http://cnn.com">CNN</a>'

menu2[1]='<a href="http://msnbc.com">MSNBC</a>'

menu2[2]='<a href="http://news.bbc.co.uk">BBC News</a>'

        

var menuwidth='165px' //default menu width

var menubgcolor='lightyellow'  //menu bgcolor

var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)

var hidemenu_onclick="yes" //hide menu when user clicks within menu?



/////No further editting needed



var ie4=document.all

var ns6=document.getElementById&&!document.all



if (ie4||ns6)

document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')



function getposOffset(what, offsettype){

var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;

var parentEl=what.offsetParent;

while (parentEl!=null){

totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;

parentEl=parentEl.offsetParent;

}

return totaloffset;

}





function showhide(obj, e, visible, hidden, menuwidth){

if (ie4||ns6)

dropmenuobj.style.left=dropmenuobj.style.top=-500

if (menuwidth!=""){

dropmenuobj.widthobj=dropmenuobj.style

dropmenuobj.widthobj.width=menuwidth

}

if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")

obj.visibility=visible

else if (e.type=="click")

obj.visibility=hidden

}



function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}



function clearbrowseredge(obj, whichedge){

var edgeoffset=0

if (whichedge=="rightedge"){

var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15

dropmenuobj.contentmeasure=dropmenuobj.offsetWidth

if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)

edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth

}

else{

var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18

dropmenuobj.contentmeasure=dropmenuobj.offsetHeight

if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)

edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight

}

return edgeoffset

}



function populatemenu(what){

if (ie4||ns6)

dropmenuobj.innerHTML=what.join("")

}





function dropdownmenu(obj, e, menucontents, menuwidth){

if (window.event) event.cancelBubble=true

else if (e.stopPropagation) e.stopPropagation()

clearhidemenu()

dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv

populatemenu(menucontents)



if (ie4||ns6){

showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)

dropmenuobj.x=getposOffset(obj, "left")

dropmenuobj.y=getposOffset(obj, "top")

dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"

dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"

}



return clickreturnvalue()

}



function clickreturnvalue(){

if (ie4||ns6) return false

else return true

}



function contains_ns6(a, b) {

while (b.parentNode)

if ((b = b.parentNode) == a)

return true;

return false;

}



function dynamichide(e){

if (ie4&&!dropmenuobj.contains(e.toElement))

delayhidemenu()

else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

delayhidemenu()

}



function hidemenu(e){

if (typeof dropmenuobj!="undefined"){

if (ie4||ns6)

dropmenuobj.style.visibility="hidden"

}

}



function delayhidemenu(){

if (ie4||ns6)

delayhide=setTimeout("hidemenu()",disappeardelay)

}



function clearhidemenu(){

if (typeof delayhide!="undefined")

clearTimeout(delayhide)

}



if (hidemenu_onclick=="yes")

document.onclick=hidemenu



</script>

**هاوي تعلم** · 26-07-2005

الف شكر لك أخي تمام الآن

الموضوع: مطلوب كود جافا لقائمة منسدلة

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

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

مطلوب كود جافا لقائمة منسدلة

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

مطلوب سكربت مجاني - لقائمة بريدية -

مطلوب اسكربت يمكنني من ارسال بريد لقائمة

سويت قائمة جافا منسدلة**كيف اركبها للموقع

مطلوب إرسال لقائمة كويتيه مضمونه

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