Javascript – Mostrar un div sólo en landscape

Tengo un problema con mi script.

Estoy mostrando un div oculto #alert cuando #total=0, y lo que estoy buscando es que #alert SÓLO se muestre cuando la pantalla está en landscape. (Ver CSS).

El problema es que aunque en el CSS hay un @media screen el script lo ignora y siempre me muestra el div #alert a cualquier resolución de pantalla y en cualquier orientación, y la verdad es que no sé solucionarlo correctamente.

¿Cuál es el fragmento del script que debería agregar para evaluar si la pantalla está sólo en horizontal y hasta 999px ántes de mostrar el div #alert para un #total=0 …?

Ver DEMO en línea ( JSFiddle ).

Gracias por adelantado.

$  (document).ready(function() {   function manageRegalo() {      var totalStorage = Number(localStorage.getItem("total"));     var total = parseFloat($  ("#total").val());      if (totalStorage != null && total === 0) {       total = totalStorage;     }      if (total > 99.99 && total < 299.99) {       console.log("PASS");       $  ('#regalo').show();       $  ('#alert').hide();        if (localStorage.getItem('suppress_gift_tooltip_1') == null) {         $  ('.tooltip').show();         window.setTimeout(function() {           $  ('.tooltip').fadeOut('slow');         }, 2000);          //--------------------          if (!$  ("#notify")[0].paused) { //play audio           $  ("#notify")[0].pause(); //play audio           $  ("#notify")[0].currentTime = 0; //play audio          } else { // play audio           setTimeout(function() { //play audio             $  ("#notify")[0].play(); //play audio           })         }; //play audio          //--------------------          localStorage.setItem('suppress_gift_tooltip_1', 'true')       }      } else if (!total) {       $  ('#regalo').hide();       $  ('#alert').show();     } else {       console.log("FAIL");       $  ('#alert').hide();       $  ('#regalo').hide();     }   }    $  (document).on('click', function(event) {     const target = event.target;     if (target.matches('.comp-clone') || target.matches('.bbp')) {       manageRegalo();        localStorage.setItem('total', Number($  ("#total").val()));     }   });   manageRegalo(); }); 

CSS:

#alert, .tooltip {   display: none }  @media screen and (max-width:999px) and (orientation:landscape) {   #alert {     display: block; } 

HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>  <div id="regalo">REGALO</div>  <div class="tooltip">Tooltip</div>  <div id="alert">ALERT</div>  <input type="text" id="total" value="0"> <button type="button" class="bbp">Enter</button> 

¿Cómo incluir una condicional en el WHERE solo si un JOIN tiene algo?

necesito ayuda para realizar el siguiente query en MySQL, estoy juntando dos tablas con un LEFT JOIN para arrojar resultados en caso de que la segunda tabla no contenga información.

SELECT   e.emp_id AS "empresa_id",   et.idioma_id AS "idioma" FROM empresa as e LEFT JOIN empresa_translate as et   on et.emp_id = e.emp_id WHERE   replace(replace(e.emp_nombre,'z','s'),'h','')   LIKE replace(replace('%NOMBRE%','z','s'),'h',''); 

Esto obtiene los resultados sin importar que la tabla empresa_translate tenga algún registro asociado con el id, sin embargo necesito implementar la siguiente lógica a lo que ya tengo.

Si es que existe algún registro en la tabla empresa_translate asociado a este id filtra los resultados para mostrar sólo los que tengan un et.idioma_id = 1.

SELECT   e.emp_id AS "empresa_id",   et.idioma_id AS "idioma" FROM empresa as e LEFT JOIN empresa_translate as et   on et.emp_id = e.emp_id WHERE   replace(replace(e.emp_nombre,'z','s'),'h','')   LIKE replace(replace('%NOMBRE%','z','s'),'h','')   AND et.idioma_id = 1; 

El problema de hacerlo de esta manera es que no arroja ningún resultado. ¿Cuál es la manera correcta de hacer esto?

Solo Ads – TheListGenius

Are You Looking To Get More Sales & Sign-Ups From a Proven & Reliable Source For Solo Ads?

We at TheListGenius.com focus on building the highest quality lists by filtering out inactive subscribers 24/7.

Our incredible lead quality filtering-system allows us to put your product in front of people fast and with predictability, which is why we have a minimum 30% conversion guarantee in place: A guarantee that 99% of solo ad vendors can't give you.

So, why are we so confident…

Solo Ads – TheListGenius

How do I season a relatively new solo player?

I’ve been DMing off and on, mostly off, since AD&D, but in no way claim to be a very experienced DM. Due to schedule constraints, I’m DMing for my daughter in a solo campaign about once a month. She’s only had me as a DM. We’ve had other players join us but not on a regular basis. Admittedly not an ideal situation.

Currently, she runs two characters and there’s an NPC ally along for the ride.

How do I get her to not get stymied by what to do, and to do things that will help her in the adventure, e.g., remember to use her magic, heal when she can, ask standard questions of NPCs, don’t split the party, etc. She just needs experience in playing the game and being able to put herself in her character’s positions.

Are there any short PDFs or lists I can direct her to where she can gain some insight, or should I have NPCs continually bail her out until she gets up to speed.

Thanks for the help!

Rock Stone

¿Cómo hacer una consulta en SQL agrupada en un solo registro en MYSQL?

Buenos Noches estoy sufriendo con una consulta que estoy implementando a mi sistema. Actualmente tengo las siguientes tablas:

Actividades: introducir la descripción de la imagen aquí

Tareas: introducir la descripción de la imagen aquí

La tabla Tareas tiene el idactividad como foránea de la tabla Actividades. Lo que quiero hacer es mostrar el porcentaje de las tareas de cada actividad.

Por ejemplo: la “Actividad 1” tiene “3 Tareas” las cuales están en estado Realizado por ende el avance de la Actividad sería 100%, si 1 tarea hubiera tenido el otro estado (Pendiente), la Actividad tendría un avance de 66.66 aprox.

Espero su apoyo. Gracias

¿como mostrar la tabla solo cuando se ingrese un dato en el buscador?

mi duda es la siguiente, como hacer que la tabla me muestre los datos solo cuando se ingrese un valor en el campo de búsqueda? no se si me explico bien, pasa lo siguiente, cuando en el campo de búsqueda no hay nada, me muestra todos los datos de la tabla, lo que busco es que cuando el campo de búsqueda este vació me muestre solo la tabla vacía.

esta es la tabla

<table class="table table-bordered" id="mytable" width="100%" cellspacing="0">                   <thead>                     <tr>                       <th>Nombre</th>                       <th>Edad</th>                       <th>Telefono</th>                       <th>Correo electronico</th>                       <th>Profesion</th>                     </tr>                   </thead>                   <tbody>                    <?php while ($  mostrar = mysqli_fetch_array($  result)) {?>                      <tr>                       <td><?php echo $  mostrar['Seniors_nombre'] ." ". $  mostrar['Seniors_Apellido1'] ." ". $  mostrar['Seniors_Apellido2']?></td>                       <td><?php echo $  mostrar['Seniors_Edad'] ?></td>                       <td><?php echo $  mostrar['Seniors_Telefono'] ?></td>                       <td><?php echo $  mostrar['Seniors_Correo'] ?></td>                       <td><?php echo $  mostrar['Seniors_Profesion'] ?></td>                     </tr>                      <?php                     }                     ?>                   </tbody>                 </table> 

Y este es el script que hace el filtro

<script>    // Write on keyup event of keyword input element    $  (document).ready(function(){    $  ("#search").keyup(function(){    _this = this;    // Show only matching TR, hide rest of them    $  .each($  ("#mytable tbody tr"), function() {    if($  (this).text().toLowerCase().indexOf($  (_this).val().toLowerCase()) === -1)    $  (this).hide();    else    $  (this).show();    });    });   });   </script> 

captura por si es necesario

introducir la descripción de la imagen aquí