[SOLUCIONADO] Problema con serialize

sQs · #1 (**permalink**) 22/04/2013, 13:54

Hola a todos otra vez,

Tengo un problema que no puedo encontrar el fallo, y el problema es con serialize ya que si genero la cadena maualmente para probar este funciona perfectamente, aqui les dejo el codigo java:

Código HTML:

<script type="text/javascript">                                 
	jQuery(document).ready(function($) {
		$('#contact_form').submit(function() {
			var dataString = $(this).serialize();
			alert('Datos serializados: '+dataString); //Tengo esta alerta para verificar si recoge los datos.
			$.ajax({
				type: 'POST',
				url: 'contact.php',
				data: dataString,
				dataType: 'json',
				success: function(data) {
					if(data.test2 == 1) {
						result = '<div class="notification_ok">'+data.test1+'</div>';
						$("#fields").hide();
					} else {
						result = '<div class="notification_er">'+data.test1+'</div>';
					}
					$('#contact_msg').html(result);
				}
			});
			return false;
		});
	});
</script>

El form lo tengo asi

Código HTML:

<form id="contact_form" class="std" method="post" action="">
	<!--Aqui los datos del formulario-->
</form>

Se que debe ser cualquier detalle pero, ese es el problema que no lo puedo encontrar :S
Espero pueda alguien ayudarme y gracias de antemano.

Saludos.

David · #2 (**permalink**) 22/04/2013, 14:02

¿El código produce error? ¿Qué muestra ese alert()?

sQs · #3 (**permalink**) 22/04/2013, 14:09

No produce ningún error y el alert no muestra la cadena, lo muestra vacío. Ahora que lo mencionas, hay algún depurador que me recomiendes para tratar de localizar errores de Java fácilmente?

David · #4 (**permalink**) 22/04/2013, 14:15

Casi todos los navegadores más recientes ya cuentan con herramientas para desarrolladores. Ya depende con cuál te sientes más cómodo.

¿Qué tipo de campos son? ¿Tienen el atributo name?

sQs · #5 (**permalink**) 22/04/2013, 14:51

Los input son de tipo texto y tienen el id y el name del mismo nombre, por ejemplo el de email tiene id="email" y name="email"
Respecto al navegador pues uso más firefox y chrome, instale un plugin de JavaScript Debugger pero no e tenido oportunidad de probarlo y no encontré como usarlo, no se sí me puedas recomendar alguno que sea de los mejores te lo agradecería.

David · #6 (**permalink**) 22/04/2013, 15:08

Muestra el contenido del formulario, es raro que no funcione.

Con lo del navegador, me refería a que ya traen integrado herramientas de desarrollo bastante completas.

sQs · #7 (**permalink**) 22/04/2013, 15:24

Ok aqui te envio el codigo del formulario, lo tengo escrito en smarty:

Código HTML:

 <form id="contact_form" class="std" method="post" action="">

                    <h3>{l s='Send a message'}</h3>
                    <p class="select">
                        <label for="id_contact">{l s='Subject Heading'}</label>
                        <input type="text" id="id_contact" name="id_contact" /><sup>*</sup>
                    </p>

                    <p class="text">
                        <label for="emailc">{l s='E-mail address'}</label>
                        <input type="text" id="emailc" name="emailc" /><sup>*</sup>
                    </p>

                    <p class="text">
                        <label for="name">{l s='Name'}</label>
                        <input type="text" name="name" id="name" /><sup>*</sup>
                    </p>

                    <p class="text">
                        <label for="id_order">{l s='ID Order'}</label>
                        <input type="text" name="id_order" id="id_order" />
                    </p>
                    
                    <p class="text">
                    	<label for="fileUpload">{l s='Attach File'}</label>
                        <input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
                        <input type="file" name="fileUpload" id="fileUpload" />
                    </p>
                        
                    <p class="textarea">
                        <label for="message">{l s='Message'}</label>
                         <textarea id="message" name="message" rows="15" cols="20" style="width:460px;height:220px"></textarea><sup>*</sup>
                    </p>
                    <p class="submit">
                        <input style="width:100px" type="submit" name="submitMessage" id="submitMessage" value="{l s='Send'}" class="button_mini" />
                    </p>
                    <div id="contact_msg"></div>

            </form>

David · #8 (**permalink**) 22/04/2013, 15:34

Debería funcionar, fíjate:
http://jsfiddle.net/SLPg9/

El único problema tendrías con el campo file.

nestor_rupay · #9 (**permalink**) 22/04/2013, 16:17

hola amigo David aqui tengo un ejemplo donde se puede subir archivos mediante $.ajax().

como se podria unir los del formulario y lo del archivo intente pero no secomo pasar el parametro del formulario.

aqui esta el ejemplo de subir archivo.
index.html

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script>
<script type="text/javascript">
function uploadAjax(){
var form = $('#form1').serialize();//capturo los elementos del formulario
alert('Datos serializados: '+form);
var inputFileImage = document.getElementById("archivoImage");
var file = inputFileImage.files[0];
var data = new FormData();
data.append("archivo",file);
var url = "upload.php";
    $.ajax({
        url:url,
        type:"POST",
        dataType: 'json',
        contentType:false,
        data:data, //aqui es el problema que no se como poner el  variable form que me contiene lo del formuario. e intetando de varias maneras y nada
        processData:false,
        cache:false
    }).done(function(respuesta){
                    alert(respuesta.mensaje);
                    });
 
}
</script>
</head>
<body>
<input type="file" name="archivoImage" id="archivoImage" />
<form name="form1" method="post" action="" id="form1">
<label>NOMBRE:</label><input type="text" name="nombre" id="nom"/><br />
<label>APELLIDOS</label><input type="text" name="apellidos" id="ape"/><br />
 
<input type="button" id="botonSubidor" onclick="uploadAjax();"/>
</form>
 
</body>
</html>

qui el codigo php upload.php

Código PHP:

Ver original<?php 
$upload_folder ="imagenes";
 
$nombre_archivo = $_FILES["archivo"]["name"];
/*$nombre=$_POST['nombre'];*/
/*$nombre=$_POST['apellidos'];*/
$tipo_archivo = $_FILES["archivo"]["type"];
 
$tamano_archivo = $_FILES["archivo"]["size"];
 
$tmp_archivo = $_FILES["archivo"]["tmp_name"];
 
$archivador = $upload_folder . "/" . $nombre_archivo;
 
move_uploaded_file($tmp_archivo, $archivador);
$respuesta = new stdClass();
$respuesta->mensaje = "Se movio correctamente";
 
echo json_encode($respuesta);
?>

sQs · #10 (**permalink**) 22/04/2013, 17:13

Cita:

Iniciado por David

Debería funcionar, fíjate:
[url]http://jsfiddle.net/SLPg9/[/url]

El único problema tendrías con el campo file.

Elimine todos los input, deje solamente el de email y aun sigue sin funcionar :S ahora si ya me esta volviendo loco.

David · #11 (**permalink**) 22/04/2013, 18:06

Habría que ver la página, como te indiqué, funciona haciendo pruebas con el mismo código.

Revisa también la Consola de Errores si aparece algún problema allí.

sQs · #12 (**permalink**) 22/04/2013, 18:24

Cita:

Iniciado por David

Habría que ver la página, como te indiqué, funciona haciendo pruebas con el mismo código.

Revisa también la Consola de Errores si aparece algún problema allí.

Como puedo enviarte la direccion por privado para que veas el codigo ya que no me gustaria ponerlo aqui publico?, intente enviarte un PM pero no me dejo

David · #13 (**permalink**) 22/04/2013, 18:38

Lo único que necesito es reproducir el error; revisa el código fuente de la página en el navegador, quita todo lo que no es relevante y pégalo aquí para ver.

sQs · #14 (**permalink**) 22/04/2013, 18:46

Cita:

Iniciado por David

Lo único que necesito es reproducir el error; revisa el código fuente de la página en el navegador, quita todo lo que no es relevante y pégalo aquí para ver.

Ok, este es el codigo fuente mostrado en la pagina cuando das al click derecho y a ver codigo fuente, lo dividi en dos porque exedia el limite de caracteres:

** Parte 1 **

Código HTML:

<link href='http://fonts.googleapis.com/css?family=Quando' rel='stylesheet' type='text/css'>
<script src='{$modules_dir}psc_maintenancepro/js/jquery-1.8.1.min.js' type='text/javascript'></script>
<link  href='{$modules_dir}psc_maintenancepro/css/psc_maintenancepro.css' rel='stylesheet' type='text/css' media='screen' />

<script type="text/javascript">                                 
	jQuery(document).ready(function($) {

		function ShowForms() {
			if ($("#maintenance_subs").is(":hidden")) {
				$("#ribbon span.signup_news").css("display","none");
				$("#ribbon span.signup_cont").css("display","block");
				$("#contact_form").slideUp("slow");
				$("#maintenance_subs").slideDown("slow");
			}
			else {
				$("#ribbon span.signup_news").css("display","block");
				$("#ribbon span.signup_cont").css("display","none");
				$("#maintenance_subs").slideUp("slow");
				$("#contact_form").slideDown("slow");
			}
		}
		$(".contact").click(function() {
			ShowForms();
			return false;
		});
		
		$('#subscribe_form').submit(function() {
			$('#subscribe_msg').html('<p><img src="{$modules_dir}psc_maintenancepro/img/ajax-loader.gif" /></p>');
			var str = $(this).serialize();
			alert('Datos serializados: '+str);
			$.ajax({
				type: 'POST',
				url: '{$modules_dir}psc_maintenancepro/functions/subscribe.php',
				data: str,
				dataType: 'json',
				success: function(data) {
					if(data.status == 1) {
						result = '<div class="notification_ok">'+data.message+'</div>';
						$("#fields").hide();
					} else {
						result = '<div class="notification_er">'+data.message+'</div>';
					}
					$('#subscribe_msg').html(result);
				}
			});
			return false;
		});
		
		$('#contact_form').submit(function() {
			$('#contact_msg').html('<p><img src="{$modules_dir}psc_maintenancepro/img/ajax-loader.gif" /></p>');
			var dataString = $(this).serialize();
			alert('Datos serializados: '+dataString);
			$.ajax({
				type: 'POST',
				url: '{$modules_dir}psc_maintenancepro/functions/contact-us.php',
				data: dataString,
				dataType: 'json',
				success: function(data) {
					if(data.test2 == 1) {
						result = '<div class="notification_ok">'+data.test1+'</div>';
						$("#fields").hide();
					} else {
						result = '<div class="notification_er">'+data.test1+'</div>';
					}
					$('#contact_msg').html(result);
				}
			});
			return false;
		});

	});
</script>

<!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" xml:lang="{$lang_iso}" lang="{$lang_iso}">
	<head>
		<title>{$meta_title|escape:'htmlall':'UTF-8'}</title>	
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
{if isset($meta_description)}
		<meta name="description" content="{$meta_description|escape:'htmlall':'UTF-8'}" />
{/if}
{if isset($meta_keywords)}
		<meta name="keywords" content="{$meta_keywords|escape:'htmlall':'UTF-8'}" />
{/if}
		<meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
		<link rel="shortcut icon" href="{$favicon_url}" />
		<link href="{$css_dir}maintenance.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
    <div id="content">
        <p><img src="{$logo_url}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}"{/if} alt="logo" /><br /><br /></p>
        <a class="contact_img" title="{l s='Contact us' mod='psc_maintenancepro'}" href="#" style="display:none">{l s='Contact us' mod='psc_maintenancepro'}</a>
        
                	<div id="ribbon" class="contact">
                            <span class="signup_cont">{l s='Contact us' mod='psc_maintenancepro'}</span>
                            <span class="signup_news" style="display:none">{l s='Go back' mod='psc_maintenancepro'}</span>
                     </div>
        
		<div id="maintenance_subs" style="display:none">
             <p id="message">
                {l s='In order to perform website maintenance, our online store will be temporarily offline.'}<br /><br />
                {l s='We apologize for the inconvenience and ask that you please try again later.'}
             </p>
             
            <div class="cf conatiner">
                <div id="count-dwn" class="cf">
                    <!--start of canvascounter-->
                    <section id="canvascounter">
                        <div id="countDownCanvasDiv">
                            <canvas id="countDownCanvas" width="568" height="135"> </canvas>
                            <div class="alignleft circular"><span id="dayVal" class="timerFonts"></span><p id="dayTex">{l s='-days-' mod='psc_maintenancepro'}</p></div>
                            <div class="alignleft circular"><span id="hrsVal" class="timerFonts"></span><p id="hrsTex">{l s='-hours-' mod='psc_maintenancepro'}</p></div>
                            <div class="alignleft circular"><span id="minVal" class="timerFonts"></span><p id="minTex">{l s='-minutes-' mod='psc_maintenancepro'}</p></div>
                            <div class="alignleft circular"><span id="secVal" class="timerFonts"></span><p id="secTex">{l s='-seconds-' mod='psc_maintenancepro'}</p></div>
                        </div>
                        <script type="text/javascript">
                            var endDate_fetch = new Date("2013 December, 01 12:00:00");
                        </script>
                    </section>
                    <!--eof canvascounter--> 
                </div>
            </div>

            <div class="block_newsletter">
	            <div id="bn_content">
                    <form id="subscribe_form" method="post">
                        <p>
                            <label>{l s='Stay updated, subscribe our newsletter:' mod='psc_maintenancepro'}</label> <br />
                            <input type="text" name="email" size="18" 
                                value="{if isset($value) && $value}{$value}{else}{l s='Your email address' mod='psc_maintenancepro'}{/if}" 
                                onfocus="javascript:if(this.value=='{l s='Your email address' mod='psc_maintenancepro' js=1}')this.value='';" 
                                onblur="javascript:if(this.value=='')this.value='{l s='Your email address' mod='psc_maintenancepro' js=1}';" 
                                class="inputNew" />

                            <input type="text" name="email2" size="18"/>

                            <!--<select name="action">
                                <option value="0"{if isset($action) && $action == 0} selected="selected"{/if}>{l s='Subscribe' mod='psc_maintenancepro'}</option>
                                <option value="1"{if isset($action) && $action == 1} selected="selected"{/if}>{l s='Unsubscribe' mod='psc_maintenancepro'}</option>
                            </select>-->
                                <input type="submit" value="subscribe" class="button_mini" name="subsNewsletter" id="subsNewsletter"/>
                            <input type="hidden" name="action" value="0" />
                        </p>
                    </form>
                    <div id="subscribe_msg"></div>
	            </div>
            </div>
    
			 <span style="clear:both;">&nbsp;</span>
		</div>

sQs · #15 (**permalink**) 22/04/2013, 18:47

** Parte 2 **

Código HTML:

 <div id="contact_form">
            <h1>{l s='Customer Service'} - {if isset($customerThread) && $customerThread}{l s='Your reply'}{else}{l s='Contact us'}{/if}</h1>
            
            {if isset($confirmation)}
                <p>{l s='Your message has been successfully sent to our team.'}</p>
                <ul class="footer_links">
                    <li><a href="{$base_dir}"><img class="icon" alt="" src="{$img_dir}icon/home.gif"/></a><a href="{$base_dir}">{l s='Home'}</a></li>
                </ul>
            {elseif isset($alreadySent)}
                <p>{l s='Your message has already been sent.'}</p>
                <ul class="footer_links">
                    <li><a href="{$base_dir}"><img class="icon" alt="" src="{$img_dir}icon/home.gif"/></a><a href="{$base_dir}">{l s='Home'}</a></li>
                </ul>
            {else}
                <p class="bold">{l s='For questions about an order or for more information about our products'}.</p>
                

                <form id="contact_form" class="std" method="post" action="">

                    <h3>{l s='Send a message'}</h3>
                    <p class="select">
                        <label for="id_contact">{l s='Subject Heading'}</label>
                        <input type="text" id="id_contact" name="id_contact" /><sup>*</sup>
                    </p>

                    <p class="text">
                        <label for="emailc">{l s='E-mail address'}</label>
                        <input type="text" id="emailc" name="emailc" /><sup>*</sup>
                    </p>

                    <p class="text">
                        <label for="name">{l s='Name'}</label>
                        <input type="text" name="name" id="name" /><sup>*</sup>
                    </p>

                    <p class="text">
                        <label for="id_order">{l s='ID Order'}</label>
                        <input type="text" name="id_order" id="id_order" />
                    </p>
                    
                    <p class="text">
                    	<label for="fileUpload">{l s='Attach File'}</label>
                        <input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
                        <input type="file" name="fileUpload" id="fileUpload" />
                    </p>
                        
                    <p class="textarea">
                        <label for="message">{l s='Message'}</label>
                         <textarea id="message" name="message" rows="15" cols="20" style="width:460px;height:220px"></textarea><sup>*</sup>
                    </p>
                    <p class="submit">
                        <input style="width:100px" type="submit" name="submitMessage" id="submitMessage" value="{l s='Send'}" class="button_mini" />
                    </p>
                    <div id="contact_msg"></div>

            </form>
            {/if}
		</div>

        <footer>
        	<div class="social-icon">
                    <a target="_blank" title="facebook" class="facebook" href="#">&nbsp;</a>
                    <a target="_blank" title="twitter" class="twitter" href="#">&nbsp;</a>
                    <a target="_blank" title="linkedin" class="linkedin" href="#">&nbsp;</a>
                    <a target="_blank" title="google plus" class="google-plus" href="#">&nbsp;</a>
                    <a target="_blank" title="orkut" class="orkut" href="#">&nbsp;</a>
                    <a target="_blank" title="delicious" class="delicious" href="#">&nbsp;</a>
                    <a target="_blank" title="myspace" class="myspace" href="#">&nbsp;</a>
                    <a target="_blank" title="dribbble" class="dribbble" href="#">&nbsp;</a>
            </div>
            <div class="copyright">Copyright &copy; {$smarty.now|date_format:"%Y"} {$shop_name} - All Rights Reserved</div>
        </footer>
	</div>
	</body>    
</html>

<script type="text/javascript" src="{$modules_dir}psc_maintenancepro/js/Main.js"> </script>
<script type="text/javascript" src="{$modules_dir}psc_maintenancepro/js/TimerUtils.js"> </script>

David · #16 (**permalink**) 22/04/2013, 18:54

Pero, si ese es el código que ves al seleccionar la opción "Ver código fuente" en tu navegador, significaría que la plantilla no se está procesando. Lo que a su vez implicaría que jQuery no se está cargando.

sQs · #17 (**permalink**) 22/04/2013, 19:01

Cita:

Iniciado por David

Pero, si ese es el código que ves al seleccionar la opción "Ver código fuente" en tu navegador, significaría que la plantilla no se está procesando. Lo que a su vez implicaría que jQuery no se está cargando.

A que te refieres con eso?, jquery si lo incluyo al inicio, de hecho inclui algunos botones con hide y slide y funcionan perfectamente.

David · #18 (**permalink**) 22/04/2013, 19:10

Sí, lo incluyes; pero pasa que tú me estás mostrando el código de la plantilla, y yo lo que necesitaría ver para reproducir el problema es el código ya procesado, el que se ve en el navegador.

sQs · #19 (**permalink**) 22/04/2013, 19:14

Disculpa mi enorme ignoracia pero, como puedo obtener el codigo ya procesado tal como lo necesitas :S

David · #20 (**permalink**) 22/04/2013, 19:17

Con tu navegador, entra en tu página, luego usa la opción "Ver código fuente de la página" y copia aquí el código.

sQs · #21 (**permalink**) 22/04/2013, 19:19

Es que eso fue exactamente lo que hize, solo que si vas mas arriva lo tuve que poner en dos respuestas (Parte 1 y 2) ya que no me permitia ponerlo en uno solo por el limite de caracteres, solo une la parte 1 y 2 y tendras el codigo fuente de mi pagina.

David · #22 (**permalink**) 22/04/2013, 19:25

Algo debes estar haciendo mal, porque allí yo veo la plantilla, no el código procesado.

sQs · #23 (**permalink**) 22/04/2013, 19:29

Perdon no se como me equivoque al pegarlo, aqui va ahora si:

Código HTML:

<link href='http://fonts.googleapis.com/css?family=Quando' rel='stylesheet' type='text/css'>
<script src='/modules/psc_maintenancepro/js/jquery-1.8.1.min.js' type='text/javascript'></script>
<link  href='/modules/psc_maintenancepro/css/psc_maintenancepro.css' rel='stylesheet' type='text/css' media='screen' />

<script type="text/javascript">                                 
	jQuery(document).ready(function($) {

		function ShowForms() {
			if ($("#maintenance_subs").is(":hidden")) {
				$("#ribbon span.signup_news").css("display","none");
				$("#ribbon span.signup_cont").css("display","block");
				$("#contact_form").slideUp("slow");
				$("#maintenance_subs").slideDown("slow");
			}
			else {
				$("#ribbon span.signup_news").css("display","block");
				$("#ribbon span.signup_cont").css("display","none");
				$("#maintenance_subs").slideUp("slow");
				$("#contact_form").slideDown("slow");
			}
		}
		$(".contact").click(function() {
			ShowForms();
			return false;
		});
		
		$('#subscribe_form').submit(function() {
			$('#subscribe_msg').html('<p><img src="/modules/psc_maintenancepro/img/ajax-loader.gif" /></p>');
			var str = $(this).serialize();
			alert('Datos serializados: '+str);
			$.ajax({
				type: 'POST',
				url: '/modules/psc_maintenancepro/functions/subscribe.php',
				data: str,
				dataType: 'json',
				success: function(data) {
					if(data.status == 1) {
						result = '<div class="notification_ok">'+data.message+'</div>';
						$("#fields").hide();
					} else {
						result = '<div class="notification_er">'+data.message+'</div>';
					}
					$('#subscribe_msg').html(result);
				}
			});
			return false;
		});
		
		$('#contact_form').submit(function() {
			$('#contact_msg').html('<p><img src="/modules/psc_maintenancepro/img/ajax-loader.gif" /></p>');
			var dataString = $(this).serialize();
			alert('Datos serializados: '+dataString);
			$.ajax({
				type: 'POST',
				url: '/modules/psc_maintenancepro/functions/contact-us.php',
				data: dataString,
				dataType: 'json',
				success: function(data) {
					if(data.test2 == 1) {
						result = '<div class="notification_ok">'+data.test1+'</div>';
						$("#fields").hide();
					} else {
						result = '<div class="notification_er">'+data.test1+'</div>';
					}
					$('#contact_msg').html(result);
				}
			});
			return false;
		});

	});
</script>

<!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" xml:lang="es" lang="es">
	<head>
		<title>DEMO 1.5.4</title>	
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="description" content="Shop powered by PrestaShop" />
		<meta name="keywords" content="tienda, prestashop" />
		<meta name="robots" content="index,follow" />
		<link rel="shortcut icon" href="/img/favicon.ico" />
		<link href="http://localhost/themes/default/css/maintenance.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
    <div id="content">
        <p><img src="/img/logo.jpg?1324977642" width="209" height="52" alt="logo" /><br /><br /></p>
        <a class="contact_img" title="Contact us" href="#" style="display:none">Contact us</a>
        
                	<div id="ribbon" class="contact">
                            <span class="signup_cont">Contact us</span>
                            <span class="signup_news" style="display:none">Go back</span>
                     </div>
        
		<div id="maintenance_subs" style="display:none">
             <p id="message">
                Para realizar tareas de manteniniento, nuestra tienda online estar&aacute; inactiva temporariamente.<br /><br />
                Lamentamos el inconveniente y le solicitamos probar mas tarde.
             </p>
             
            <div class="cf conatiner">
                <div id="count-dwn" class="cf">
                    <!--start of canvascounter-->
                    <section id="canvascounter">
                        <div id="countDownCanvasDiv">
                            <canvas id="countDownCanvas" width="568" height="135"> </canvas>
                            <div class="alignleft circular"><span id="dayVal" class="timerFonts"></span><p id="dayTex">-days-</p></div>
                            <div class="alignleft circular"><span id="hrsVal" class="timerFonts"></span><p id="hrsTex">-hours-</p></div>
                            <div class="alignleft circular"><span id="minVal" class="timerFonts"></span><p id="minTex">-minutes-</p></div>
                            <div class="alignleft circular"><span id="secVal" class="timerFonts"></span><p id="secTex">-seconds-</p></div>
                        </div>
                        <script type="text/javascript">
                            var endDate_fetch = new Date("2013 December, 01 12:00:00");
                        </script>
                    </section>
                    <!--eof canvascounter--> 
                </div>
            </div>

            <div class="block_newsletter">
	            <div id="bn_content">
                    <form id="subscribe_form" method="post">
                        <p>
                            <label>Stay updated, subscribe our newsletter:</label> <br />
                            <input type="text" name="email" size="18" 
                                value="Your email address" 
                                onfocus="javascript:if(this.value=='Your email address')this.value='';" 
                                onblur="javascript:if(this.value=='')this.value='Your email address';" 
                                class="inputNew" />

                            <input type="text" name="email2" size="18"/>

                            <!--<select name="action">
                                <option value="0">Subscribe</option>
                                <option value="1">Unsubscribe</option>
                            </select>-->
                                <input type="submit" value="subscribe" class="button_mini" name="subsNewsletter" id="subsNewsletter"/>
                            <input type="hidden" name="action" value="0" />
                        </p>
                    </form>
                    <div id="subscribe_msg"></div>
	            </div>
            </div>
    
			 <span style="clear:both;">&nbsp;</span>
		</div>


		<div id="contact_form">
            <h1>Customer Service - Contact us</h1>
            
                            <p class="bold">For questions about an order or for more information about our products.</p>
                

                <form id="contact_form" class="std" method="post" action="">

                    <h3>Send a message</h3>
                    <p class="select">
                        <label for="id_contact">Subject Heading</label>
                        <input type="text" id="id_contact" name="id_contact" /><sup>*</sup>
                    </p>

                    <p class="text">
                        <label for="emailc">E-mail address</label>
                        <input type="text" id="emailc" name="emailc" /><sup>*</sup>
                    </p>

                    <p class="text">
                        <label for="name">Name</label>
                        <input type="text" name="name" id="name" /><sup>*</sup>
                    </p>

                    <p class="text">
                        <label for="id_order">ID Order</label>
                        <input type="text" name="id_order" id="id_order" />
                    </p>
                    
                    <p class="text">
                    	<label for="fileUpload">Attach File</label>
                        <input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
                        <input type="file" name="fileUpload" id="fileUpload" />
                    </p>
                        
                    <p class="textarea">
                        <label for="message">Message</label>
                         <textarea id="message" name="message" rows="15" cols="20" style="width:460px;height:220px"></textarea><sup>*</sup>
                    </p>
                    <p class="submit">
                        <input style="width:100px" type="submit" name="submitMessage" id="submitMessage" value="Send" class="button_mini" />
                    </p>
                    <div id="contact_msg"></div>

            </form>
            		</div>

        <footer>
        	<div class="social-icon">
                    <a target="_blank" title="facebook" class="facebook" href="#">&nbsp;</a>
                    <a target="_blank" title="twitter" class="twitter" href="#">&nbsp;</a>
                    <a target="_blank" title="linkedin" class="linkedin" href="#">&nbsp;</a>
                    <a target="_blank" title="google plus" class="google-plus" href="#">&nbsp;</a>
                    <a target="_blank" title="orkut" class="orkut" href="#">&nbsp;</a>
                    <a target="_blank" title="delicious" class="delicious" href="#">&nbsp;</a>
                    <a target="_blank" title="myspace" class="myspace" href="#">&nbsp;</a>
                    <a target="_blank" title="dribbble" class="dribbble" href="#">&nbsp;</a>
            </div>
            <div class="copyright">Copyright &copy; 2013 DEMO 1.5.4 - All Rights Reserved</div>
        </footer>
	</div>
	</body>    
</html>

<script type="text/javascript" src="/modules/psc_maintenancepro/js/Main.js"> </script>
<script type="text/javascript" src="/modules/psc_maintenancepro/js/TimerUtils.js"> </script>

David · #24 (**permalink**) 22/04/2013, 19:40

El problema es que tienes también un div con id "contact_form", el id debe ser único, asigna un id diferente al formulario.

sQs · #25 (**permalink**) 22/04/2013, 19:46

OMG ya lo cambie y ya funciona perfecto, la verdad que mil millones de gracias, no se si algu hibiese encontrado ese error hahahah, podrias decirme en que debugger o con que programa debugger te fue facil encontrarlo ?, me ahorrarias muchas molestias por aca en el foro, este javascript es muy flexible, complejo pero lo malo es esto de encontrar errores.

David · #26 (**permalink**) 22/04/2013, 20:03

Me di cuenta al mirar el código fuente y buscar por id="contact_form".

En todo caso, yo uso las herramientas de debug que vienen integrados con Firefox; como dije, es más cuestión de trabajar con el que te sientas más cómodo.

sQs · #27 (**permalink**) 22/04/2013, 20:08

Supongo que te refieres a la extencion Firebug?, lo uso mucho para algunas cosas y mas para lo del css y pues e intentado usarlo para hacer el debbug de java pero no encuentro manual o video tutorial de como hacerlo.

¿Si es a este al que te refieres?

David · #28 (**permalink**) 22/04/2013, 20:23

En realidad en las versiones más recientes Firefox ya tiene integrado casi todo lo que tiene Firebug sin necesidad de instalarlo; el inspector del DOM, de red, editor de estilos, debugger, etc.

No sabría recomendarte algún tutorial al respecto; puedes encontrar información en MDN:
https://developer.mozilla.org/en-US/docs/Tools

sQs · #29 (**permalink**) 22/04/2013, 21:26

Ok mi estimado, le dare un vistazo a la informacion y nuevamente muchisimas gracias por tu ayuda que yo pienso me habria llevado dias en encontrar el error.

Saludos.