Vista preliminar antes de cargar contenido en el front

Estoy investigando acerca de como mostrar a los usuarios la maquetacion vacia de la pagina con una leve animacion y luego cargar el contenido en cada componente, en concreto, lo que necesitaria saber es si esto tiene algun nomnbre y si como debo proceder, si solo se puede implementar usando Angular, React, Vue o investigar para implementarlo en mis webs ya sean con Angular-Laravel por ejemplo.

Este es un ejemplo de lo que busco mostrado en YouTube, tambien linkedIn lo tiene implementado.

introducir la descripción de la imagen aquí

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.

DataTable – No se muestra contenido en ciertas columnas

Tengo el siguiente inconveniente. Localmente mi dataTable carga los datos de manera correcta: (Esto en cualquier navegador)

introducir la descripción de la imagen aquí

Sin embargo, cuando publico mi aplicación en uno de los servidores se observa de la siguiente manera:

introducir la descripción de la imagen aquí

He revisado la consulta y si obtiene los datos. Verifico el JSON en el navegador y a mi parecer la información si carga en el navegador:

introducir la descripción de la imagen aquí

¿Alguien ha tenido una situación parecida? ¿Que podría revisar? Saludos

Error al enviar el contenido de un checkbox

Hola estoy haciendo un programa usando xammp (php, mysqil) de punto de venta para mi tienda, pero eh tenido un problema, recientemente agregue al formulario una opción con un checkbox para descartar las compras que ya no desee un cliente pero esta al seleccionar digamos: Producto A Producto B Producto C

si deseo descartar el [b] el a si es tomando en cuenta pero el resto es ignorado este es el codigo de el formulario que lo ordenó por medio de una tabla:

$  ("#add").click(function(){                 $  ("#mensaje").html("");                 var tds=$  ("#tabla tbody tr:first td").length;                 var trs=$  ("#tabla tbody tr").length;                 var nuevaFila="<tr class='animated fadeInDown'>";                 nuevaFila+='<td><input type="checkbox" id="descartes'+(trs)+'" name="descarta[]" value="1"><label for="descartes'+(trs)+'">Descartar</label></td>';                 nuevaFila+='<td><input type="hidden" name="cprodu[]" id="cpro'+(trs)+'" /><input type="hidden" name="idProd[]" id="idp'+(trs)+'" /><input type="text" placeholder="Codigo" name="codProd[]" id="cod'+(trs)+'" disabled /></td>';                 nuevaFila+='<td><input type="text" class="typeahead tt-query" placeholder="Producto" name="desc[]" id="d'+(trs)+'" onchange="getInventario()" required/></td>';                 nuevaFila+='<td><input type="text" placeholder="Cantidad" class="cantidad" name="cantidad[]" id="c'+(trs)+'" autocomplete="off" onchange="getCantidad()" style="width: 75px;" required/></td>';                 nuevaFila+='<td><input type="text" placeholder="Precio" name="" id="p'+(trs)+'" autocomplete="off" disabled="true" style="width: 150px;" />Bs</td>';                 nuevaFila+='<td><input type="text" placeholder="Total duplicado" name="" id="t'+(trs)+'" autocomplete="off" disabled="true" style="width: 150px;" />Bs</td>';                 nuevaFila+="</tr>";                 $  ("#tabla").append(nuevaFila);                 $  ('input.typeahead').typeahead({                     name: 'typeahead',                     remote:'core/searchinv.php?key=%QUERY',                     limit : 10                 });                   //otro detallito               }); 

y en php recibe por ajax:

$  respuesta = new stdClass();  if ($  _POST) {  $  fecha = date('d/m/Y'); $  hora = date('H:i:s', time()); $  id_user     = $  _SESSION["iduser"];   $  order_id=sha1($  fecha.$  hora);   $  orderItemStatus = false;  for($  x = 0; $  x < count($  _POST['idProd']); $  x++) {        $  updateProductQuantitySql = "SELECT inventario.cantidad FROM inventario WHERE inventario.id = ".$  _POST['idProd'][$  x]."";     $  updateProductQuantityData = $  connect->query($  updateProductQuantitySql);     $  checkbox = isset($  _POST['descarta'][$  x]) ? $  _POST['descarta'][$  x] : "0";       while ($  updateProductQuantityResult = $  updateProductQuantityData->fetch_row()) {          if($  checkbox=="1"){         $  updateQuantity[$  x] = $  updateProductQuantityResult[0] - $  _POST['cantidad'][$  x];                                      // update inventario table             $  updateProductTable = "UPDATE inventario SET cantidad = '".$  updateQuantity[$  x]."' WHERE id = ".$  _POST['idProd'][$  x]."";             $  connect->query($  updateProductTable);              // add into order_item             $  orderItemSql = "INSERT INTO history_orders (order_id, cod_producto, cantidad, fecha, hora, vendedor_id)              VALUES ('$  order_id', '".$  _POST['cprodu'][$  x]."', '".$  _POST['cantidad'][$  x]."', '$  fecha', '$  hora','$  id_user')";              $  connect->query($  orderItemSql);                   if($  x == count($  _POST['idProd'])) {                 $  orderItemStatus = true;             }             }            } // while  } // /for quantity // while   $  respuesta->mensaje = '<div style="color:lime;" class="animated flash icon fa-check"> Listo, compra realizada con exito </div>';  $  connect->close();  }else{ $  respuesta->mensaje = '<div style="color:red;" class="animated flash icon fa-warning"> Error, Campos invalidos o vacios </div>'; } echo json_encode( $  respuesta ); 

Cargar contenido en un Fragment

La aplicación se carga de forma correcta pero pasa por alto una modificación en el código. Trato de cambiar una imagen cargada desde un recurso pero no surte efecto alguno al ejecutarse.

Instancio una View donde cargo la vista del Fragment y su contenido, instancio el widget que quiero cambiar (ImageView) y lo modifico como se muestra acontinuacion pero al ejecutar el espacio asignado queda en blanco.

 @Override public View onCreateView(LayoutInflater inflater, ViewGroup container,                          Bundle savedInstanceState) {     // Inflate the layout for this fragment     View root_view = inflater.inflate(R.layout.fragment_user_tab, container, false);     ImageView imageView = root_view.findViewById(R.id.user_image_view);     imageView.setImageDrawable(getResources().getDrawable(R.drawable.pet_not_found_en));     return inflater.inflate(R.layout.fragment_user_tab, container, false); } 

espacio en blanco donde se debería cargar el recurso gráfico

OBTENER CONTENIDO DE UN TextBox AGREGADO EN UN TabControl -> TabPage

Buen día, aquí con una consulta, estoy realizando un programa donde se muestra un menú con las opciones nueva pestaña, cargar archivo y guardar archivo.

Al presionar nueva pestaña es posible crear una nueva pestaña como editor de texto (usando TabControl -> TabPage -> textBox), esto se puede realizar n veces.

Al presionar Cargar Archivo es posible cargar un archivo desde cualquier ruta de la computadora, a nuestra pestaña actual

Al presionar Guardar Archivo es posible guardar la información de la pestaña actual en cualquier ruta dentro de la computadora.

Mi DUDA ES: como puedo acceder al textBox para guardar el contenido de la pestaña actual. El código que he realizo es este: en una clase tengo:

class AreaDeTrabajo     {         ArrayList listaPestanya;         TabControl contenedor;         TabPage nuevaPestanya;         TextBox nuevoAreaTexto;          public AreaDeTrabajo()         {             listaPestanya = new ArrayList();             contenedor = new TabControl();             nuevaPestanya = new TabPage();             nuevoAreaTexto = new TextBox();             inicializar();         }          public void inicializar()         {             nuevoAreaTexto.AcceptsReturn = true;             nuevoAreaTexto.AcceptsTab = true;             nuevoAreaTexto.Dock = System.Windows.Forms.DockStyle.Fill;             nuevoAreaTexto.Multiline = true;             nuevoAreaTexto.ScrollBars = System.Windows.Forms.ScrollBars.Both;         }          public void crearPestanya(TabControl contenedor, int conteo)         {             nuevaPestanya.Text = "TAB " + conteo;             listaPestanya.Add(nuevaPestanya);             contenedor.TabPages.Add(nuevaPestanya);             contenedor.SelectedTab = nuevaPestanya;             nuevaPestanya.Controls.Add(nuevoAreaTexto);         }          public string infoDeAreaDeTexto(TabControl contenedor)         {             nuevaPestanya = contenedor.SelectedTab;              //??????????             return nuevoAreaTexto.Text;         }          //public string MessageText         //{         //    get { return this.nuevoAreaTexto.Text; }         //    set { this.nuevoAreaTexto.Text = value; }         //}          public void cargaDeArchivo(TabControl contenedor, string leer)         {             nuevaPestanya = contenedor.SelectedTab;             nuevaPestanya.Controls.Clear();             nuevoAreaTexto.Text = leer;             nuevaPestanya.Controls.Add(nuevoAreaTexto);         }      }  

Y en el Form tengo esto..

 public partial class Planificador : Form     {         ArrayList listPestanya = new ArrayList();         ArrayList datosAguardar = new ArrayList();         int contP = 1;           public Planificador()         {             InitializeComponent();             this.CenterToScreen();         }          private void DateTimePicker1_ValueChanged(object sender, EventArgs e)         {          }          private void NuevaToolStripMenuItem_Click(object sender, EventArgs e) // NUEVA PESTANYA          {              AreaDeTrabajo miArea = new AreaDeTrabajo();             miArea.crearPestanya(tabView, contP);             contP++;         }          private void CargarArchivoToolStripMenuItem_Click(object sender, EventArgs e) // CARGAR ARCHIVO         {             try             {                 OpenFileDialog openFile = new OpenFileDialog();                 openFile.Filter = "Archivo LY (*.ly)|*.ly";                 openFile.Title = "Abrir";                  if (openFile.ShowDialog() == DialogResult.OK)                 {                     string leer = File.ReadAllText(openFile.FileName);                     AreaDeTrabajo abrirDoc = new AreaDeTrabajo();                     abrirDoc.cargaDeArchivo(tabView, leer);                     Console.WriteLine("proceso finalizado ");                 }                 openFile.Dispose();              }             catch (Exception)             {                 MessageBox.Show("crear una pestanya ff");                 Console.WriteLine("crear una pestanya x)");             }         }          private void GuardarArchivoToolStripMenuItem_Click(object sender, EventArgs e) // GUARDAR ARCHIVO         {             try             {                 SaveFileDialog guardarArchivo = new SaveFileDialog();                 guardarArchivo.Filter = "Archivo LY (*.ly)|*.ly";                 guardarArchivo.Title = "Guardar";                  if (guardarArchivo.ShowDialog() == DialogResult.OK)                 {                     if (File.Exists(guardarArchivo.FileName))                     {                         TabPage current_tab = tabView.SelectedTab;                         string txt = guardarArchivo.FileName;                          StreamWriter textoaGuardar = File.CreateText(txt);                         textoaGuardar.Write(current_tab.Container); // aqui ??? que coloco                           Console.WriteLine(current_tab.Container);                         textoaGuardar.Flush();                         textoaGuardar.Close();                         Console.WriteLine(txt);                         MessageBox.Show("ARCHIVO GUARDADO EXITOSAMENTE");                     }                     else                     {                         string txt = guardarArchivo.FileName;                         StreamWriter textoaGuardar = File.CreateText(txt);                          AreaDeTrabajo miTexto = new AreaDeTrabajo();                          string info = "como obtengo la informacion";//miTexto.MessageText;                          textoaGuardar.Write(info); // para el doc nuevo.                         Console.WriteLine("esto es lo que guardo?? " + info);                          textoaGuardar.Flush();                         textoaGuardar.Close();                         Console.WriteLine(txt);                         MessageBox.Show("ARCHIVO GUARDADO EXITOSAMENTE");                     }                 }                 guardarArchivo.Dispose();             }             catch (Exception ex)             {                 MessageBox.Show("error al gurdar " + ex.Message);                 Console.WriteLine("error al guardar nooo " + ex.Message);             }         } 

AGRADECERÍA SU APOYO

Mostrar contenido HTML dentro de un Json

Queria realizar una consulta en JSON y que devolviera una estructura en HTML. El problema esta que cuando voy a visualizarlo desde el navegador, me imprime por pantalla el texto del JSON en un H2. Y claro, me gustaria que me devolviera el json con la estructura. Supongo que habra que escapar alguna barra y algo más, pero no consigo que funcione correctamente y se muestre tal cual el JSON por el navegador.

Mi jSON

{   "Mipalabra":"<h2>Hola Mundo</h2>" } 

Lo he intentado escapar añadiendole una barra invertida, pero sigue mostrando el H2 como si fuera un HTML y no un jSON

 {   "Mipalabra":"<h2>Hola Mundo<\/h2>" } 

¿Cómo puedo traer el contenido de un html/php que se encuentra en otro archivo?

Estoy desarrollando una pagina web y quiero hacer una header que va a quedar en varias de las paginas de la web, pero no sé que método podría usar y que sea efectivo, yo intente hacerlo con un include, pero me salta el siguiente error:

Warning: include(\Jomar\users_control\views\header\header.html): failed to open stream: No such file or directory in C:\xampp\htdocs\Jomar\users_control\views\control_asistencia\index.php on line 180

Warning: include(): Failed opening ‘\Jomar\users_control\views\header\header.html’ for inclusion (include_path=’C:\xampp\php\PEAR’) in C:\xampp\htdocs\Jomar\users_control\views\control_asistencia\index.php on line 180

Así que, si alguien tiene un método más eficiente para hacer lo que quiero, o alguna forma de arreglar mi problema, por favor ayúdenme.

Mostrar contenido de un objeto Vuejs

** Sugerir un mejor titulo si es necesario ** Estoy trabajando en Vue, quiero lograr mostrar un contenido, solo si este tiene el mismo valor que un array

Tengo dos arrays, uno llamado “typesArticle” y otro array llamado articles con varios objetos, de la siguiente forma:

typesArticle: ['Handguns', 'Assault Rifles', 'Sub-Fusil', 'Snipers', 'Shotguns'],         articles: [{                 name: 'AEK-971',                 type: 'Assault Rifles',                 typeAmmon: 5.56,                 firerate: 900             },             {                 name: 'MP5',                 type: 'Sub-Fusil',                 typeAmmon: 9,                 firerate: 700             }, {                 name: 'Glock 18C',                 type: 'Handguns',                 typeAmmon: 9,                 firerate: 1100             }, {                 name: 'Barret .50',                 type: 'Snipers',                 typeAmmon: .50,                 firerate: 'Semi-Automatico'             }, {                 name: 'Saiga 12K',                 type: 'Shotguns',                 typeAmmon: .12,                 firerate: 'Semi-automatico'             }         ] 

En mi html tengo de esta forma una estructura:

<h2>Assault Rifles</h2>     <p>{{Solo Rifles}}</p>  <br> <h2>Handguns</h2>     <p>{{Solo pistolas}}</p> 

Lo que quiero lograr, realizar una condicion supongo que debe lograrse perfectamente desde la directiva v-if Que lo que debe hacer, es recibir cada articulo y verificar que la propiedad type del objeto se encuentre en el array de type, y asi imprimirlo donde corresponde

como extraer contenido de un blob en php

me gustaría extraer o abrir el archivo que guarde en mi base de datos, soy nuevo manejando ‘blob’ en mysql. lo que intento es lo siguiente mediante este codigo me gustaría abrir o de alguna forma crear un link a ese archivo creado ( mostrando el contenido ) es por eso que tengo una parte de codigo html. espero explicarme de buena manera.

 <?php        include('conexion.php');         $  sql="SELECT * FROM tics";          $  resul=$  link->query($  sql);               ?>                  <?php while($  fila=$  resul->fetch_assoc()):                   $  t=$  fila['tit'];                 $  c=$  fila['con'];                 $  a=$  fila['arch'];                    ?>                    <div class="card-body">            <a href=" <?= $  a;?>   ">  <h2 class="card-title"> <?= $  t;?>                </h2>               <p>                   <?= $  c; ?> </p> </a>                 <div class="card-footer text-muted">                     Posted on January 1, 2017 by                     <a href="#">Start Bootstrap</a>                 </div>             </div>                <?php endwhile; ?>