Sumar elementos con PHP

<div style="text-align: justify;"> Estimados lectores, luego de unas semanas de ausencia, volvemos con un nuevo tutorial pero esta vez es con PHP. En nuestra última entrada, hablamos de como hacer un excelente <a href="http://www.fusiondigitalve.com.ve/2014/04/efecto-de-sombra-con-css3.html" target="_blank">efecto de sombra con CSS</a> y a raíz de esta onda de tutoriales, muchos de nuestros lectores y amigos nos han pedido que hagamos tutoriales tambien de PHP. Para esta ocasión, les explicaremos como sumar los valores de las cajas de texto de los formularios y mostrar el resultado en nuestra página web.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpS4enGa71HVb7GC1cSwbaNXiX-PLuNL2pgfSXZpzAinJolRHic-g5fuj7691bXaJzBI87QWgsC3AqI-AliLVEmaNdUE4RZxyJ-JSc5duTc8du0rQ9wzbL7qYffB3FrgRRoo-sB_-94YeT/s1600/php-interview.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpS4enGa71HVb7GC1cSwbaNXiX-PLuNL2pgfSXZpzAinJolRHic-g5fuj7691bXaJzBI87QWgsC3AqI-AliLVEmaNdUE4RZxyJ-JSc5duTc8du0rQ9wzbL7qYffB3FrgRRoo-sB_-94YeT/s1600/php-interview.png" width="200" /></a></div> <br /></div> <div style="text-align: justify;"> <u style="font-weight: bold;">Nota:</u> es importante que el documento donde trabajaremos sea de tipo PHP y no HTML.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Primero que todo, escribamos el código HTML para el formulario que sera el siguiente, puedes colocarlo justo después de la etiqueta <body>.</div> <div style="text-align: justify;"> <br /></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIALGBps6hp0nq8oxc6qXM22CHx_l0MaEGggALi7Udr8W6kvWKovkIkTWWvaKBNAXcMkEIYYU3dvG7a33OdQtpxtHwCobsYl71dJdUZ-d7b7d8gtK1UaWgySeMqm5hpNobYiObaO1Sxqd1/s1600/Codigo_Formulario_Suma_PHP.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIALGBps6hp0nq8oxc6qXM22CHx_l0MaEGggALi7Udr8W6kvWKovkIkTWWvaKBNAXcMkEIYYU3dvG7a33OdQtpxtHwCobsYl71dJdUZ-d7b7d8gtK1UaWgySeMqm5hpNobYiObaO1Sxqd1/s1600/Codigo_Formulario_Suma_PHP.jpg" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Código HTML del formulario</td></tr> </tbody></table> <div style="text-align: justify;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: justify;"> Tengan en cuenta que para que funcione nuestro código PHP, debemos especificarle a nuestros inputs del formulario la etiqueta name que más adelante las llamaremos a través de ellas.</div> <div class="separator" style="clear: both; text-align: justify;"> <br /></div> <div style="text-align: justify;"> Ahora bien, ya tenemos el formulario y se debe ver algo como esto:</div> <div style="text-align: justify;"> <br /></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2oljaSgbkXGRmATScSQPm0OcXVBmObRyoE3hyyd_Ky5Ecp0BZTNEUCgarCKcYczMlI3dZgYM9AQoOeUlW_gDE9WeyBIwJ2AYwoJlKXgtebm_-F-2NG_Zz5Lg9iKFRX0wmyePsdBj6WUGS/s1600/Muestra_Formulario_Suma_PHP.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2oljaSgbkXGRmATScSQPm0OcXVBmObRyoE3hyyd_Ky5Ecp0BZTNEUCgarCKcYczMlI3dZgYM9AQoOeUlW_gDE9WeyBIwJ2AYwoJlKXgtebm_-F-2NG_Zz5Lg9iKFRX0wmyePsdBj6WUGS/s1600/Muestra_Formulario_Suma_PHP.jpg" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Interfaz del formulario en vista de diseño</td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: justify;"> Vamos con el código PHP, este tendrá dos parte, la primera es donde definiremos las variables y la suma como tal y la segunda tendrá la muestra de los resultados con impresión en la pantalla.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <b><u>Nota:</u></b> el código PHP tiene como etiqueta de inicio <?php y como etiqueta de cierre ?></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <b><u>Parte 1:</u></b></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> </div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEganu-7eFRv8BchgBQTxhDEwTXD_556SpzLmWXvzsg5cVZk6LP26oFWrRvME_3TMkj0CDbRdwL77YlQJLwVUDJKaAAkEXc9DmwKExZ7Bg_3X5V8lwPemMVvbDryGdj2SWzLJNdED88mxeSN/s1600/Codigo_PHP_1_Suma_PHP.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEganu-7eFRv8BchgBQTxhDEwTXD_556SpzLmWXvzsg5cVZk6LP26oFWrRvME_3TMkj0CDbRdwL77YlQJLwVUDJKaAAkEXc9DmwKExZ7Bg_3X5V8lwPemMVvbDryGdj2SWzLJNdED88mxeSN/s1600/Codigo_PHP_1_Suma_PHP.jpg" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Declaración de las variables en PHP</td></tr> </tbody></table> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <b style="text-decoration: underline;">Nota:</b> el código PHP puede estar en cualquier parte de tu página, nosotros lo hemos colocado justo después de la etiqueta <body>.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Finalmente, vamos a crear la etiqueta que mostrará el resultado que guardamos en la variable $resultado en nuestro código php y los valores de los inputs. para esto, hacemos lo siguiente justo debajo de donde termina nuestro formulario (después de la etiqueta </form>).</div> <div style="text-align: justify;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: justify;"> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9vB06tnjboipGdnlcdU2kloaJ9v9u1H0okotVpsL5xvoagk5s1nkHHAloNkgtKfpRfPBWWi5qb7TUephs-B3h3Y_vmSS3zrnla1qK9V5FjGz1I_AU0ehmCUwnaNaK5B8_F0tpqr0KwCXd/s1600/Codigo_PHP_2_Suma_PHP.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9vB06tnjboipGdnlcdU2kloaJ9v9u1H0okotVpsL5xvoagk5s1nkHHAloNkgtKfpRfPBWWi5qb7TUephs-B3h3Y_vmSS3zrnla1qK9V5FjGz1I_AU0ehmCUwnaNaK5B8_F0tpqr0KwCXd/s1600/Codigo_PHP_2_Suma_PHP.jpg" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Código para mostrar los valores</td></tr> </tbody></table> </div> <div style="text-align: justify;"> <br /> Acá les dejamos los archivos fuentes (archivo .rar)<br /> <div style="text-align: center;"> <div style="text-align: left;"> <b><br /></b></div> <div style="text-align: center;"> <b><span style="font-size: large;"><a href="http://www.mediafire.com/download/dqf86ivpo0mfg59/Sumavalores.rar" target="_blank">Descargar fuentes Sumavalores</a></span></b></div> <div style="text-align: left;"> <b><br /></b></div> </div> <div style="text-align: justify;"> Y esto es todo por ahora, esperamos que sea de mucha utilidad y cualquier duda que tengan, no olviden dejarla en la sección de comentarios, nos leemos ;)</div> </div>

Sumar elementos con PHP

Estimados lectores, luego de unas semanas de ausencia, volvemos con un nuevo tutorial pero esta vez es con PHP. En nuestra última entrada, ...

Seguir leyendo »