Change content on a page based on the one that called you

Question

Change content on a page based on the one that called you

Navigation

#1 by (0 votes)

1

I have a index.html file with multiple tags <a> o href of all of them point to the same file, detalhe.html . In this file detalhe.html I have tags of <image> , <ul><li> , <iframe> , <h3> , etc.

The point is that the content of these tags must be dynamic, ie depending on which <a> tag of the index.html file has been clicked, the content of detalhe.html must be different. Imagine a list of movies, clicking on each movie opens the file detalhe.html that contains the details of that movie (Genre, Duration, Director, Trailer, etc.).

I know that to modify an element the path is getElementById but how to do this based on the <a> tag that called the HTML file?

javascript html5

asked by anonymous 19.08.2018 / 15:15

1 answer

How to insert a line in a graph of gnuplot py? CSS Grid Layout - Browser Compatibility

score 0 · Accepted Answer

Solution:

var img_capa;
var h2_titulo;
var li_lancamento;
var li_duracao;
var li_direcao;
var li_gerero;
var p_sinopse;
var iframe_video;

if (typeof window.location.hash != "undefined" && window.location.hash == "#logan"){
    img_capa = "img/logan.jpg";
    h2_titulo = "Logan";
    li_lancamento = "2017";
    li_duracao = "2h: 17min";
    li_direcao = "James";
    li_gerero = "Ação";
    p_sinopse = "Em 2024, os mutantes estão em franco declínio, e as pessoas não sabem o real motivo. Uma organização está transformando as crianças mutantes em verdadeiras assassinas. Wolverine, cansado de tudo e a pedido de um cada vez mais enfraquecido Professor Xavier, precisa proteger a jovem e poderosa Laura Kinney, conhecida como X-23. Enquanto isso, o vilão Nathaniel Essex amplia seu projeto de destruição."
    iframe_video = "https://www.youtube.com/embed/RWSuAC9CYxo"
}

document.getElementById("capa").src = img_capa;

In the example I'm just changing the image of the <img> tag, but the beginning for the other tags is the same. For other films, just create the else if clauses for the other movies.

The fragment that the colleague refers to in the comment is passed this way:

<a href="detalhe.html#logan" class="btn btn-danger" role="button">Detalhes</a>