Aporte - Generar html dinámicamente

[pato12]

Código PHP:

<?php
    require "html.php";
    
    
    $html = h("html", "html5", array("lang" => "es"));
    $head = h("head")->appendTo($html);
    $body = h("body")->appendTo($html);
 
    h("title")->html("Web de prueba")->appendTo($head);
    
    $style = h("style", array("type" => "text/css"))->css(array(
        "body" => array(
                            "background" => "#F5F5F5",
                            "font-size" => "16px",
                            "font-family" => '"Trebuchet MS", Arial, Helvetica, sans-serif;'
                        ),
        ".web" => array(
                            "width" => "900px",
                            "margin" => "0 auto"
                        ),
        "header" => array(
                            "background" => "#FFF",
                            "padding" => "20px",
                            "margin-bottom" => "20px !important",
                            "border-radius" => "30px"
                        ),
        "h1, h2" => array(
                            "margin" => "0",
                            "padding" => "0"
                        ),
        "nav" => array(
                            "background" => "#333",
                            "padding" => "20px",
                            "border-radius" => "20px 10px / 15px 15px"
                        ),
        "nav > a" => array(
                            "color" => "#FFF",
                            "display" => "inline-block",
                            "text-decoration" => "none",
                            "padding" => "5px 0",
                            "min-width" => "100px",
                            "text-align" => "center"
                        ),
        "nav > a:hover, nav > a.activado" => array(
                            "color" => "#000",
                            "background" => "#FFF",
                            "border-radius" => "3px 10px"
                        ),
        "section" => array(
                            "background" => "#FFF",
                            "padding" => "20px",
                            "margin-top" => "20px !important",
                            "border-radius" => "10px"
                        ),
        "fieldset" => array(
                            "width" => "80%",
                            "padding" => "15px",
                            "border" => "solid 1px #CCC",
                            "border-radius" => "5px"
                        ),
        "label" => array(
                            "display" => "block"
                        ),
        "input[type='text'], input[type='email'], textarea" => array(
                            "display" => "block",
                            "width" => "80%",
                            "padding" => "5px",
                            "font-size" => "20px",
                            "border" => "solid 1px #CCC",
                            "border-radius" => "5px",
                            "outline" => "none"
                        ),
        "input[type='text']:focus, input[type='email']:focus, textarea:focus" => array(
                            "border" => "solid 1px #000"
                        ),
        "textarea" => array(
                            "height" => "130px",
                            "resize" => "none"
                        ),
        "input[type='submit']" => array(
                            "display" => "block",
                            "width" => "80%",
                            "padding" => "10px 5px",
                            "font-size" => "20px",
                            "border" => "solid 1px #CCC",
                            "border-radius" => "5px",
                            "outline" => "none",
                            "background" => "-webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5)",
                            "opacity" => "0.7"
                        ),
        "input[type='submit']:hover" => array(
                            "opacity" => "1"
                        ),
        "input[type='submit']:active" => array(
                            "background" => "-webkit-linear-gradient(#e5e5e5, #f4f4f4 40%, #fafafa)"
                        ),
        ".mensaje" => array(
                            "padding" => "15px",
                            "background" => "#EEE"
                        ),
        "footer" => array(
                            "background" => "rgba(0, 0, 0, 0.1)",
                            "padding" => "20px",
                            "margin-top" => "20px !important"
                        )
    ))->appendTo($head);
    
    function menu(){
        switch($_GET["mod"]){
            case "menu1":
                $selecionado = "menu1";
                $titulo = "Menu 1";
            break;
            case "menu2":
                $selecionado = "menu2";
                $titulo = "Menu 2";
            break;
            case "contacto":
                $selecionado = "contacto";
                $titulo = "Contacto";
            break;
            default:
                $selecionado = "inicio";
                $titulo = "Inicio";
            break;
        }
        
        return array($selecionado, $titulo);
    }
    
    function generar_menu(&$body, $selecionado){
        $seleccionado = menu();
        
        $inicio =  h("a")->attr("href", "?")->text("Inicio")->addClass($selecionado == "inicio"? "activado" : "");
        $menu1 = h("a")->attr("href", "?mod=menu1")->text("Menu 1")->addClass($selecionado == "menu1"? "activado" : "");
        $menu2 = h("a")->attr("href", "?mod=menu2")->text("Menu 2")->addClass($selecionado == "menu2"? "activado" : "");
        $contacto = h("a")->attr("href", "?mod=contacto")->text("Contacto")->addClass($selecionado == "contacto"? "activado" : "");
        
        $nav = h("nav")->append($inicio, $menu1, $menu2, $contacto)->addClass("web")->appendTo($body);
    }
    
    function generar_header(&$body){
        h("header")->append(
            h("h1")->text("Mi web"),
            h("h2")->text("Totalmente hecha en php")->css("color", "#999")->css("font-size", "18px")
        )->addClass("web")->appendTo($body);
    }
        
    
    $pagina = menu();
    
    generar_header($body);
    generar_menu($body, $pagina[0]);
    
    $section = h("section")->addClass("web")->appendTo($body);
    
    if($pagina[0] == "inicio"){
        h("article")->append(
             h("h3")->text($pagina[1]),
             h("p")->text("Bueno esta es la pagina de inicio jajajja")
        )->appendTo($section);
    }
    
    if($pagina[0] == "menu1"){
        h("article")->append(
             h("h3")->text($pagina[1]),
             h("p")->text("La pagina del menu 1 jajajajjaja :D"),
             h("p")->text("Espero que les guste"),
             h("aside")->text("Totalmente generado con php ;)")
        )->appendTo($section);
    }
    
    if($pagina[0] == "menu2"){
        h("article")->append(
             h("h3")->text($pagina[1]),
             h("p")->text("La pagina del menu 2 jajajajjaja :D"),
             h("p")->text("Espero que les guste"),
             h("aside")->text("Totalmente generado con php ;)")
        )->appendTo($section);
    }
    
    if($pagina[0] == "contacto"){
        
        if($_POST)
            $mensaje = h("div")->addClass("mensaje")->text("Mensaje enviado correctamente! en brevedad nos pondremos en contacto.");
        
        
        $article = h("article")->append(
            $mensaje,
             h("h3")->text($pagina[1]),
             h("p")->text("Esta es la pagina de contacto... a continuacion puedes mandarnos un email (no funciona)")
        )->appendTo($section);
        
        $form = h("form", array("method" => "post", "action" => "?mod=contacto"))->append(
            h("label")->attr("for", "nombre")->text("Su nombre:"),
            h("input")->attr(array("type" => "text", "placeholder" => "Ej. Patricio", "name" => "nombre", "id" => "nombre", "required" => "true")),
            h("label")->attr("for", "email")->text("Su e-mail:"),
            h("input")->attr(array("type" => "email", "placeholder" => "Ej. [email protected]", "name" => "email", "id" => "email", "required" => "true")),
            h("label")->attr("for", "comentario")->text("Comentario:"),
            h("textarea")->attr(array("name" => "comentario", "id" => "comentario", "required" => "true")),
            h("input")->attr(array("type" => "submit"))->val("Enviar")
        );
        
        h("fieldset")->append(
            h("legend")->text("Contactanos"),
            $form
        )->appendTo($article);
        
        
    }
    
    h("footer")->addClass("web")->attr("id", "algo")->text("Todos los derechos reservados 2012 - Pato12")->appendTo($body);
    
    
    echo $html;
 
?>
 

Ejemplo