Solució web-dinamica-jquery
De wikiserver
La revisió el 19:52, 23 abr 2014 per Asalinas (Discussió | contribucions) (Es crea la pàgina amb «Fitxer JS: <pre> $(function(){ $('#contenido').append('<label>Crear etiqueta:</label>'); $('<input type="text" id="text1"/><br>').appendTo('#contenido'); $('…».)
Fitxer JS:
$(function(){
$('#contenido').append('<label>Crear etiqueta:</label>');
$('<input type="text" id="text1"/><br>').appendTo('#contenido');
$('#contenido').append('<label>Lugar:</label>');
$('<input type="text" id="text2"/><br>').appendTo('#contenido');
$('#contenido').append('<input type="button" id="web" value="crear"/>');
$('#web').on("click", function(){crear();});
});
function crear(){
var nuevaEtiqueta = $('#text1').val();
var lugar = $('#text2').val();
try{
$(lugar).append('<' + nuevaEtiqueta + '>LOREM IPSUM</' + nuevaEtiqueta + '>');
}catch(e){
console.log(e.toString());
$('<' + nuevaEtiqueta + '>LOREM IPSUM</' + nuevaEtiqueta + '>');
}
}
Fitxer HTML:
<!DOCTYPE html>
<html>
<head>
<title>Botons Celestials</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="js/Exhtml.js"></script>
</head>
<body>
<div id="contenido"></div>
</body>
</html>
