ساخت TREEVIEW

[IMANAZADI]

با سلام
میخواستم چگونگی ساخت یک TREEVIEW با HTML و CSS رو واسم با مثال توضیح بدید .

یه چیزی تو این مایه ها

120757




ممنون میشم

[vimax23]

با ul و li میتونی
+ و - هم با کمک before و active با استفاده از content
یه بخش کار اینه که ساختار رو با ul li بسازی
یه بخش css هست
یه بخش هم جاوا اسکریپتش هست
نمونه (http://jenkov.com/books/jquery/tree.html) . نمونه (http://homework.nwsnet.de/releases/ea21/). نمونه (http://jsfiddle.net/F7f8N/). نمونه (http://www.dynamicdrive.com/dynamicindex1/treeview/)

البته تو طراحی وب جدید تری ویو منسوخ شده

[IMANAZADI]

دوست عزیز ممنون از راهنماییت
به یک نکته اشاره کردید که توی طراحی وب جدید تری ویو منسوخ شده
پس بجای تری ویو از چه گزینه هایی واسه منو داینامیک استفاده میشه ؟؟

[vimax23]

دوست عزیز ممنون از راهنماییت
به یک نکته اشاره کردید که توی طراحی وب جدید تری ویو منسوخ شده
پس بجای تری ویو از چه گزینه هایی واسه منو داینامیک استفاده میشه ؟؟

الان منو ها یا کشویی شدن یا حالت دراپ داونی یعنی وقتی روی ریشه کلیک میکنی زیر ریشه ها به حالت اسلایدی باز میشن یا اینکه وقتی اچ اور میشه سمت راست سابمنو باز میشه
یه کم گوگل کن منو سی اس اس با جی کوئری سرچ کن ایده زیاده

[qartalonline]

ربطی به طراحی جدید نداره هرجا نیاز داشتید میتونید از treeview استفاده کنید.
کدهاشون شبیه منوها هستش یعنی با ul و li ساخته میشن که بهشون استایل و آیکون داده میشه و با رویداد onclick هم زیر منوهاش رو باز و بسته میکنن و پیچیدگی خاصی نداره.
http://www.jqueryrain.com/demo/jquery-treeview/
http://css3menu.com/
http://www.programmingsolution.net/useful-js/jquery-treeview.php

یه نمونه استفاده شده در طراحی جدید:
http://thevectorlab.net/flatlab/

[vimax23]

ربطی به طراحی جدید نداره هرجا نیاز داشتید میتونید از treeview استفاده کنید.
کدهاشون شبیه منوها هستش یعنی با ul و li ساخته میشن که بهشون استایل و آیکون داده میشه و با رویداد onclick هم زیر منوهاش رو باز و بسته میکنن و پیچیدگی خاصی نداره.
http://www.jqueryrain.com/demo/jquery-treeview/
http://css3menu.com/
http://www.programmingsolution.net/useful-js/jquery-treeview.php

یه نمونه استفاده شده در طراحی جدید:
http://thevectorlab.net/flatlab/

کدوم سایت الان تو این دوره زمونه این شکلی استفاده میکنه؟
http://barnamenevis.org/attachment.php?attachmentid=120757&d=1404458554

[qartalonline]

کدوم سایت الان تو این دوره زمونه این شکلی استفاده میکنه؟
قرار نیست که حتما با همین قالب و کپی این استفاده کنن هرجا لازم باشه با استایل بهتر استفاده میکنن.

نمونه با استایل زیبا
http://demos.telerik.com/kendo-ui/treeview/templates

اگه منسوخ شده بود این همه پلاگین واسش نمیساختن.
https://github.com/jonmiles/bootstrap-treeview
http://metroui.org.ua/treeview.html
http://nwtjs.github.io/nwt/bootstrap-treeview.html
http://thesociable.github.io/dbootstrap/
http://www.bootply.com/6BrAnDqrSv
http://www.jqueryscript.net/tags.php?/tree%20view/
http://jquery-plugins.net/tag/treeview
.....

[vimax23]

قرار نیست که حتما با همین قالب و کپی این استفاده کنن هرجا لازم باشه با استایل بهتر استفاده میکنن.

نمونه با استایل زیبا
http://demos.telerik.com/kendo-ui/treeview/templates

اگه منسوخ شده بود این همه پلاگین واسش نمیساختن.
https://github.com/jonmiles/bootstrap-treeview
http://metroui.org.ua/treeview.html
http://nwtjs.github.io/nwt/bootstrap-treeview.html
http://thesociable.github.io/dbootstrap/
http://www.bootply.com/6BrAnDqrSv
http://www.jqueryscript.net/tags.php?/tree%20view/
http://jquery-plugins.net/tag/treeview
.....

برادر این مدلی که من کوت کردم رو گفتم نه اینایی که شما لینک کردی
اینکه مشخصه سبک های دیگش هست مگه من غیرشو گفتم؟!
این سبک منسوخ شده