سكربت جميل يوجد بموقع قناة الجزيرة وهو عند الضغط على زر الأخبار تخرج قائمة منسدلة كما في الصورة أدناه إذا أحد يقدر يجيبه لي اكون من الشاكرين
موقع قناة الجزيرة http://www.aljazeera.net/
| |
سكربت جميل يوجد بموقع قناة الجزيرة وهو عند الضغط على زر الأخبار تخرج قائمة منسدلة كما في الصورة أدناه إذا أحد يقدر يجيبه لي اكون من الشاكرين
موقع قناة الجزيرة http://www.aljazeera.net/
__________________
الناس للناس من بدوومن حضر
بعض لبعض وإن لم يشعروا خدم
السلام عليكم ورحمة الله وبركاته
http://www.geocities.com/siliconvall...20/index2.html
: 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
وتقبل تحياتي
أختكم في الله - مناير
مشكور أخي مبسوط وكذلك مشكورة أختي مناير أنا شفت الجافا اللي بموقعك من قبل ما اكتب الموضوع ما شاء الله جيدة لكن مو هذي اللي أحتاجاها أحتاج مثل حقت قناة الجزيرة بالضبط .
وشكرا للجميع
__________________
الناس للناس من بدوومن حضر
بعض لبعض وإن لم يشعروا خدم
ضوابط المشاركة
