Skip to main content
1 de 3

Como generar html's con datos variables

tardes o noches según vean el mensaje.

me comunico con ustedes por este medio dado que necesito ayuda, verán tengo un código html, que pretendo usar como plantilla y deseo reemplazar datos y que se genere un html con un nombre único por cada archivo, pero nose como hacerlo, descarte php ya que es para uso laboral y donde me encuentro no permiten el uso de php.

<!doctype html>
<html>
<head>
  <title>DISH TE INVITA AL CINE</title>  
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('require', 'displayfeatures');
  gtag('config', 'UA-140129501-1');
</script>

<link rel="icon" type="image/png" href="img/icodish.png">   
<meta charset="utf-8">
<meta name="viewport" content="height=device-height,width=device-width" />
<!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->

  <style> 
  .container{
    position: relative;
    display: inline-block;
    text-align: center;
}

.name-user{
    position: absolute;
    top: 560px;
    text-align: center;
    width:100%;
}
.thx{
    position: absolute;
    top: 600px;
    text-align: center;
    width:100%;
}
.print{
    position: absolute;
    top: 660px;
    text-align: center;
    width:100%;
}
.fol1{
    position: absolute;
    top: 760px;
    left: calc(35% - 60px); 
    width:100%;
}
.fol2{
    position: absolute;
    top: 760px;
    left: calc(35% - 350px); 
    width:100%;
}
.acude{
    position: absolute;
    top: 710px;
    text-align: center;
    width:100%;
}
.resti{
    position: absolute;
    top: 800px;
    text-align: center;
    width:100%;
}
.date{
    position: absolute;
    top: 1016px;
    left: calc(35% - 120px); 
    width:100%;
}
.centrado{
    position: absolute;
    top: calc(95% - 15px);
 }>
</style>
  </head>
<body>
 <center>
<div class="container" align="center">
   <img src="img/TRADICIONAL.png" width="600" />
<td><div class="name-user"> <span style="font-size:20pt;font-family: Arial, sans-serif;color:#fff"><b>Por ser un empleado cumplido, Gracias.</b></span></div></td>
<td><div class="thx"> <span style="font-size:20pt;font-family: Arial, sans-serif;color:#efb810">TE REGALAMOS DOS BOLETOS<br/>PARA IR AL CINE</span></div></td>
<td><div class="print"> <span style="font-size:16pt;font-family: Arial, sans-serif;color:#fff">Canjea en Linea o Presenta en Sucursal<br/>tus folios para hacerlos válidos</span></div></td>
<td><div class="acude"> <span style="font-size:10pt;font-family: Arial, sans-serif;color:#fff">Acude de lunes a viernes a cualquier CINÉPOLIS TRADICIONAL de tu ciudad.</span></div></td>
<td><div align="center" class="fol1"> <span style="font-size:14pt;font-family: Arial, sans-serif;color:#000000"><b>1158685823145</b></span></div></td>
<td><div align="center" class="fol2"> <span style="font-size:14pt;font-family: Arial, sans-serif;color:#000000"><b>1234567890123</b></span></div></td>
<td><div class="resti"> <span style="font-size:6pt;font-family: Arial, sans-serif;color:#efb810"><p>RESTRICCIONES: No válido en Cinépolis VIP, IMAX, Funciones 3D, 4Dx, Macro XE, Sala Plus, Sala Junior o Cinema Park.</p><p> El folio debe presentarse completo en taquilla para que pueda ser reconocido por el sistema. El beneficio lo posee el portador del folio y es válido una sola vez.</p><p>El folio no aplica en días de descanso obligatorio señalados en la Ley Federal del Trabajo. Válido de lunes a viernes. No aplica con otras promociones.</p><p> No aplica en premieres, funciones especiales o contenido alternativo. No aplica en reservaciones por Cineticket o venta avanzada.</p><p> Sujeto a disponibilidad o cupo de la película. Por seguridad de la empresa, Cinépolis se reserva el derecho de admisión.</p></span></div></td>
<td><div align="center" class="date"> <span style="font-size:16pt;font-family: Arial, sans-serif;color:#000000"><b>02/10/2019 al 05/12/2019</b></span></div></td>
</div>
</center>
</body>
</html>

ese es el código del archivo html, es una plantilla para envio de folios para cine, los cuales serán cambiantes, y el archivo html tendrá el nombre del empleado, ya que lo quieren personalizado.

me pudieran ayudar o con un modo es que realmente intente ya varias cosas y no sale.

gracias por su tiempo y ayuda.