[SOLUCIONADO] Php y anclas

[rasmatik]

Hola Gente! tengo un problema!!!

Estoy haciendo una web bastante basica, donde me desplazo con anclas entre las diferentes opciones del menu.

El problema es que una de las opciones es "PORTFOLIO" y en esa parte de la web tengo un submenu que utiliza PHP para mostras las diferentes opciones:

Código:

<table width="1100" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="265" valign="top" id="menu_portfolio">
          <a href="index.php?categoria=grafico">DISEÑO GRÁFICO</a><br>
          <a href="index.php?categoria=web">DISEÑO WEB</a><br>
          <a href="index.php?categoria=3d">MODELADO Y ANIMACIÓN 3D</a><br>
          <a href="index.php?categoria=ilustraciones">ILUSTRACIONES DIGITALES</a>
      </td>
      <td width="15">&nbsp;</td>
      <td width="820" align="center" valign="top">
<?php
$categoria = isset( $_GET['categoria'])?
			$_GET['categoria'] : 'grafico';

switch( $categoria ){
	
case 'grafico': include('portfolio/grafico.php'); break;
case 'web': include('portfolio/web.php'); break;
case '3d': include('portfolio/3d.php'); break;
case 'ilustraciones': include('portfolio/ilustraciones.php'); break;

default: include('portfolio/grafico.php'); break;

}
?>
      </td>
    </tr>
  </table>

ahora, mi problema es que al hacer click en cualquier opcion del submenu pierdo la ubicacion de la web, pierdo el ancla. Osea, hace que la web se vea desde el principio en vez quedarse anclada en la parte de portfolio. La pregunta es como hacer que al apretar un link no me cambie la posicion de la web.

se entiende la duda?

Espero sus respuestas!


gracias!


Deni

[caricatos]

Hola:

Habría que ver como son esos enlaces... ¿No estarás usando el típico href="#"...?

Saludos

[rasmatik]

Ya resolví el problema!!!!

yo estaba llamando a un PHP exterior que no contenia ningun ancla, entonces no funcionaba.

use un codigo JQUERY AJAX para logralo:

Código:

<script type="text/javascript">
		$(document).ready(function(){
		   $("#ancla1").click(function(){
		   	$('#div_donde_se_carga').load('page1.html');
		     //alert("Thanks for visiting!");
		   }); 
 
		   $("#ancla2").click(function(){
		   	$('#div_donde_se_carga').load('page2.html');
		     //alert("Thanks for visiting!");
		   });
		 });
	</script>

Espero que les sirva!


LA SAQUE DE ACÁ LA SOLUCIÓN:
http://www.programcreek.com/2010/01/use-jquery-ajax-to-load-static-html-page-to-a-div-tag/