mirror of
				https://gitlab.com/parroquia-san-leandro/cancionero-web.git
				synced 2025-11-03 22:58:39 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			57 lines
		
	
	
	
		
			1.3 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			57 lines
		
	
	
	
		
			1.3 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
<html lang="en">
 | 
						|
<head>
 | 
						|
  <meta charset="UTF-8">
 | 
						|
  <title>Editor</title>
 | 
						|
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
 | 
						|
  <style>
 | 
						|
ul {
 | 
						|
  list-style: none;
 | 
						|
}
 | 
						|
ul li:before {
 | 
						|
  content: '- \0000a0';
 | 
						|
  font-weight: bold;
 | 
						|
}
 | 
						|
  </style>
 | 
						|
  <script>
 | 
						|
var inputs = []
 | 
						|
 | 
						|
function changed() {
 | 
						|
  var lastNum = document.getElementById("lastNum")
 | 
						|
  if (lastNum.value) {
 | 
						|
    inputs.push(lastNum)
 | 
						|
    lastNum.name = "song[]"
 | 
						|
    lastNum.removeAttribute("onchange")
 | 
						|
    lastNum.removeAttribute("onkeyup")
 | 
						|
    lastNum.removeAttribute("id")
 | 
						|
 | 
						|
		var newNum = document.createElement("INPUT")
 | 
						|
		newNum.type = "number"
 | 
						|
		newNum.id = "lastNum"
 | 
						|
		newNum.max = 500
 | 
						|
		newNum.min = 1
 | 
						|
		newNum.onchange = newNum.onkeyup = () => changed()
 | 
						|
		var li = document.createElement("LI")
 | 
						|
		li.appendChild(newNum)
 | 
						|
		document.getElementById("list").appendChild(li)
 | 
						|
  }
 | 
						|
}
 | 
						|
  </script>
 | 
						|
</head>
 | 
						|
<body>
 | 
						|
<header>
 | 
						|
  <h1>Editor</h1>
 | 
						|
</header>
 | 
						|
<main>
 | 
						|
  <h2>Números de las canciones</h2>
 | 
						|
  <form action="generar.php" method="post">
 | 
						|
    <ul id="list">
 | 
						|
      <li><input id="lastNum" type="number" max="500" min="1" onkeyup="changed()" onchange="changed()"></li>
 | 
						|
    </ul>
 | 
						|
    <button type="submit">Enviar</button>
 | 
						|
  </form>
 | 
						|
  <h2>Índice</h2>
 | 
						|
  <iframe src="/" height="400px" width="100%"></iframe>
 | 
						|
</main>
 | 
						|
</body>
 | 
						|
</html>
 |