بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
عندما تدخل علي موقع
وتجد فوق قائمة منسدلة
أي تقف علي كلمة ( الأقسام ) مثلا
تنسدل لك قائمة فيها خيارات
ممكن الكود اللي يعمل هذا
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
عندما تدخل علي موقع
وتجد فوق قائمة منسدلة
أي تقف علي كلمة ( الأقسام ) مثلا
تنسدل لك قائمة فيها خيارات
ممكن الكود اللي يعمل هذا
__________________
السيف أصدق أنباء من الكتب
عندي برنامج منزله لي الوالد من موقع اجنبي بس القوائم على جنب بس مادري تقدر تتلاعب فيه وتخليه فوق او في البنرامج قوائم فوق لاني ما تعمقت فيه واهملته اذا لقيته بحط لك اسمه او البرنامج بكبره
مع التحية
أخوك في الله عشووق
اسمه
NavStudio
حاول تسوي له بحث بقوقل
اتمنى أني قدرت افيدك واساعدك بالي اقدر عليه
مع التحية
اخوك في الله عشووق
اخي محب الله ورسوله
عندي هذا البرنامج .. Sothink DHTMLMenu
يمكنك من انشاء القوائم كيفما تشاء
بالتوفيق
__________________
AlwatanVoice, www.alwatanvoice.com
Almashroo, www.almashroo.com
Pal Coder == Palestinian Coder
__________________
السيف أصدق أنباء من الكتب
ممكن شرح للكود اللي وجدته
ممكن هذا البرنامج مع الشرح :shy:المشاركة الأصلية كتبت بواسطة Pal Coder
الموضوع بسيط جدا بس عايز شوية تفكير :nice:
من هنــــــــــــــا اخوى :nice:
__________________
I Don't Care
مشكور أخوي على الرابط بس هذا لبرنامج الفايروركسالمشاركة الأصلية كتبت بواسطة WA3D.NET
أخي هاوي تعلم
ما و الجزء اللي وقف عليك
أنا ركبت الكود وشغال 100 %
عموما هذا شرح سريع
لديك داخل الصفحة كودين
الكود الأول ضعه في الهيدر بعد الوسم <head>
وعدل هذا الجزء به
أستبدل JavaScript Kit بأسم الخيار الأولكود 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>'
وضع لنكه بدل http://www.javascriptkit.com
وهكذا أمامك 4 خيارات يمكن حذف واحدة أو أكثر أو إضافة المزيد
أما menu 2 فهو خاص بالقائمة الثانية لو كنت تريد كلمة أخري في الموقع يظهر تحتها قائمة
عدل فيها الأقسام واللنكات ايضا لما تريد
ويمكن إضافة المزيد من اللنكات بها
كما يمكنك إضافة menu جديدة كالتالي
هكذا أصبح لديك 3 قوائم مثلاكود 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>'
تعالي عن الكلمة اللي تريد القائمة المنسدلة تظهر عندها
وضع
أستبدل كلمة Web Design بالكلة اللي تريد القائمة تظهر عندهاكود PHP:
<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '150px')" onMouseout="delayhidemenu()">Web Design</a>
وأستبدل default.htm باللنك اللي تريد الرابط يروح له عند الضغط علي الكلة
لو كنت تريد الكلمة لا ترسل لرابط ولكن ينسدل منها قائمة فقط أحذف
لو كنت تريد صورة ينسدل منها القائمة عند الوقوف عليهاكود PHP:
a href="default.htm"
أستبدل كلمة Web Design ب
logo/ServerSystem_34.gif لنك الصورة اللي تريد القائمة تنسدل عند الوقوف عليهاكود PHP:
<IMG SRC="logo/ServerSystem_34.gif" WIDTH=60 HEIGHT=28 ALT="مكتبات" border="0">
مكتبات اسم الصورة
__________________
السيف أصدق أنباء من الكتب
شكراً لك اخي محب الله ورسوله على هذا الشرح
هل تسمح لي بأن أجرب عندي لماشرحته انت هنا وعندما أحتاج مساعدة أرجع إليك :shy:
تأمر أمر أخي
__________________
السيف أصدق أنباء من الكتب
هل طريقة إضافتي للكود بهذا الشكل صحيح
لانه يطلع عندي خطأ عند عمل معاينةكود 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>
كما هو واضح في الصورة المرفقة
ليس هكذا أخي
لكن هذا
كود 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>
__________________
السيف أصدق أنباء من الكتب
الف شكر لك أخي تمام الآن