Ancla html y htaccess

eXtreM3 #1 Feb '12

Buenas! Tengo desarrollada una web que funciona mediante scroll vertical y anclas, de manera que pinchando en los diferentes elementos del menú te lleva a una sección u otra de la web (todo está en el index)

Por otra parte, si accedo directamente a la web poniendo por ejemplo en la barra de direcciones

http://midominio.com/#quienes-somos , te lleva a la web con el contenido del ancla "quienes-somos" correctamente. Ahora viene mi pregunta: se puede quitar esa almohadilla con htaccess? De manera que si pones http://midominio.com/quienes-somos te mostrase lo mismo de como está ahora, que el ancla haga su función correctamente.

Thanks!

elkaoD #2 Feb '12

Nope, lo de la almohadilla es cosa del navegador así que si hay alguna forma de quitarlo es con JS.

eXtreM3 #3 Feb '12

Y con JS se puede?

1 respuesta

elkaoD #4 Feb '12

#3 así a bote pronto se me ocurre lo siguiente:

Con .htaccess haces que cualquier acceso a http://midominio.com/loquesea te lleve a http://midominio.com/
En JS parseas la URL http://midominio.com/loquesea y te quedas sólo con loquesea
Con JS (y esto no sé si se puede hacer pero supongo que sí) vas al anchor parseado (loquesea en este caso.)

EnZo #5 Feb '12

Se puede hacer mas o menos como dice elkaod. Pero al final la url se te queda con la almohadilla.

Usaria mod_rewrite para capturar loquesea

RewriteRule ^([A-Za-z0-9-]+)/?$ ?ancla=$1

Entonces esa variable la pondria parseada en javascript

<script>
location.href = './#<?php echo $_GET['ancla'];?>';
<script>

Es decir que para poder usar anclas tu url ha de llevar # porque es cosa del navegador. No puedes mostrar lo mismo que dom.com/ancla dom.com/#ancla
Al final tienes que redireccionar.

GreyShock #6 Feb '12

Y no se podría, pregunto, parsear la url y mover el scroll a la posición deseada con JS? es decir, sin usar un location.

2 respuestas

EnZo #7 Feb '12

#6 con scrollto de jquery sí, por ejemplo.

1 respuesta

elkaoD #8 Feb '12

#6 #7 pues a eso me refería en #4, parsear la URL y hacer scrollTo con jQuery (y obviamente, si se puede con jQuery se puede con JS a secas.)

eXtreM3 #9 Feb '12

Me he perdido xD, mañana seguramente hostee la web real ya terminada (si no mañana el lunes), si os parece bien la pongo por aquí para que echeis un vistazo y veamos sobre el ejemplo de verdad.

Ancla html y htaccess

Usuarios habituales

Tags