Obtener el nombre del documento HTML con javascript

unokpasabaxaki · #1 (**permalink**) 28/12/2007, 11:12

Hola. Estoy intentando hacer un script para cambiar de idioma. Lo he cogido de una página web. Lo que tengo son dos carpetas llamadas esp y ing, que tienen los mismos archivos, pero en los dos idiomas. Y en los documentos voy a poner esto:

Código HTML:

<form action="nada()" id="form1"> <!-- nada() no es ninguna función: el formulario no tiene submit. Lo que quiero es que se cambie al seleccionar el idioma -->
<select onchange="cambioidioma()" id="idioma">
<option selected value="esp">Español</option>
<option value="ing">Inglés</option>
</select>
</form>

Y éste es el script:

Código:

function cambioidioma() {
   var c=document.getElementById("idioma");
   var i=c.options.selectedIndex;
   if(i==-1) return; //esto no sé lo que significa: lo copie de la página en la que estaba
   var v=c.options[i].value;
   document.location.href='../'+v+'/'+d;
}

La variable d tiene que tener el nombre del documento HTML desde el que se ejecuta el script para cambiar de idioma.

Espero que alguien me pueda ayudar. Gracias por adelantado.

emiliodeg · #2 (**permalink**) 28/12/2007, 16:02

var pagina=/\/(.+)$/.test(location.href.value)
var d = pagina[1];

unokpasabaxaki · #3 (**permalink**) 28/12/2007, 18:54

Cita:

Iniciado por emiliodeg

var pagina=/\/(.+)$/.test(location.href.value)
var d = pagina[1];

Poniendo eso, d me devuelve "undefined".

derkenuke · #4 (**permalink**) 28/12/2007, 21:30

Hola unokpasabaxaki:

Técnicamente tu formulario es inaccesible. ¿Qué pasaría si tuvieramos javascript desactivado? No podríamos acceder a ningún idioma, ni siquiera podríamos entrar a la página, simplemente, porque no ocurriría nada al cambiar de opción en el select.

Lo normal sería enviar el formulario a una página PHP y en ella ver qué se ha enviado para redirigir a una página u otra.

Si aún así consideras que quieres hacerlo con javascript, te diría que colocases un par de links en HTML para salvar los problemas de accesibilidad, y que colocases un select, si es que te gusta tanto ese modo, para dirigir el flujo de idioma.

El action de tu <form> debe contener un documento, no una función javascript. Tampoco sabemos qué es lo que no te funciona específicamente. Te paso un ejemplo de cómo podría quedar:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>

<meta http-equiv="Content-type" content="text/html;charset=iso-8859-1" />

<meta name="Author" content="derkeNuke" />

<title>Página nueva</title>

</head>

 
<body>

 
 
<noscript>

    <ul>

        <li><a href="ing/index.php">Inglés</a></li>

        <li><a href="esp/index.php">Español</a></li>

    </ul>

</noscript>

 
<script type="text/javascript">

<!--

 
var str = "Seleccione idioma: <form action='esp/index.php'>"

    str+= "<select name='idioma' onchange='cambioIdioma(this)'>";

    str+= "<option value='0' selected='selected' style='color:#555;'>seleccione</option>";

    str+= "<option value='esp'>Español</option>";

    str+= "<option value='ing'>Inglés</option>";

    str+= "</select>";

    str+= "</form>";

document.write(str);

 
var d = "index.php";

function cambioIdioma(elSelect) {

    var v = elSelect.value;

    if( v!="0" ) window.location.href='../'+v+'/'+d;

}

 
// -->

</script>

 
</body>

</html>

Y un formulario sin botón de submit.. lo veo un poco mal, pero si asumimos desde un principio el javascript activado quizás podríamos dejarlo estar.

Bueno, pues así sería más o menos.
¿Qué duda tienes?

unokpasabaxaki · #5 (**permalink**) 29/12/2007, 11:37

Cita:

Iniciado por derkenuke

Técnicamente tu formulario es inaccesible. ¿Qué pasaría si tuvieramos javascript desactivado? No podríamos acceder a ningún idioma, ni siquiera podríamos entrar a la página, simplemente, porque no ocurriría nada al cambiar de opción en el select.

Lo normal sería enviar el formulario a una página PHP y en ella ver qué se ha enviado para redirigir a una página u otra.

Tienes razón. Ya me había dado cuenta de que habría que ponerlo en un elemento script, y los links en un noscript, pero no tenía el ordenador a mano para cambiarlo. Pero si de script ya sé poco, de PHP no tengo ni idea. ¿Alguien puede decirme alguna página donde haya un tutorial o algo? ¿O alguien sabe cómo obtener la variable d sin tener que recurrir a una página PHP?

derkenuke · #6 (**permalink**) 29/12/2007, 15:33

Hola de nuevo:

Cita:

Iniciado por unokpasabaxaki

La variable d tiene que tener el nombre del documento HTML desde el que se ejecuta el script para cambiar de idioma.

En la variable window.location.href tendrás la ruta absoluta del documento actual, si quieres únicamente el documento (nombre del archivo) puedes utilizar lastIndexOf("/") para encontrar la posición de la última barra. Así tenemos:

Código PHP:

  var rutaAbsoluta = self.location.href;        // http://asdas.asd/uno/dos/index.html

var posicionUltimaBarra = rutaAbsoluta.lastIndexOf("/");

var rutaRelativa = rutaAbsoluta.substring( posicionUltimaBarra + "/".length , rutaAbsoluta.length );       // index.html

alert(rutaRelativa);

Bueno, eso que alertamos, rutaRelativa, sería la variable d que estás buscando.

Lo que te decía emiliodeg, que se ha hecho un popurrí de propiedades y métodos, es:

Código:

var pagina = self.location.href.match( /\/([^/]+)$/ )[1];
alert( pagina );

match() sirve para encontrar incidencias de la expresión regular en la cadena que tenemos antes (self.location.href). Esa expresión regular busca una barra, un conjunto de caracteres y el final de la cadena, marcando entre paréntesis ese conjunto de caracteres (que es lo que buscamos). [0] sería para toda la indicencia ( /index.html ) y [1], [2], [3]... para los distintos elementos marcados entre paréntesis, en este caso buscamos [1].

Bueno, tienes esas dos opciones, pero no sé si me acaba de gustar que se muestren en un select, es poco accesible aunque tengan tus clientes javascript activado.

Un saludo

unokpasabaxaki · #7 (**permalink**) 02/01/2008, 06:21

Muchísimas gracias, derkenuke.

derkenuke · #8 (**permalink**) 02/01/2008, 06:40

De nada, para eso estamos