Comunidad de diseño web y desarrollo en internet online

formulario_presupuesto

Citar            
MensajeEscrito el 21 Ene 2009 04:50 pm
Hola, me gustaría saber como puedo hacer un formulario_presupuesto en flash, es para una página web en la que saldrían todos los servicios de la empresa con sus respectivos precios y el cliente puede ir seleccionando los que les interesa y al final les pondría el coste total.

Aquí os dejo un ejemplo de lo que quiero hacer:

http://www.abansys.com/disenoweb_cuanto_me_cuesta.html

Gracias
.......

Por defero

85 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 21 Ene 2009 06:11 pm
con que se puede hacerlo?
html y php :)
la semana pasada le hice un trabajo parecido a un cliente :P
con php muestras los valores que recojes desde el html.
cualquier cosa "mail"

Por ironeric23

Claber

407 de clabLevel



Genero:Femenino  

mozilla
Citar            
MensajeEscrito el 21 Ene 2009 06:40 pm
vale, pero de php no tengo ni idea, no se puede hacer de una forma + sencilla?????

y si la única solución es php + html, sabes de algun tutorial xa hacerlo??????

Por defero

85 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 21 Ene 2009 10:08 pm
es con php
mira algun tutorial de php
pero algo hecho no creo
con solo manejar las variables tenes algo basico ya

Por ironeric23

Claber

407 de clabLevel



Genero:Femenino  

mozilla
Citar            
MensajeEscrito el 22 Ene 2009 01:37 am
con java script es mucho mas facil te doy un ejemplo <!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Carrito de la compra DEMO</title>
<style type="text/css">
body {
background:rgb(102,153,204);
font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#inputs {
border:1px inset rgb(153,204,255);
width: 40px;
background:rgb(148,204,252);
text-align : center;
}
#boton {
background: rgb(102,153,204) border:1px outset rgb(153,204,255);
width:80px;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color : #FFFACD;
color : #4B0082;
}
</style>
<script type="text/javascript">
function meterencarro(formu) {
unidades=formu.numpedido.value;
descripcion=formu.producto.value;
if (confirm("El siguiente producto se va a añadir al carro de la compra.\n\n " + descripcion + " \n\n¿Está Vd. de acuerdo?")) {
numeroregistro = 0;
numeroregistro = getcookie("numerodeorden");
numeroregistro++;
if ( numeroregistro > 5 )
alert("ATENCIÓN\nSu carrito esta lleno.\nPor favor, acceda a la hoja de pedido.\nGracias.");
else {
actualizarbase = formu.numpedido.value + "|" + formu.precio.value + "|" + formu.referencia.value + "|" + formu.producto.value;
nuevopedido = "Order." + numeroregistro;
setcookie (nuevopedido, actualizarbase, null, "/");
setcookie ("numerodeorden", numeroregistro, null, "/");

aviso = "PRODUCTO SELECCIONADO\n\n" + "Cantidad: " + unidades + " unidad/es.\n"
+ "Producto: \n" + descripcion + ".\n\nPulse sobre Ver Carro para acceder\na su lista de compra.\nGracias";
alert(aviso);
}
}
}

function getcookieval (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}

function getcookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen)
{
var j = i + alen;
if (document.cookie.substring(i, j) == arg) return getcookieval (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}

function setcookie (name,value,expires,path,domain,secure) {
document.cookie = name + "=" + escape (value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "");
}
</script>
</head>
<body>
<p><strong>TIENDA DE MASCOTAS</strong><br />
</p>
<table width="700" border="1" cellspacing="1" cellpadding="5" style="font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;">
<tbody>
<tr style="font: bold">
<td width="20" >Foto </td>
<td width="100" >Mascota</td>
<td width="80" >Euros </td>
<td width="150" >Control</td></tr>
<tr>
<td><img src="imagenes/agapornis.jpg" width="93" height="113" border="1" alt="Pareja de Agaponis Fischeri." /></td>
<td valign="top" style="font: 9pt; text-align: justify;"><b>Pareja de Agaponis Fischeri.</b> Criados en casa, jaula de grandes dimensiones y estado de salud excelente. </td>
<td valign="top">150,00 &euro; </td>
<td valign="top">
<table>
<tr>
<td colspan="3" align="center" style="font: 7pt; color: #191970;">Indique cantidad</td></tr>
<tr><td>
<form action="" name="order" id="order">
<input onclick="meterencarro(this.form)" type="button" id="boton" value="Adquirir" /><br />
<input maxlength="2" id="inputs" size="2" value="1" name="numpedido" /><br />
<a href="pedido.html"><img src="imagenes/varcarro.jpg" width="79" height="23" border="0" alt="" /></a><br />
<input type="hidden" value="150.00" name="precio" />
<input type="hidden" value="Pareja de Agaponis Fischeri." name="producto" />
<input type="hidden" value="ID101" name="referencia" />
</form>
</td></tr></table>
</td></tr>
<tr>
<td><img src="imagenes/canario.jpg" width="88" height="104" border="1" alt="Canario" /></td>
<td valign="top" style="font: 9pt; text-align: justify;"><b>Canarios.</b> Sin gama de color concreta. Todos de un a&ntilde;o y perfecto estado de salud.</td>
<td valign="top">35,00 &euro; </td>
<td valign="top">
<table>
<tr>
<td colspan="3" align="center" style="font: 7pt; color: #191970;">Indique cantidad</td></tr>
<tr><td>
<form action="" name="order" id="order">
<input onclick="meterencarro(this.form)" type="button" id="boton" value="Adquirir" /><br />
<input maxlength="2" id="inputs" size="2" value="1" name="numpedido" /><br />
<a href="pedido.html"><img src="imagenes/varcarro.jpg" width="79" height="23" border="0" alt="" /></a><br />
<input type="hidden" value="35.00" name="precio" />
<input type="hidden" value="Canario" name="producto" />
<input type="hidden" value="ID201" name="referencia" />
</form>
</td></tr></table>
</td>
</tr>
<tr>
<td><img src="imagenes/cachorro2.jpg" width="84" height="110" border="1" alt="Pastor Alemán." /></td>
<td valign="top" style="font: 9pt; text-align: justify;"><strong>Pastor Alem&aacute;n. </strong> Hermoso cachorro macho de 4 meses de edad con pedigree y papeles.</td>
<td valign="top">560,50 &euro; </td>
<td valign="top">
<table>
<tr>
<td colspan="3" align="center" style="font: 7pt; color: #191970;">Indique cantidad</td></tr>
<tr><td>
<form action="" name="order" id="order">
<input onclick="meterencarro(this.form)" type="button" id="boton" value="Adquirir" /><br />
<input maxlength="2" id="inputs" size="2" value="1" name="numpedido" /><br />
<a href="pedido.html"><img src="imagenes/varcarro.jpg" width="79" height="23" border="0" alt="" /></a><br />
<input type="hidden" value="560.50" name="precio" />
<input type="hidden" value="Cachorro Pastor Alemán" name="producto" />
<input type="hidden" value="ID33" name="referencia" />
</form>
</td></tr></table>
</td>
</tr>
<tr>
<td><img src="imagenes/cachorro3.jpg" width="71" height="107" border="1" alt="Gato Persa" /></td>
<td valign="top" style="font: 9pt; text-align: justify;"><b>Gato Persa</b><b>.</b> Precioso gatito persa de color blanco con ojos azules. Magn&iacute;ficas cualidades ideal como gato de compa&ntilde;ia.</td>
<td valign="top">250,00 &euro; </td>
<td valign="top">
<table>
<tr>
<td colspan="3" align="center" style="font: 7pt; color: #191970;">Indique cantidad</td></tr>
<tr><td>
<form action="" name="order" id="order">
<input onclick="meterencarro(this.form)" type="button" id="boton" value="Adquirir" /><br />
<input maxlength="2" id="inputs" size="2" value="1" name="numpedido" /><br />
<a href="pedido.html"><img src="imagenes/varcarro.jpg" width="79" height="23" border="0" alt="" /></a><br />
<input type="hidden" value="250.00" name="precio" />
<input type="hidden" value="Gato Persa" name="producto" />
<input type="hidden" value="ID402" name="referencia" />
</form>
</td></tr></table>
</td>
</tr>
</html>

:D espero que te sirva

Por apuu

186 de clabLevel

2 tutoriales

 

firefox
Citar            
MensajeEscrito el 22 Ene 2009 12:49 pm
y si el usuario tiene las cookies apagadas ya no te sirve :S
ademas con php ya tenes el resultado para enviarlo a la base de datos por mail o hacer lo que se te cante
no se si podes hacerlo con javascript pero dale
para que complicarse xP
bueno
beso

eric

Por ironeric23

Claber

407 de clabLevel



Genero:Femenino  

mozilla
Citar            
MensajeEscrito el 22 Ene 2009 06:06 pm
gracias a los dos, con vuestra ayuda ya puedo empezar a trabajar.

Por defero

85 de clabLevel



Genero:Masculino  

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.