منوی ساده اما نایاب

[mohammad-gh]

با سلام
حدود چند روزی وقت برای بررسی برنامه های مختلف و تاپیکهای سایت و گذاشتم که شاید بتونم بدون ایجاد تاپیک مشکلم رو حل کنم، اما نشد!
من نیاز به منویی دارم که در تصویر ضمیمه کرده ام
http://www.investin-wa.ir/images/menus.gif
در واقع طرز کار ان ساده است ،همه منو ها ابتدا بسته هستند و با کلیک روی یکی از آنها ، زیر منویی در زیر همان منوی کلیک شده باز می شود؟
امیدوارم دوستان کمک کنند

[ricky22]

سلام
به این جور منو می گن Accordion
با CSS تنها ندیدم اما با JQUerY + css دیدم.
http://css-tricks.com/grid-accordion-with-jquery/
http://www.sohtanaka.com/web-design/examples/accordion/

[ali_za]

با سلام دوست عزیز من نرم افزاری را می شناسم که میشه این کار رو با آن انجام داد و میتونی از عکس هم در قسمت تاشو منو ازش استفاده کنی و با فارسی هم مشکلی نداری ولی فکر کنم بشه با Css و javaهم پیاده پیاده سازیش کرد. ضمنا این نرم افزار پس از طراحی به شما کد می دهد :قهقهه::قهقهه::تشویق::تشویق:
با تشکر

[mohammad-gh]

با تشکر از هر دو دوست

این نرم افزار پس از طراحی به شما کد می دهد
پس جرا اسم نرم افزار را نگفتید

منهم فکر کنم یا CSS بشه حلش کرد

[mohammad-gh]

من خواستم این منو رو با آژاکس شبیه سازی کنم
تا حدی هم موفق بودم اما یه اشکال داشت
وقتی روی یک منو کلیک می کنم تا بره زیر منوهاش رو بیاره از تگ <div> با ID مشخص استفاده کردم
ولی این تگ چون قابلیت تکرار رو نداره در زیر اولین منو همه زیر منوها رو باز می کنه ؟
این هم کد با PHP :

echo " <tr><td><a href=\"#\" onclick='transData1($idmenu)' > $title</a></td></tr>";

echo " <tr><td>";
?>
<div id="loading1" style="display:none;" align="center"><img src="images\loading.gif" alt="loading..." /></div>
<div style="width:100%" id="response1"></div>
<?php
echo " </td></tr>";
چون منوها توسط یه حلقه به درون یک باکس ریخته می شوند من زیر هر منو یک سطر باز کردم تا زیر منو هاش رو اونجا بریزه و لی این همه زیر منوها رو تو همون سطر اول و زیر منوی اول می ریزه
البته این مسئله به خاطر اینکه تگ <div> تو همشون همنام است منطقی است ، اما می خواهم بدونم که چاره ای داره یا نه؟

[mohammad-gh]

آقا من از خیر ساختن منوی آکاردوینی با آژاکس هم گذشتم
لطفا
یه اسکریپت جاوا یا CSS رو بدید که وقتی روش کلیک کنی زیرش، زیر منوهاش باز بشه؟
اساتید کمک کنند؟

[hamidre13]

دوست عزیز بهترین راه برای این کار استفاده از css و کتابخانه قدرتمند جی کوئری هست!
برای این کار ابتدا به همه ی زیر منو ها یک تگ دیو اختصاص بده سپس توسط css و دستور display:non; انها را نشان نده و بعد توسط جی کوری هنگام حرکت موس روی سرمنو دیسپلی ان را بلاک کن!
این هم یک مثال:
اگر هم خواستی که با حرکت موس روی منو ، منو عمل کند به جای دستور کلیک از دستور:
hover(
function () {
$("#accordion").css("display","block");
},
function () {
$("#accordion").css("display","none");

}
);

[hamidre13]

متاسفانه فایل مثال روی این سرور اپلود نشد! ادرس فایل در رپیدشیر:
http://rapidshare.com/files/409289258/sample_Accordion.rar

[forouzan]

با سلام
شاید در این لینک (http://barnamenevis.org/forum/showthread.php?t=236271)نوع منو کارتان را راه بیندازد.
موفق باشید.

[binyaft]

اقا یه نگاه به این بنداز http://www.sothink.com/product/dhtmlmenu/

[pardis11]

با css و بدون استفاده جاوا اسکریب یا جی کوری هم میشه نوشت .

http://www.irpcn.com/css/drop-down-menu.html

[pardis11]

من الان واسط نوشتمش با css , جاوا رو رپید آپ کردم !

دانلود (http://rapidshare.com/files/409865711/red_meno.rar)

در ضمن از اینجا برای css (http://articles.sitepoint.com/article/navigation-using-css)استفاده کردم که البته خاصیت استایلش هست .