javascript – Mostrar contenido únicamente al interactuar con href

Tengo un código un poco rebuscado. La idea era hacer una estructura dinámica para una lista de x pack con z ejercicios.

La estructura y el código me funcionan muy bien, el problema que tengo es que el contenido lo tengo puesto directamente en el cuerpo y con un script cargo las imágenes y vídeos. Entonces cuando entro en la página me salen las imágenes y el vídeo sin contenido (obviamente).

Lo que me gustaría es que no salieran esas imágenes vacías ni ese reproductor de vídeo vacío.

He probado a utilizar <template> pero luego al seleccionar el ejercicio no me cargaba el contenido.

Éste es el código:

<div style="text-align:center">
            <img id="id-title" alt="" style="text-align:center">
        </div>
        <div style="text-align:center">
            <img class="img_ejercicios" id="id-imagen" alt="" >
            <img class="img_ejercicios" id="id-imagen2" alt="" >
        </div>
        <br>
        <div style="text-align:center">
            <video id="id-video" controls></video>
</div>

<script>
        var direccion = "";
        $("a(class='dropdown-item ejercicio')").each(function( index, element ) {
            $(this).click(function (){
            var temporal = $( this ).attr("href").split("#")(1) ;
            title = "../packs/" + temporal + "/title.png";
            direccion = "../packs/" + temporal + "/imagen1.png";
            direccion2 = "../packs/" + temporal + "/imagen2.png";
            video = "../packs/" + temporal + "/video.mp4";
                $("#id-title").attr("src", title).css({"width": "90%"});
                $("#id-imagen").attr("src", direccion).css({"width": "35%"});
                $("#id-imagen2").attr("src", direccion2).css({"width": "35%"});
                $("#id-video").attr("src", video);
            console.log(direccion);
          })

        });
</script>

array – ¿Cómo leer el contenido de un archivo, obteniendo su contenido como int en una matriz? (Java)

Buen dia, quiero leer un archivo, el contenido del archivo .txt es una matriz la cual solo esta separada por comas y saltos de linea, tal y como en la siguiente imagen

Estructura del contenido del .txt

Pero me gustaria que al momento de leer el archivo, su contenido se almacenara en una matriz de 4×4, tal y como se ve en la siguiente imagen

Estructura de la matriz ya leida

por ahora solo consigo leer y mostrar el contenido del archivo, he estado investigando bastante y veo que con funcion split se consigue separar el texto de manera que se le podria quitar las comas que contiene el archivo para que asi solo queden los numeros, mas sin embargo no tengo idea de como implementarlo en mi codigo de manera que se aloje en una matriz, lo que llevo de codigo es esto, y como repito solo consigo leer el contenido de la matriz, espero y alguien pueda ayudarme, de antemano gracias.

public static void main(String() args) {
    leerArchivo("eliminar.txt");//Ubicacion relativa del archivo
}

public static void leerArchivo(String ruta) {

    String dato;

    try {
        File archivo = new File(ruta);
        Scanner myReader = new Scanner(archivo);
        while (myReader.hasNextLine()) {
            dato = myReader.nextLine();
            System.out.println(dato);
        }
    } catch (FileNotFoundException e) {
        System.out.println("El archivo no existe");
    }

}

javascript – location.reload esta bloqueando descarga de contenido?

Tengo esta porcion de codigo que despues de un submit enviando una lista de registros seleccionados simplemente scrollea hacia arriba con un mensaje, el navegador espera una descarga de pdf generada del lado del servidor, cuestion que cuando hago un setTimeout y un reload de la pagina no se descarga nada, pero cuando comento ese setTimeOut funciona todo okey, el problema es que si o si necesito recargar la pagina para mostrarle al usuario los row que ya no estan disponibles en la lista

$("#btnGenerar").click(function (e) {
        if (confirm('¿Está seguro que desea generar los certificados para las solicitudes seleccionadas?')) {
            $('#hf-accion').val('generar');
            $("#CertificadoSemillas").submit();

            $('html, body').animate({ scrollTop: 0 }, 'slow');
            $('#divError').removeClass("alert-danger");
            $('#divError').removeClass("hide");
            $('#divError').text("Se han generado los certificados de manera exitosa");
            $('#divError').addClass("alert-success");
            
            setTimeout(function () {
            window.location.reload(1);
            }, 3000);
        }
    }); 

javascript – ¿Como mostrar un contenido las veces que un dato (length) tenga registrado?

Estoy desarrollando una pagina web que tiene unas tarjetas con información de un producto.
La informacion la obtengo de Firebase realtime Database.
La función es la siguiente:

function GetInfoProduct(){

  let PathTitleProduct1;

  PathTitleProduct1 = "/Productos/";

  firebase.database().ref(PathTitleProduct1).on('value', (snapshot) => {
    let DatagettedTitleProduct1 = '';
    if(snapshot.val()){
      DatagettedTitleProduct1 = snapshot.val();
      console.log(DatagettedTitleProduct1);
      let TitleProduct1 = document.getElementById('title_product_1');
      TitleProduct1.innerHTML = DatagettedTitleProduct1;
    }
  })

}

La funcion anterior me muestra en consola un resultado de tipo Objeto y me muestra la longitud que tiene este, me muestra que tiene una longitud de 3 valores y dentro de esos 3 valores tiene mas datos.
Lo que quiero saber es como puedo hacer que dependiendo a la longitud del objeto me muestre tantas tarjetas es decir si tengo 3 de logitud que se muestren 3 tarjetas aunque en el html solo tenga registrada una tarjeta y que en cada tarjeta la informacion sea dependiendo a la que se obtiene. el codigo html de una tarjeta es la siguiente.

                    <div class="product_card">

                        <img loading="lazy" src="https://www...exemplo.png" alt="ejemplo">

                        <p id="title_product_1"></p>

                        <p id="subtitle_product_1"></p>

                        <div class="variaciones">

                            <p id="variations_title">Variaciones</p>

                            <p id="v1"></p>

                            <p id="v1"></p>

                            <br>

                        </div>

                        <div class="SizeAndPrice">

                            <p id="SaPtitle">Tamaños y Precios</p>

                            <div class="size">

                                <p id="sizep">Individual</p>
                                <p id="sizep">Pareja</p>
                                <p id="sizep">Familiar</p>

                            </div>

                            <div class="price">

                                <p id="pricep"></p>
                                <p id="pricep"></p>
                                <p id="pricep"></p>

                            </div>                        

                        </div>

                        <div class="btn_buy">

                            <p>Agregar al Carrito</p>                                

                        </div>

                    </div>                    
                    
                </div>

html – Como cambiar el contenido de un contenedor con un navbar

He hecho una pequeña pagina en php y html, he incluido un navbar y un wrapper. Mi idea es la siguiente, me gustaría que al presionar un un boton del navbar o wrapper se cambiara el contenido del contenedor. He probado a hacer div, cada botón tiene su href y lo he utilizado de id en los div pero me salen uno debajo de otro y yo quiero que solo salga uno y al presionar se quite uno y se ponga el otro. Os dejo el código para que veas mas o menos como esta la cosa.

<!-- Sidebar -->
<div class="bg-light border-right" id="sidebar-wrapper">
  <div class="sidebar-heading">Panel de usuario </div>
  <div class="list-group list-group-flush">
    <a href="#Shop" class="list-group-item list-group-item-action bg-light">Tienda</a>
    <a href="#Profile" class="list-group-item list-group-item-action bg-light">Perfil</a>
    <a href="#Contact" class="list-group-item list-group-item-action bg-light">Contacta</a>
  </div>
</div>
  
<!-- /#sidebar-wrapper -->

<!-- Page Content -->
<div id="page-content-wrapper">
    

  <nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
    <button class="btn btn-primary" id="menu-toggle">Menu</button>

    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto mt-2 mt-lg-0">
        <li class="nav-item active">
          <a class="nav-link" href="../index.html">Inicio <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">       
          <a class="nav-link" href="logout.php">Cerrar Sesion</a>
        </li>
      </ul>
    </div>
      
  </nav>
<div>
    <div id="Shop">
          <img src="../img/carlos1.png" alt="">

    </div>
    <div id="Contact">

          <img src="../img/carlos2.png" alt="">
    </div>       
</div>
</div>
  
<!-- /#page-content-wrapper -->

Lo que me gustaría es que se mostrara una imagen al presionar en shop y la otra al presionar en contacta

c# – ¿Como puedo hacer un DockPanel que tiene una cierta cantidad de botones que al presionar cambien el contenido?

¡Gracias por contribuir en StackOverflow en español con una respuesta!

  • Por favor, asegúrate de responder a la pregunta. ¡Proporciona información y comparte tu investigación!

Pero evita

  • Pedir ayuda o aclaraciones, o responder a otras respuestas.
  • Hacer declaraciones basadas en opiniones; asegúrate de respaldarlas con referencias o con tu propia experiencia personal.

Para obtener más información, consulta nuestros consejos sobre cómo escribir grandes respuestas.

html – ¿Como mostrar el contenido de un dato en especifico con php desde mysql?

Estoy haciendo un sistema para notificaciones de bienvenida que se suben a una base de datos: txt_parrafo
Entonces lo que quiero hacer es que en mi pagina principal se muestre el texto con el id mas alto registrado en mi base de datos Ejemplo:

|id|Texto |
|1 |Bienvenido a esta pagina web|
|2 |Nuevo Producto: “” |
|3 |No olvides …. |

Entonces les muestro mi codigo y le explico como funciona

Un ejemplo de lo que quiero hacer.

<?php

$host = "localhost";
$user = "root";
$password = "";
$db = "despacho_edit_website_admin";

$table_user = "users";
$table_txt = "txt_parrafo";

$conexion = mysqli_connect($host,$user,$password,$db); //<-- Conectamos con la base de datos.//

$queryText = "SELECT Texto from txt_parrafo order by id desc limit 1"; //<-- Escribo la busqueda que voy a realizar, Segun yo aqui estoy diciendo que quiero la columna Texto de la fila con el id mas alto,//

$resultado = mysqli_query($conexion,$queryText); //<--- y aqui obtengo el resultado de la busqueda.//


//Entonces Aquí ya no se que hacer para mostrar el texto que se encuentra en la base de datos.//

?>


<div class="txtnotification">

            <?php
                echo '<p>'.$resultado.'</p>';
            ?>

</div>

Aqui es cuando ya no se que hacer osea como lo muestro por que si coloco dentro de las etiquetas

la variable .$resultado. no aparece nada.
Espero me puedan decir que estoy haciendo mal o como arreglarlo