"Insertar formulario php en template"

patiurco · #1 (**permalink**) 30/05/2011, 08:06

Hola a todos, buen dia quisiera saber como insertar mis formularios php en un template, ya lo he intentado pero sin suerte alguna, ya que no me reconoce el codigo php, y por lo tanto mis botones y todas la cosas creadas no funcionan, alguien podria explicarme como insertar mis formulario, gracias a todos, debajo dejo el codigo de mi template, y el codigo del formulario que quiero insertar hasta luego:

Template

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link href="default.css" rel="stylesheet" type="text/css" media="all" />
    </head>
    
    <body>
 
        <div id="wrapper">
        
            <div id="logo">
                <h1>Simply<span>Blue</span></h1>
                <p>Nemo enim ipsam voluptatem quia</p>
            </div>
            
            <div id="page" class="round">
            
                <div id="menu" class="round">
                    <ul>
                        <li><a href="#" title="" class="round active">Homepage</a></li>
                        <li><a href="#" title="" class="round">About Us</a></li>
                        <li><a href="#" title="" class="round">Services</a></li>
                        <li><a href="#" title="" class="round">Products</a></li>
                        <li><a href="#" title="" class="round">My Account</a></li>
                        <li><a href="#" title="" class="round">Contact Us</a></li>
                    </ul>   
                </div>
                
                <div id="splash">
                    <img src="images/splash.jpg" alt="" width="960" height="200" class="round" />
                </div>
                
                <div id="wrapper2" class="round">
                
                    <div id="sidebar" class="round">
                    
                        <h3>Header Level 3</h3>
                        <ul>
                           <li><a href="#">Home</a></li>
                           <li><a href="#">About</a></li>
                           <li><a href="#">Clients</a></li>
                           <li><a href="#">Contact Us</a></li>
                        </ul>               
                        
                        <h3>Header Level 3</h3>
                        <ul>
                           <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
                           <li>Aliquam tincidunt mauris eu risus.</li>
                           <li>Vestibulum auctor dapibus neque.</li>
                           <li>Morbi in sem quis dui placerat ornare.</li>
                        </ul>
 
                        <h3>Header Level 3</h3>
                        <ul>
                           <li>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</li>
                        </ul>
                    
                    <!-- End Sidebar -->                
                    </div>
                    
                    <div id="content" class="round">
                      <h1><!-- End Content -->
                      </h1>
                                   
                      
                      <h1>&nbsp; </h1>
                    </div>
            
                  <div style="clear: both"></div>
            
                <!-- End Wrapper 2 -->
                </div>
                
            <!-- End Page -->
            </div>
        
        <!-- End Wrapper -->
        </div>
        
        <div id="footer">
            <p>copyright &copy; 2011 Simply Blue. Design <a href="http://freewebsitetemplat.es" title="free website templates">Free Website Templates</a>.</p>
        </div>
        
        
    <div style="text-align: center; font-size: 0.75em;">Design downloaded from <a href="http://www.freewebtemplates.com/">free website templates</a>.</div></body>
    
</html>

Formulario:

Código PHP:

Ver original<?php
echo"<table border=1 bordercolor='Black' background='Images/9.jpg'><tr><td><table border=0><tr><td align='left'><img src='Images/8.jpg'></td></tr>";
echo"<form action='agregar.php' method='POST' name='add' id='add' target='_self'>";
echo"<tr align='center'><td><input type='submit' value='Agregar producto' class='botonsexy'><img src='Images/3.png'></td></tr></form>";
echo"<form action='modificar.php' method='POST' name='mod' id='mod' target='_self'>";
echo"<tr align='center'><td><input type='submit' value='Modificar informacion de producto' class='botonsexy'><img src='Images/4.png'></td></tr></form>";
echo"<form action='eliminar.php' method='POST' name='del' id='del' target='_self'>";
echo"<tr align='center'><td><input type='submit' value='Eliminar producto' class='botonsexy'><img src='Images/5.png'></td></tr></form>";
echo"<form action='reporte.php' method='POST' name='rep' id='rep' target='_self'>";
echo"<tr align='center'><td><input type='submit' value='Generar reporte' class='botonsexy'><img src='Images/6.png'></td></tr></form></table></table>";
echo"<div id='ajax'></div>";
?>
<script type="text/javascript">
$(function (e) {
    $('#add').submit(function (e) {
        e.preventDefault()
        $('#ajax').load('agregar.php?' + $('#add').serialize())
    })
})
</script>
<script type="text/javascript">
$(function (e) {
    $('#mod').submit(function (e) {
        e.preventDefault()
        $('#ajax').load('modificar.php?' + $('#mod').serialize())
    })
})
</script>
<script type="text/javascript">
$(function (e) {
    $('#del').submit(function (e) {
        e.preventDefault()
        $('#ajax').load('eliminar.php?' + $('#del').serialize())
    })
})
</script>
<script type="text/javascript">
$(function (e) {
    $('#rep').submit(function (e) {
        e.preventDefault()
        $('#ajax').load('reporte.php?' + $('#rep').serialize())
    })
})
</script>
</html>

memoadian · #2 (**permalink**) 30/05/2011, 08:13

para poder insertar un codigo php en un documento es necesario que tu archivo tenga dicha extensión, si no no se puede.

si estas manejando el MVC debes crear un controlador que llame a esa vista.

pero aun asi tu archivo debiera ser php, la unica ventaja es que con htacces puedes esconder la extensión.

bUllan9ebrio · #3 (**permalink**) 30/05/2011, 08:14

Cita:

ya lo he intentado pero sin suerte alguna, ya que no me reconoce el codigo php

Cuál es la extensión en la cual guardas el formulario de contacto?