Solució web-dinamica-jquery

De wikiserver
Dreceres ràpides: navegació, cerca

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>