We Keep Coding

Have weird issue with input in ascensor script

Hey I have weird problem with the script ascensor.js
You can watch in my site :
www.emantiss.com
Look down page into the contact form. I can't write anything.
I've tried to delete the script and than it back to work.
Anyone have any idea how to fix that problem? with the script I just cant type inside the inputs and the textarea.
thanks.
This is the script code:
$('#masallery').ascensor({direction:"x",
time: 800,
overflow: 'hidden',
windowsOn: 0
});
This is the input code:
$('input, textarea').attr("data-placeholdertext", function() {
return this.value;
});
$('#form')
.delegate('input, textarea', 'focus', function() {
$(this).removeClass("formde").addClass("formde-click");
if (this.value === $(this).attr("data-placeholdertext")) {
this.value = '';
}
})
.delegate('input, textarea', 'blur', function() {
$(this).removeClass("formde-click").addClass("formde");
if (this.value.length == 0) {
this.value = $(this).attr("data-placeholdertext");
}
});
If I delete the first code, It is works.
When I enable the script, I can't type anything.

I think your problem is that you try to validate fields on every keyup.
You should try to remove it from java.js
line 110
this.uname.on("keyup", this.isVaildName);
this.email.on("keyup", this.isVaildEmail);
this.cmsg.on("keyup",this.isVaildMsg);
Any way form validates on submit
Edit
Yep previos suggest was wrong, sorry was unmindful.
I think I have found now where there is a problem.
Ascensor bind itself to all keydown events.
On line 146 it return "!1" if event comes from input/textarea.
!1 is false so it prevent default browser action (placing symbol to field).
If you change "!1" to "true" it should start work well.
Edit2:
Or you can disable key navigation feature.
$('#masallery').ascensor({direction:"x",
time: 800,
overflow: 'hidden',
windowsOn: 0
keyNavigation: false,
});
It should work too.

Clear form inputs and keep placeholder

I know that using this jQuery tool
$('.myDiv input').each(function () {
$(this).val("");
});
clears my form but can anyone help me with some suggestions how to keep placeholders of the input?
Right now the placeholders appears only after I focus on at least one input.

jQuery
function Clear()
{
$('.myDiv input').each(function () {
$(this).val("");
x=1;
});
$('.myDiv input').first().focus();
}
Working Demo http://jsfiddle.net/s8vPG/2/

Disable Form submit button if text field filled in

I am trying to implement some Jquery that basically says "If this text field is filled in then disable the submit button so that the form cannot be delivered/submitted"
So far I have come up with this, but it is not working
$(document).ready(function(){
$this = $("#inputValue");
if($this.val().length>0){
$('input[type=submit]').attr('disabled', 'disabled');
}
});
When i fill in the form and include text within the field I am not supposed to the form still gets submitted, what am i doing wrong?
Thanks

Your code only runs once on runtime. After that, it doesn't get checked again.
$(document).ready(function (){
$("#inputValue").on('change', function (){
if($(this).val().length > 0){
$('input[type=submit]').attr('disabled', 'disabled');
} else {
$('input[type=submit]').removeAttr('disabled');
}
});
});
Or, as #thomasfedb suggested:
$(document).ready(function (){
$('#inputValue').on('change', function() {
$("input[type=submit]").prop('disabled', $(this).val().length > 0);
});
});

I'd suggest you to bind a keyup event to do the check every time when user enters something to #inputValue field:
$(document).ready(function() {
$("#inputValue").on("keyup", function() {
$("input[type=submit]").prop("disabled", !!$.trim(this.value).length);
}).trigger("keyup");
});

Since you're using a hidden field it might be better to bind the change event:
$('#inputValue').on('change', function() {
$('input[type="submit"]').prop('disabled', this.value.length > 0);
}).change();

Try using this code.
$('input[type=submit]').attr("disabled", true);

JQuery advice or suggestion for new alternative solution

Is there a better way of doing this
$("#<%=Text_Name.ClientID%>").mouseleave(function () {
var t_name = this.value;
if (t_name == "") {
$(this).val("Name");
$("#<%=Text_Name.ClientID%>").addClass("grey_add");
$("#<%=Text_Name.ClientID%>").removeClass("black_add");
}
});
What this code does is when you scroll out of the textbox it leaves the it returns to you "Name".
A con about using this technique is when user move mouse out the textbox it fills something in when user types.

It's really simple with jQuery, check this:
html
<input type="text" id="myInput" value="Name" />
jQuery
$(function() {
$('#myInput').focusin(function() {
$(this).val('');
});
$('#myInput').focusout(function() {
$(this).val('Name');
$(this).css('background-color', '#ccc');
});
});
Here goes jsFiddle.
No need for plugins or much code for this.

<input name="search" placeholder="<%=Text_Name.ClientID%>"/>
no javascript needed.

$("#<%=Text_Name.ClientID%>").blur(function () {
var t_name = this.value;
if (t_name == "") {
$(this).val("Name");
$("#<%=Text_Name.ClientID%>").addClass("grey_add");
$("#<%=Text_Name.ClientID%>").removeClass("black_add");
}
});
This event happens when you focus on something else, which is what the textbox at the top right of stack overflow probably uses.

You could look into the watermark plugin I was posting about here:
Custom jQuery plugin return val()
Just edit it to be mouseover / mouseout instead of on focus/blur.
jsFiddle edited to show mouseover/mouseout

jquery textarea value focus

This is probably stupidity on my part, but where am I going wrong with this?
$(function() {
$('textarea#comment').each(function() {
var $txt = $(this).val();
$(this).bind('focus', function() {
if($(this).val($txt)) {
$(this).val('');
}
});
});
});
Basically on focus I want to check if the value is the default value in this case 'Enter your comment', then if it is change the value to nothing.
Anyone know how to do this? I'm guessing its relatively simple. What the code does at the moment is removes any value.

Ok first off you should only have one tag with the id of comment since ids are supposed to be unique, but if we go with your code you have to setup a default value first like this:
<textarea id="comment">Enter text here</textarea>
Now the javascript:
(function() {
$('textarea#comment').each(function() {
var $txt = $(this).val();
//alert($txt);
$(this).bind('focus', function() {
if($(this).val() === this.defaultValue) {
$(this).val('');
}
});
});
})();
The self executing function syntax has been corrected here and should be as follow:
(function () { // my code here })();
and for default value use:
this.defaulValue; // works for input boxes as well
Hope it helps. Cheers

jquery_example plugin do exactly what you need. You may have a look at its source code and get some inspiration. Or you can store the default value as meta-data on the tag and check against it on change event of the textarea tag.

try
$('#comment').live('click change focus', function() {
var $txt = $(this).val();
if($txt == 'Enter your comment' );
$(this).val('');
});
DEMO