| |||||||
| المدوّنات | البحث | مشاركات اليوم | اجعل كافة المشاركات مقروءة |
 |
| | LinkBack | أدوات الموضوع |
| |||||
 موقع قناة الجزيرة http://www.aljazeera.net/
__________________ الناس للناس من بدوومن حضر بعض لبعض وإن لم يشعروا خدم | |||||
|
| |||||
|
: Insert the following code into the <head> section of your page: <style> <!-- #foldheader{cursor:hand ; font-weight:bold ; list-style-image:url(fold.gif)} #foldinglist{list-style-image:url(list.gif)} //--> </style> <script language="JavaScript1.2"> <!-- /** * Based on Folding Menu Tree * * For full source code, installation instructions, * 100's more DHTML scripts, and Terms Of * * * Updated to support arbitrarily nested lists * by Mark Quinn (mark@robocast.com) November 2nd 1998 */ var head="display:''" img1=new Image() img1.src="fold.gif" img2=new Image() img2.src="open.gif" function change(){ if(!document.all) return if (event.srcElement.id=="foldheader") { var srcIndex = event.srcElement.sourceIndex var nested = document.all[srcIndex+1] if (nested.style.display=="none") { nested.style.display='' event.srcElement.style.listStyleImage="url(open.gif)" } else { nested.style.display="none" event.srcElement.style.listStyleImage="url(fold.gif)" } } } document.onclick=change //--> </script> : Insert the following into the <body bgcolor="#ffffff" text="#000000" rightMargin=0 leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" id=all> section of your page where you want the folder tree to appear. This contains the html codes you should edit to change the links to your own: <ul> <li id="foldheader">News</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.cnn.com">CNN</a></li> <li><a href="http://www.abcnews.com">ABC News</a></li> <li><a href="http://www.vancouversun.com">Vancouver Sun</a></li> </ul> <li id="foldheader">Games</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.gamespot.com">GameSpot</a></li> <li><a href="http://www.happypuppy.com">Happy Puppy</a></li> <li><a href="http://www.gamecenter.com">Game Center</a></li> </ul> <li id="foldheader">Software</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.download.com">outer 1</a></li> <li><a href="http://www.hotfiles.com">outer 2</a></li> <li id="foldheader">Nested</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.windows95.com">nested 1</a></li> <li><a href="http://www.shareware.com">nested 2</a></li> </ul> <li><a href="http://www.windows95.com">outer 3</a></li> <li><a href="http://www.shareware.com">outer 4</a></li> </ul> </ul> : Finally, insert the below script following the above HTML code (It should never preceed it). Note that this is the "persistance" script, and if you're really stubborn-headed and do not want persistance in your folders, just don't add the below code! <script language="JavaScript1.2"> <!-- /** * Get cookie routine by Shelley Powers * (shelley.powers@ne-dev.com) */ function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) // if cookie exists if (offset != -1) { offset += search.length // set index of beginning of value end = document.cookie.indexOf(";", offset); // set index of end of cookie value if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } if (get_cookie(window.location.pathname) != ''){ var openresults=get_cookie(window.location.pathname).split(" ") for (i=0 ; i < openresults.length ; i++){ foldinglist[openresults[i]].style.display='' document.all[foldinglist[openresults[i]].sourceIndex - 1].style.listStyleImage="url(open.gif)" } } if (document.all){ var nodelength=foldinglist.length-1 var nodes=new Array(nodelength) var openones='' } function check(){ for (i=0 ; i <= nodelength ; i++){ if (foldinglist[i].style.display=='') openones=openones + " " + i } document.cookie=window.location.pathname+"="+openones } if (document.all) document.body.onunload=check //--> </script>
__________________ Perfection Is A Never Ending Story | |||||
|
| |||||
|
السلام عليكم ورحمة الله وبركاته ،، أخي الفاضل هذه مجموعة من الكودات لعمل القوائم : http://www.manayr.net/javamenu4.htm http://www.manayr.net/javamenu5.htm http://www.manayr.net/javamenu6.htm http://www.manayr.net/javamenu7.htm http://www.manayr.net/javamenu8.htm http://www.manayr.net/javamenu9.htm وتقبل تحياتي أختكم في الله - مناير | |||||
|
| |||||
|
مشكور أخي مبسوط وكذلك مشكورة أختي مناير أنا شفت الجافا اللي بموقعك من قبل ما اكتب الموضوع ما شاء الله جيدة لكن مو هذي اللي أحتاجاها أحتاج مثل حقت قناة الجزيرة بالضبط . وشكرا للجميع 
__________________ الناس للناس من بدوومن حضر بعض لبعض وإن لم يشعروا خدم | |||||
|
|
| |
| |
| أدوات الموضوع | |
| |
