Forum PHP.pl

Wykonałem menu w JS.Mam w nim 4 kategorie.Jak zrobić zeby po kliknieciu na kategorie na stronie zostały boxy tylko tej kategorii ?

a byłbyś łaskaw pokazać kod?

[HTML] pobierz, plaintext 
<!-- work box -->
                    <div class="box">
                		<div class="screen">
                        	<div class="title">
                                <ul>
                                	<li><img src="css/box-title-table-left.png" alt="image" /></li>
                                    <!-- title box -->
                                    <li><p>e-strona.de</p></li>
 
                                    <!-- /title box -->
                                    <li><img src="css/box-title-table-right.png" alt="image" /></li>
                                </ul>
						  </div>
                            <div class="image">
                            	<p><img src="images/screen-eborrow.jpg" alt="e-borrow" /></p>
                            </div>
						</div>
 
                        <div class="text">
 
                        	<div class="categorii"><img src="images/cat-logotype.jpg" alt="WebDesing" /></div>
                            <p>
                            	text
                            </p>
                            <p>
                            	<a href="#" title="See that project online">
                                	<img src="images/ico-click.jpg" alt="ico" />Online
                                </a>
                           </p>
                        </div>
 
                        <br class="clear "/>
                	</div>
                	<!-- /work box -->
[HTML] pobierz, plaintext 

Do boxu chce dodać name="shop"
i jezeli z menu (ul) zostanie wybrane shop to wyswietli boxy z shop

Wie ktoś jak to rozwiązać ?

Z powyższego kodu niewiele wynika, ale przedstawię, jak ja bym rozwiązał ten problem.

[HTML] pobierz, plaintext 
<script type="text/javascript">
var actual_id = 0;
 
function Show(id)
{
   if(actual_id > 0) Hide(actual_id);
   document.getElementById('podmenu'+id).style.display = block;
   actual_id = id;
}
 
 
function Hide(id)
{
    document.getElementById('podmenu'+id).style.display = none;
}
 
</script>
 
<div class="mainMenu">
 
    <div id="menu1">
            <a href="java script:Show('1');">Menu 1</a>
            <div id="podmenu1">
                  Podmenu 1<br />
                  Podmenu 2 itd.
            </div>
    </div>
 
    <div id="menu2">
            <a href="java script:Show('2');">Menu 2</a>
            <div id="podmenu2">
                  Podmenu 1<br />
                  Podmenu 2 itd.
            </div>
    </div>
 
</div>
[HTML] pobierz, plaintext 

Oczywiście to tylko prototyp, którego nawet nie sprawdzałem. Chciałem jedynie przedstawić ogólny sposób rozwiązania problemu.

Ten post edytował wojtek.zielinski 18.06.2007, 22:24:13