consultas

css/especificos.css

@@ -93,22 +93,27 @@ right: 20px;
     font-family: 'Open Sans';
     font-size: 12px;
 }
-#btnconsulta { position:absolute; right:10px; bottom:10px; display:block; }
-
-#basic-grey textarea{
-    height:100px;
-    letter-spacing: 2px;
-}
-#basic-grey .button {
+#btnconsulta {
+	position:absolute;
+	right:10px;
+	bottom:10px;
+	display:block; 
     background: #BCC9CC;
     border: none;
     padding: 10px 25px 10px 25px;
     color: #465A68;
+	cursor:pointer;
+}
+
+#basic-grey textarea{
+    height:100px;
+    letter-spacing: 2px;
 }
 #basic-grey .button:hover {
     opacity: 0.5;
     transition: opacity 0.2s ease-in-out;
 }
+#btnconsulta:disabled { opacity:1 !important; color:grey; background-color:#c0c0c0; cursor:auto !important;}
 
 /******************RESPONSIVE MENU******************/
 

js/main.js

@@ -118,6 +118,12 @@ function scrollToY(scrollTargetY, speed, easing) {
 		req.send(params);
 	};
 	btnconsulta.onclick=function(){
+		if (btnconsulta.disabled) return;
+		if (document.getElementById("name").value.length == 0 || document.getElementById("message").value.length<10) {
+			document.getElementById("respuestacontacto").innerHTML="Por favor completa todos los campos"; 
+			return;
+		}
+		document.getElementById("respuestacontacto").innerHTML="Enviando..."; 
 		var params = "nombre="+document.getElementById("name").value;
 		params=params+"&mail="+document.getElementById("email").value;
 		params=params+"&consulta="+document.getElementById("message").value;
@@ -127,9 +133,13 @@ function scrollToY(scrollTargetY, speed, easing) {
 		req.setRequestHeader("Connection", "close");
 
 		req.onreadystatechange=function(){
-		if(req.readyState == 4 && req.status == 200)
-			document.getElementById("respuestacontacto").innerHTML=req.responseText; 
-		}
+			if(req.readyState == 4 && req.status == 200)
+				document.getElementById("respuestacontacto").innerHTML=req.responseText; 
+				btnconsulta.value="Enviar";
+				btnconsulta.disabled=false;
+			}
+		btnconsulta.value="Enviando....";
+		btnconsulta.disabled=true;
 		req.send(params);
 	};
 	for(var i =0; i < tit_curso.length; i++)