help with category
11 posts by 2 authors in: Forums > CMS Builder
Last Post: August 9, 2010 (RSS)
By efi-revivo - August 5, 2010
http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html
Re: [efi-revivo] help with category
By Chris - August 5, 2010
The first thing to do is to mock up what the HTML should look like yourself, then get a viewer working which displays your categories. Post both of those and I can help you change the code in the viewer so that it creates HTML exactly like your mock-up!
Chris
Re: [chris] help with category
By efi-revivo - August 5, 2010
<div style="float:left" > <!--This is the first division of left-->
<p><strong> Works on clicking </strong></p>
<div id="firstpane" class="menu_list"> <!--Code for menu starts here-->
<p class="menu_head">Header-1</p>
<div class="menu_body">
<a href="#">Link-1</a>
<a href="#">Link-2</a>
<a href="#">Link-3</a>
</div>
<p class="menu_head">Header-2</p>
<div class="menu_body">
<a href="#">Link-1</a>
<a href="#">Link-2</a>
<a href="#">Link-3</a>
</div>
<p class="menu_head">Header-3</p>
<div class="menu_body">
<a href="#">Link-1</a>
<a href="#">Link-2</a>
<a href="#">Link-3</a>
</div>
</div> <!--Code for menu ends here-->
</div>
this is the code for the category:
<ul>
<li><a href="?">(All Articles)</a></li>
<?php foreach ($categoriesRecords as $categoryRecord): ?>
<?php echo $categoryRecord['_listItemStart'] ?>
<?php if ($categoryRecord['_isSelected']): ?><b><?php endif ?>
<a href="?category=<?php echo $categoryRecord['num'] ?>" onMouseOver="soundManager.play('<?php echo $categoryRecord['num'] ?>',1)" onMouseOut="soundManager.stop('<?php echo $categoryRecord['num'] ?>')">
<?php echo $categoryRecord['name'] ?></a>
<?php if ($categoryRecord['_isSelected']): ?></b><?php endif ?>
<?php echo $categoryRecord['_listItemEnd'] ?>
<?php endforeach ?>
</ul>
Re: [efi-revivo] help with category
By Chris - August 6, 2010
Does this work for you?
<div style="float:left" > <!--This is the first division of left-->
<p><strong> Works on clicking </strong></p>
<div id="firstpane" class="menu_list"> <!--Code for menu starts here-->
<?php $thisIsTheFirstCategory = true; ?>
<?php foreach ($categoriesRecords as $categoryRecord): ?>
<?php if ($categoryRecord['_isSelected']): ?><b><?php endif ?>
<?php if ($categoryRecord['depth'] == 0): ?>
<?php if (!$thisIsTheFirstCategory): ?>
</div>
<?php endif ?>
<?php $thisIsTheFirstCategory = false; ?>
<p class="menu_head"><?php echo $categoryRecord['name'] ?></p>
<div class="menu_body">
<?php else: ?>
<a href="?category=<?php echo $categoryRecord['num'] ?>"><?php echo $categoryRecord['name'] ?></a>
<?php endif ?>
<?php if ($categoryRecord['_isSelected']): ?></b><?php endif ?>
<?php endforeach ?>
<?php if (!empty($categoriesRecords)): ?>
</div>
<?php endif ?>
</div> <!--Code for menu ends here-->
</div>Please let me know if you have any questions!
Chris
Re: [chris] help with category
By efi-revivo - August 7, 2010
i just have one question if i have a category without sub category how do i make a link to the list page?
where in this code i need to add the link?
Re: [efi-revivo] help with category
By Chris - August 9, 2010
I don't think the accordion menu allows this, does it? If you can show me with example HTML, I can show you how to write PHP code to generate that HTML.
Chris
Re: [chris] help with category
By efi-revivo - August 9, 2010
Re: [efi-revivo] help with category
By Chris - August 9, 2010
What should the HTML look like when there's supposed to be a category link? If you can give me an example of what you want the HTML to look like, I can help.
Chris
Re: [chris] help with category
By efi-revivo - August 9, 2010
<p><strong> Works on clicking </strong></p>
<div id="firstpane" class="menu_list"> <!--Code for menu starts here-->
<p class="menu_headnew" onclick="location.href='http://www.example.com';" >Header</p>
<p class="menu_head">Header-1</p>
<div class="menu_body">
<a href="#">Link-1</a>
<a href="#">Link-2</a>
<a href="#">Link-3</a>
</div>
<p class="menu_head">Header-2</p>
<div class="menu_body">
<a href="#">Link-1</a>
<a href="#">Link-2</a>
<a href="#">Link-3</a>
</div>
<p class="menu_head">Header-3</p>
<div class="menu_body">
<a href="#">Link-1</a>
<a href="#">Link-2</a>
<a href="#">Link-3</a>
</div>
</div> <!--Code for menu ends here-->
</div>
Re: [efi-revivo] help with category
By Chris - August 9, 2010
How about this?
<div style="float:left" > <!--This is the first division of left-->
<p><strong> Works on clicking </strong></p>
<div id="firstpane" class="menu_list"> <!--Code for menu starts here-->
<?php $divToClose = false; ?>
<?php foreach ($categoriesRecords as $categoryRecord): ?>
<?php if ($categoryRecord['_isSelected']): ?><b><?php endif ?>
<?php if ($categoryRecord['depth'] == 0): ?>
<?php if ($divToClose): ?>
<?php $divToClose = false; ?>
</div>
<?php endif ?>
<?php if ($categoryRecord['_hasChild']): ?>
<?php $divToClose = true; ?>
<p class="menu_head"><?php echo $categoryRecord['name'] ?></p>
<div class="menu_body">
<?php else: ?>
<p class="menu_headnew" onclick="location.href='?category=<?php echo $categoryRecord['num'] ?>';" ><?php echo $categoryRecord['name'] ?></p>
<?php endif ?>
<?php else: ?>
<a href="?category=<?php echo $categoryRecord['num'] ?>"><?php echo $categoryRecord['name'] ?></a>
<?php endif ?>
<?php if ($categoryRecord['_isSelected']): ?></b><?php endif ?>
<?php endforeach ?>
<?php if ($divToClose): ?>
</div>
<?php endif ?>
</div> <!--Code for menu ends here-->
</div>The trick here is in examining the _hasChild field. I also had to change the logic of when to generate </div>s.
Does this help?
Chris