HTML - Variables por URL (Ayuda novata)

Pos: 86

Val: 14

Variables por URL (Ayuda novata)

Publicado por Patricia (6 intervenciones) el 10/04/2020 15:42:09

Buenos días, ruego ayuda, estoy empezando y necesito hacer algo entiendo que bastante sencillo, me explico:

Tengo un html que muestra varias imágenes llamemoslo 1.html, dependiendo de la imagen que se seleccione lanzaré otro llamado 2.html en ese segundo html necesito saber tratar la variable que me ha llegado por url para a traves de ella definir la url del vídeo que necesito mostrar.

He investigado bastante y he revisado bastantes códigos pero no consigo hacerlo funcionar, intuyo que es algo sencillo y me podrán ayudar.

Lo único que necesito es la parte de tratar la variable de la url para a partir de ella lanzar un video u otro en el body del html.

Muchas gracias.

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 1

Val: 1.453

Variables por URL (Ayuda novata)

Publicado por joel (460 intervenciones) el 10/04/2020 18:44:29

Hola Patricia, eso con HTML no puedes hacerlo, tienes que utilizar algún lenguaje del lado del servidor como PHP, Python, C#, ... o javascript desde el mismo navegador.

Como piensas hacerlo?

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Pos: 86

Val: 14

Variables por URL (Ayuda novata)

Publicado por Patricia (6 intervenciones) el 10/04/2020 18:56:46

Hola Joel!

La idea es hacerlo con Javascript, gracias por tu ayuda.

Valora esta respuesta

Comentar

Pos: 1

Val: 1.453

Variables por URL (Ayuda novata)

Publicado por joel (460 intervenciones) el 11/04/2020 08:55:30

Aquí tienes como hacerlo con JavaScript: https://www.lawebdelprogramador.com/codigo/JavaScript/2529-Obtener-las-variables-pasadas-por-la-url-en-javascript.html

Valora esta respuesta

Comentar

Pos: 86

Val: 14

Variables por URL (Ayuda novata)

Publicado por Patricia (6 intervenciones) el 11/04/2020 14:14:52

Hola de nuevo y gracias por la ayuda, esta parte del desarrollo ya la tengo, lo que necesito concretamente tal y como indicaba en el mensaje inicial:

"Lo único que necesito es la parte de tratar la variable de la url para a partir de ella lanzar un video u otro en el body del html."

O sea una vez recogidas las variables en javascript como puedo hacer uso de ellas para componer la url del video en HTML?

<video width=1280  height=720 controls autoplay muted="muted">

    <source src="Rutavideo\variable URL">

</video>

Valora esta respuesta

Comentar

Pos: 1

Val: 1.453

Variables por URL (Ayuda novata)

Publicado por joel (460 intervenciones) el 11/04/2020 19:58:02

Disculpa Patricia, no te entendí bien...

Haber si te sirve esta manera... creas el elemento <source> y lo añades al <video>:

<video width=1280  height=720 controls autoplay muted="muted" id="mivideo">

</video>

<script>

url="direccionUrl";

miVideo=document.getElementById("mivideo");

newSource=document.createElement("source");

newSource.src="Rutavideo/"+url;

miVideo.appendChild(newSource);

</script>

Te sirve?

Valora esta respuesta

Comentar

Pos: 86

Val: 14

Variables por URL (Ayuda novata)

Publicado por Patricia (6 intervenciones) el 12/04/2020 11:41:01

De nuevo muchas gracias por la ayuda Joel, la verdad es que no consigo hacerlo funcionar, tengo dos problemas, el primero probablemente es de donde incluir las sentencias en el código, puede que la parte de la carga del video deba hacerla en otra parte del HTML.

El segundo problema es que si hago referencia al primer valor del array me devuelve "undefined", no acabo de entender por qué. Seguro que son cosas muy tontas, de nuevo disculpas. Voy a copiar ejemplo código directamente aunque me gustaría aprender a usar las variables de url para poder hacer más cosas.

<html>

<head>

<meta charset="UTF-8" />

 <script>

    function getGET()

        // capturamos la url

        var loc = document.location.href;

        // si existe el interrogante

        if(loc.indexOf('?')>0)

            // cogemos la parte de la url que hay despues del interrogante

            var getString = loc.split('?')[1];

            // obtenemos un array con cada clave=valor

            var GET = getString.split('&');

            var get = {};

            // recorremos todo el array de valores

            for(var i = 0, l = GET.length; i < l; i++){

                var tmp = GET[i].split('=');

                get[tmp[0]] = unescape(decodeURI(tmp[1]));

            return get;

  window.onload = function()

        // Cogemos los valores pasados por get

        var valores=getGET();

        alert(valores[0]) -> porqué valores[0] me devuelve undefined?? La URL recibe la variable correctamente

	miVideo=document.getElementById("mivideo");

	newSource=document.createElement("source");

	newSource.src="Ruta"+valores[0];

	miVideo.appendChild(newSource);

</script>

<style>

</style>

<base target="_blank" />

</head>

<body>

<center>

<div class="thead">

<h1>Prueba</h1>

</div>

<hr>

<video width=1280  height=720 controls autoplay muted="muted" id="mivideo">

</video>

<table>

<div class="tb2"></div>

<div class="tb2">Prueba2</div>

</table>

</div>

</center>

</body>

</html>

Valora esta respuesta

Comentar

Pos: 1

Val: 1.453

Variables por URL (Ayuda novata)

Publicado por joel (460 intervenciones) el 12/04/2020 13:25:12

la función getGET() devuelve un objeto con clave:valor... por ejemplo, si la url es así:
archivo.html?a=b

tienes que hacer referencia así:
valores["a"]

poniendo siempre el nombre de la variable recibida

Valora esta respuesta

Comentar

Pos: 86

Val: 14

Variables por URL (Ayuda novata)

Publicado por Patricia (6 intervenciones) el 13/04/2020 14:41:33

Buenos días Joel, la verdad es que me ha servido de mucha ayuda y aunque no estoy usando exactamente este código si que he aprendido mucho y me esta sirviendo para ir avanzando, ya obtengo parámetros de la URL y realizo todas las acciones que necesitaba.

Me queda una última duda, ¿Es posible hacer una carga dinámica de imágenes dependiendo de una variable recibida?

Esto es, si me llega como parámetro que cargue 5 imágenes, solo cargar 5, esto entiendo que es cambiar un poco mi esquema actual y no se si es posible hacerlo dado que aunque manipulo los atributos de la imagen sin problemas, al final siempre las predefino en la parte del HTML y por ello siempre hay una carga "fija" del número de imágenes en pantalla y no dinámica como me gustaría.

Saludos y de nuevo muchas gracias.

Valora esta respuesta

Comentar

Pos: 1

Val: 1.453

Variables por URL (Ayuda novata)

Publicado por joel (460 intervenciones) el 13/04/2020 20:20:02

Si, si, por supuesto que es posible... no se como piensas hacerlo, pero puedes hacer un simple bucle para ir cangando las imágenes.

Valora esta respuesta

Comentar

Pos: 86

Val: 14

Variables por URL (Ayuda novata)

Publicado por Patricia (6 intervenciones) el 14/04/2020 11:27:13

Cierto Joel, ya lo tengo implementado, disculpa estoy aprendiendo y no sabía del uso de la instrucción document.write con la que puede "escribir" líneas de código de forma dinámica en el html, ya imagino que es algo básico pero ya digo, voy aprendiendo.

Valora esta respuesta

Comentar

Pos: 1

Val: 1.453

Variables por URL (Ayuda novata)

Publicado por joel (460 intervenciones) el 14/04/2020 21:08:19

Poco a poco Patricia... nadie a nacido sabiéndolo... lo bueno es que vayas avanzando poco a poco

A medida que vayas teniendo dudas, intentaremos solucionarlas...

Que pases un buen día!!!

Valora esta respuesta

Comentar

Escribo el código html, pero cuando lo abro con google no me muestra nada en la página

Enlaces que no funcionan