menu dinâmico
Eu queria fazer um menu igual a este https://www.facebook.com/help/292105707596942/, eu consegui fazer tudo de boa, até a parte da movimentação para os sub-menus, mas agora eu quero que ao acessar uma categoria de um sub-menu você seja redirecionado para uma pagina e que a sub-categoria que você acessou seja a principal do menu, ex: se você está na home https://www.facebook.com/help/ você vê primeiro os tópicos principais, agora se você acessa https://www.facebook.com/help/345121355559712/, o menu principal está inicialmente em Home > Começando a usar o Facebook > Cadastro, eu fiz o meu +/- assim:
<ul class="_cp1">
<?php
$cp_default_links_query = mysql_query("SELECT * FROM `cp_help_topics` WHERE `cp_topic_idioma`='".mysql_real_escape_string($Texto['cp_idioma_str_name'])."'") or die(mysql_error());
if(mysql_num_rows($cp_default_links_query)):
while($cp_data_topic = mysql_fetch_array($cp_default_links_query)):
if($cp_data_topic['cp_topico_sub'] == 0):
?>
<li id="<?=$cp_data_topic['cp_topic_id']?>">
<?php
$cp_default_links_query_2 = mysql_query("SELECT * FROM `cp_help_topics` WHERE `cp_topico_sub`='".mysql_real_escape_string($cp_data_topic['cp_topic_id'])."'") or die(mysql_error());
if(mysql_num_rows($cp_default_links_query_2)):
?>
<a href='#><?=str_replace(cp_system_name,' $Texto['Rede-Social-Nome'], $cp_data_topic['cp_topic_name']);?> <div id="_cp_ul_li_image_more"><i class="icon-chevron-right"></i></div></a>
<ul class="_cp2" id="ul_<?=$cp_data_topic['cp_topic_id']?>">
<?php
while($cp_default_links_query_3 = mysql_fetch_array($cp_default_links_query_2)):
?>
<li id="<?=$cp_default_links_query_3['cp_topic_id']?>">
<?php
$cp_default_links_query_4 = mysql_query("SELECT * FROM `cp_help_topics` WHERE `cp_topico_sub`='".mysql_real_escape_string($cp_default_links_query_3['cp_topic_id'])."'") or die(mysql_error());
if(mysql_num_rows($cp_default_links_query_4)):
?>
<a href="#"><?=str_replace("cp_system_name", $Texto['Rede-Social-Nome'], $cp_default_links_query_3['cp_topic_name']);?> <div id="_cp_ul_li_image_more"><i class="icon-chevron-right"></i></div></a>
<ul class="_cp3" id="ul_<?=$cp_default_links_query_3['cp_topic_id']?>">
<?php
while($cp_default_links_query_5 = mysql_fetch_array($cp_default_links_query_4)):
?>
<li id="<?=$cp_default_links_query_5['cp_topic_id']?>">
<a href="<?=cp_str_url("Ajuda/".$cp_default_links_query_5['cp_topic_codigo']."/")?>"><?=str_replace("cp_system_name", $Texto['Rede-Social-Nome'], $cp_default_links_query_5['cp_topic_name']);?></a>
</li>
<?php
endwhile;
?>
<li class="_cb_back2">
<a href="#"><?=$Texto['cp_ajuda_index'][2]?> <div id="_cp_ul_li_image_more"><i class="icon-chevron-left"></i></div></a>
</li>
</ul>
<?php
else:
?>
<a href="<?=cp_str_url("Ajuda/".$cp_default_links_query_3['cp_topic_codigo']."/")?>"><?=str_replace("cp_system_name", $Texto['Rede-Social-Nome'], $cp_default_links_query_3['cp_topic_name']);?></a>
<?php
endif;
?>
</li>
<?php
endwhile;
?>
<li class="_cb_back1">
<a href="#"><?=$Texto['cp_ajuda_index'][2]?> <div id="_cp_ul_li_image_more"><i class="icon-chevron-left"></i></div></a>
</li>
</ul>
<?php
else:
?>
<a href="<?=cp_str_url("Ajuda/".$cp_data_topic['cp_topic_codigo']."/")?>"><?=str_replace("cp_system_name", $Texto['Rede-Social-Nome'], $cp_data_topic['cp_topic_name']);?></a>
<?php
endif;
?>
</li>
<?php
endif;
endwhile;
endif;
?>
</ul>
e no script:
$("div#_cp_help_page_content div#_cp_help_page_left_content ul._cp1 li ul._cp2 li ul._cp3").parent("li").click(function(event){
event.preventDefault(); event.stopPropagation();
$("div#_cp_help_page_content div#_cp_help_page_left_content ul li ul._cp3").css("display", "none");
$("div#_cp_help_page_content div#_cp_help_page_left_content ul li ul._cp3#ul_"+$(this).attr("id")).css("display", "block");
$("div#_cp_help_page_left_content ul._cp1").animate({left: "-522"}, 250);
});
$("div#_cp_help_page_content div#_cp_help_page_left_content ul._cp1 li ul._cp2").parent("li").click(function(event){
event.preventDefault(); event.stopPropagation();
$("div#_cp_help_page_content div#_cp_help_page_left_content ul li ul._cp2").css("display", "none");
$("div#_cp_help_page_content div#_cp_help_page_left_content ul li ul._cp2#ul_"+$(this).attr("id")).css("display", "block");
$("div#_cp_help_page_left_content ul._cp1").animate({left: "-261"}, 250);
});
$("div#_cp_help_page_content div#_cp_help_page_left_content ul._cp1 li._cb_back2").click(function(event){
event.preventDefault(); event.stopPropagation();
$("div#_cp_help_page_left_content ul._cp1").animate({left: "-261"}, 250, function(){ $("div#_cp_help_page_content div#_cp_help_page_left_content ul li ul._cp3").css("display", "none"); });
});
$("div#_cp_help_page_content div#_cp_help_page_left_content ul._cp1 li._cb_back1").click(function(event){
event.preventDefault(); event.stopPropagation();
$("div#_cp_help_page_left_content ul._cp1").animate({left: "0"}, 250, function(){ $("div#_cp_help_page_content div#_cp_help_page_left_content ul li ul._cp2").css("display", "none"); });
});Discussão (2)
Carregando comentários...