Tag: pagina

pagina multilenguaje

Estoy tratando de realizar una pagina multilenguaje, tengo el problema que la ruta es post, solo he logrado hacerlo por el metodo get pero como paso contraseñas por ese formulario no puedo mandarlo por get.

les comparto el codigo

Estas son las rutas que utilizo aca lo cambie por any para que aqcepte cualquier metodo pero al hacer eso me manda este error

La página localhost te ha redirigido demasiadas veces. Borrar las cookies. ERR_TOO_MANY_REDIRECTS

Route::group(['middleware' => ['web']], function () {   Route::any('/welcome', 'Controller@welcome');  Route::any('lang/{lang}', function ($  lang) {     session(['lang' => $  lang]);     return \Redirect::back(); })->where([     'lang' => 'en|es' ]);

});

este es el middleware

 public function handle($  request, Closure $  next) {      if (!empty(session('lang'))) {         \App::setLocale(session('lang'));     }     return $  next($  request); }

y los enlaces con los cuales llamo la ruta

        <li><a href="lang/fr" class="linkfr" value="fr">French</a></li>            <li><a href="lang/es" id="linkes"  value="es">Spanish</a></li>

Cargar pagina, con vídeo pausado en BOOTSTRAP

Estoy haciendo una página web mediante angular y bootstrap. El problema es que al cargar un video mediante un iframe, el video se inicia y con sonido. lo cual es muy molesto.

Cómo puedo configurar los parámetros?

<div class="embed-responsive embed-responsive-16by9 wow fadeInRight">    <iframe class="embed-responsive-item" src="../../../assets/img/alfarim.mp4"</iframe> </div>

Footer ubicado solo en la parte inferior de la página sin espacios de alto y ancho en asp.net

Estoy creando una app en ASP.NET y para acomodar el footer abajo se me esta complicando al igual que poner el ancho del 100% de la página, cosa que no se quiere aplicar y se mantiene centrada, por cierto estoy usando libreria de estilos de Bootstrap. Este es el código html / aspx del footer de la página maestra:

<footer class="page-footer font-small bg-dark" style="padding: 0; margin: 0; width: 100%; bottom: 0;">                 <!-- Footer Links -->                 <div class="container-fluid text-center text-md-left">                     <!-- Grid row -->                     <div class="row">                         <!-- Grid column -->                         <div class="col-md-6 mt-md-0 mt-3">                             <!-- Content -->                             <h3 style="color: white;">Acerca de Nosotros</h3>                             <p class="lead" style="color: white;">Texto</p>                             <p style="color: white;">Esta es nuestra ubicación</p>                             <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3965.716385745309!2d-75.57092518517804!3d6.300947927458416!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e442f25d6670d4d%3A0x8043999e5e767b96!2sSENA%20-%20Centro%20de%20Tecnolog%C3%ADa%20de%20la%20Manufactura%20Avanzada!5e0!3m2!1ses!2sco!4v1570754942399!5m2!1ses!2sco" width="400" height="100" style="border: 0;"></iframe>                         </div>                         <!-- Grid column -->                         <hr class="clearfix w-100 d-md-none pb-3">                         <!-- Grid column -->                         <div class="col-md-3 mb-md-0 mb-3">                             <!-- Links -->                             <p class="lead" style="color: white;">¿Necesitas ayuda?</p>                             <ul class="list-unstyled">                                 <li>                                     <a style="color: white;">Contactenos</a>                                 </li>                             </ul>                         </div>                         <!-- Grid column -->                     </div>                     <!-- Grid row -->                 </div>                 <!-- Copyright -->                 <div class="footer-copyright text-center py-1 blue" style="color: white;">© 2019 Derechos Reservados de Jose Quintero</div>             </footer>

Todo el contenido de mi pagina dentro de un div

tengo una duda, es considerada una mala practica o afecta de alguna forma que todo mi sitio web este contenido dentro una etiqueta div? por citar un ejemplo de etiqueta,ya que estoy maquetando un pagina y sin darme cuenta coloque todo dentro de un div, el tema es que la pagina funciona correctamente, todo esta como yo quiero, pero tengo la duda de si es aconsejable. Gracias.

Poner un icono en pestaña de página

Estoy haciendo una página web en jsp pero estoy teniendo problemas para personalizar el ícono que va junto al título de la página. Lo que pasa es que cuando inicio la página desde el NetBeans el ícono se carga bien, pero al actualizar la página o ir a otra página del sitio que estoy desarrollando el ícono desaparece. Así aparece al cargar el sitio:

introducir la descripción de la imagen aquí

Así despues de recargar la página:

introducir la descripción de la imagen aquí

He buscado mucho tratando de averiguar porque ocurre eso, pero no he econtrado solución. Les adjunto el código de la página de inicio de mi sitio:

`

<%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html>     <head>         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">         <link rel="shortcut icon" href="../images/logo_mini.png" type="image/gif" />         <meta name="viewport" content="width=device-width,initial-scale=1.0">         <link rel="stylesheet" href="./css/bootstrap.min.css">     <link rel="stylesheet" href="./css/main.css">         <link rel="stylesheet" type="text/css" href="../estilos/inicio.css">            <script src="../scripts/index.js" type="text/javascript"></script>         <title>Bolsa de trabajo</title>     </head>     <body>         <div class="container-fluid">             <div class="row encabezado division-principal">                 <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 col-md-offset-1 col-lg-offset-1">                     <center><img src="../images/Logo2.png" class="logo"></center>                 </div>                 <div class="col-xs-12 col-sm-6 col-md-4 col-md-offset-2 col-lg-offset-3">                     <div class="row">                         <a href="registro_aspirantes.jsp">                             <div class="col-xs-6 col-sm-6 col-md-6"><div class="boton">Aspirantes</div></div>                         </a>                         <a href="registro_empresas.jsp">                             <div class="col-xs-6 col-sm-6 col-md-6"><div class="boton">Empresas</div></div>                         </a>                     </div>                     <div class="row division">                         Visita nuestras redes sociales                     </div>                     <div class="row">                         <div id="iconos" class=col-xs-12">                             <center>                                 <a href="#"><img src="../images/Facebook(2).png" class="icono-social"></a>                                 <a href="#"><img src="../images/Twitter(2).png" class="icono-social"></a>                                 <a href="#"><img src="../images/Instagram(2).png" class="icono-social"></a>                                 <a href="#"><img src="../images/Linkedin(2).png" class="icono-social"></a>                                 <a href="#"><img src="../images/Tumblr(2).png" class="icono-social"></a>                                 <a href="#"><img src="../images/YouTube(2).png" class="icono-social"></a>                                 <a href="#"><img src="../images/Correo(2).png" class="icono-social"></a>                             </center>                         </div>                     </div>                               </div>             </div>             <br>             <div class="row">                 <div class="col-xs-12 col-sm-6 col-lg-4 col-sm-offset-3 col-lg-offset-4">                     <div class="formulario">                         <h2>Iniciar sesión</h2>                         <form action="">                              <div class="grupo-campo">                                 <input type="text" name="usuario" class="campo" required="">                                 <label>Nombre de usuario</label>                                </div>                                                       <div class="grupo-campo" >                                 <input type="password" name="clave" class="campo" required="">                                 <label>Contraseña</label>                             </div>                             <input type="submit" value="Iniciar sesión" class="boton">                         </form>                         <br>                         ¿Olvidaste tu contraseña? <a href="" class="enlaces">Haz click aquí</a><br>                         ¿No te has registrado? <a href="registro.jsp" class="enlaces">Crea una cuenta nueva</a><br><br>                         ¿Tienes alguna pregunta? <a href="" class="enlaces">Envíanos un correo</a>                     </div>                 </div>             </div>         </div>         <!--jquery de Bootstrap-->         <script src="https://code.jquery.com/jquery.js"></script>         <script src="js/bootstrap.min.js"></script>     </body> </html>

`

Suma de Columnas de una tabla y Mostrar al cargar la Pagina

Buen dia. Estoy tratando de sumar el puntaje de las siguientes columnas : Equipo Rojo,Equipo Amarillo y Equipo Turqueza y mostrar en los label correspondiente al cargar la pagina. Tabla

La data se obtiene desde una base de datos en MYSQL y se muestra en la Pagina en JSP. Este es mi codigo en JSP.

 <div class="table-responsive-vertical">      <div id="Contadores">          <label>Puntaje Rojo</label>          <label>0</label>          <label>Puntaje Amarillo</label>          <label>0</label>          <label>Puntaje Turqueza</label>          <label>0</label>       </div>         <table class="table table-bordered table-striped table-hover table-mc-light-blue">             <thead>                 <tr>                     <th>Disciplina</th>                     <th>Categoria</th>                     <th>Genero</th>                     <th style="background-color: red">Equipo Rojo</th>                     <th style="background-color: yellow">Equipo Amarillo</th>                     <th style="background-color: turquoise">Puntaje Turqueza</th>                 </tr>             </thead>             <tbody>                 <%                 for (int i=0; i < v.size();i++){                     puntaje p = (puntaje)v.elementAt(i);                  %>                 <tr>                     <td data-title="Disciplina"><%=p.getNombredeporte()%></td>                     <td data-title="Categoria"><%=p.getCategoria() %></td>                     <td data-title="Genero"><%=p.getGenero() %></td>                     <td data-title="Puntaje"><%=p.getPuntajer() %></td>                     <td data-title="Puntaje"><%=p.getPuntajea() %></td>                     <td data-title="Puntaje"><%=p.getPuntajet() %></td>                 </tr>                <%                }                %>             </tbody>         </table>     </div>

estoy tratando de realizar con una funcion en javascript y que el resultado se muestre al cargar la pagina. gracias.

Como cambio el valor de una varible a través de un botón sin actualizar la pagina

var municion  = 99;     document.write(municion);   do{     function pulsarboton(municion = municion--){     } pulsarboton(); }while(municion = 0);
<!DOCTYPE html> <html lang="es"> <head>     <meta charset="UTF-8">     <title>Document</title>     <link rel="stylesheet" href="style.css">     <script src="script.js" language="javascript" type="text/javascript"></script> </head> <body>     <input id="boton" type="button" value="Resta 1" onclick="pulsarboton()"> </body> </html>

Necesito ayuda. Tengo un valor predefinido que muestro en pantalla a través de un document.write y me gustaría que al pulsar un botón me reste 1. Este es mi código. pd: Soy principiante

Actualizar DIV sin recargar pagina javascript

Hola soy nuevo en javascript y estoy en un proyecto de la escuela, el cual me piden cargar la información en un segmento de la pagina pero sin que la pagina recargue o cambie de pagina.

He buscado que se puede hacer con ajax, pero el caso es que el profesor quiere las funciones solo en javascript, no jquery ni ajax.

Alguna ayuda que me puedan brinda o ejemplo para guiarme y partir de ahí para crear lo demás, seria de mucha ayuda.gracias