$('#dialog').live('keyup', function(e){
	  	if (e.keyCode == 13) {
	    	$(':button:contains("Einloggen")').click();
	  	}
	});

Einloggen yazan yere Dialog da buttona verdiginiz adi giriniz.
dialog da gösterdiginiz div in id si

Plugin input[type=text] alanlarinin title tagini okuyarak gri renkte varsayilan bir deger atiyor.
input alani aktiv oldugunda ise varsayilan deger kayboluyor alani bos birakip terkettiginizde ise varsayilan deger yine otomatik olarak ekleniyor.
Asagidaki resimdede görüldügü gibi,böylelikle kullanicilara o alana nasil bir deger girmeleri gerektiklerine dair ipucu veriliyor.

(function($) {
	 $.fn.watermark=function(options) {
		 opts = $.extend($.fn.watermark.defaults,options);
		 $('input[type="text"]').each(function() {
			if($(this).attr('title')) {
				$(this).val($(this).attr('title'));
				$(this).addClass(opts.cssClass);
			}
		 });
		 $("input[type='text']").focus(function() {
				if($(this).val() == $(this).attr('title'))
				{
					$(this).val('');
					$(this).removeClass('water')	;
				}
		});
		$("input[type='text']").blur(function() {
				if($(this).val() == '') {
					$(this).val($(this).attr('title'));
					$(this).addClass('water');
				}
		});
		$('input[type="submit"]').click(function() {
			$("input[type='text']").each(function() {
				if($(this).val() == $(this).attr('title')) {
					$(this).val('');
				}
			});
		});
	 };

	 $.fn.watermark.defaults = {
			    cssClass: 'water'
			  };

 })(jQuery);

eklentinin cagrilisi:

$('form').watermark({cssClass:"red"});

“red” eklenecek olan css sinifinin adi.
Eger su sekilde cagrirsaniz

$('form').watermark();

.water adinda bir css sinifi eklenecektir

sinifin icerigi su sekilde ola bilir:

.water {
	color:#c0c0c0;
}

eklentiyi isteginize göre degistire bilirsiniz.
sorusu olan olursa asagidan sora bilir.

ÖRNEK icin tikla

$(document).ready(function(){
	$('form#regit div div.element').append('<div class="errormessage" style="display:inline;"></div>');

	var validator = $("form#regit").validate({
		 ignore: "input[type=hidden]",

		rules: {
			reg_email: {
				required: true,
				email: true,
				remote: "/an/checkemail/"
			},
			reg_password: {
				required: true,
				minlength:4
			},
			reg_password2:{
				required:true,
				minlength:4,
				equalTo:"#reg_password"
			},
			agb: "required"

		},
		messages: {
			reg_email: {
				required: Message["email_required"],
				email: Message["email_notok"],
				remote: Message["email_exists"]
			},
			reg_password: {
				required : Message["pass_required"],
				minlength: Message["pass_length"]
			},
			reg_password2: {
				required : Message["pass_required"],
				minlength: Message["pass_length"],
				equalTo: Message["pass_equal"]
			},
			agb:Message["agb_required"]

		},
		success: function(label) {
			if(label[0].htmlFor=="agb")
				label.removeClass('error');
			else
				label.addClass("valid");
		   },

		errorPlacement: function(error, element) {
			if ( element.is(":hidden") ){
				element.next().next().html(error);
			}
			else{
				element.next($('div.errormessage')).html(error);
			}
        } 

	});

});

yama yaptigimiz dosya:

$(document).ready(function(){
	$('#reg_email').rules("add",{
		remote: "/ag/checkemail/"
	});
	$('#company').rules("add",{
		required: true,
		minlength:4,
		messages:{
			required:Message["company_required"],
			minlength: Message["company_length"]
		}
	});
	$('#branch_id').rules("add",{
		required: true,
		messages: {
			required: Message["branch_required"]
		}
	});
});

#reg_email de remote adresini degistiriyoruz,
ve iki extra kontrol alani daha ekliyoruz validatorumuza.

Bu satirlar bana özel: Message["email_required"] siz oralara kendi hata mesajlarinizi yaza bilirsiniz.

ps:
bir alana tamamiyle baska kurallar eklemek icinse remove metodunu kullanarak ekli olan kurallari sile bilirsiniz.

$('#reg_email').rules("remove");

Bugün iste ajax ile icerigini doldurdugum bir Jquery UI Dialog caminda Tinymce editorunu göstermem gerekiyordu.
Bir kac gün önceden bu sorunla karsilacagimi bildigim icin Jquery türkiye Mailing liste bir mail atmistim, sagolsun Veysi Ertekin hemen cevab yazdi.

Su Kodla ajaxla gelen bir dialogda tinymce göstere bilirsiniz.

tinyMCE.init({
					 mode : "textareas",
					 theme : "simple"
				});

				tinyMCE.execCommand('mceAddControl', false, "task");

dialog kodunun hemen altina bunu ekleyin tamamdir.
task yazan yere kendi textareanizin idsini yazin;)

ps: form u benim gibi js/ajax ile gönderiyorsaniz, tinymce ozaman textarea ya yazilmasi gereken icerikleri iframe den kopyalamiyor, ajax postu göndermeden onun icin bu fonksiyonu da cagarin.

tinyMCE.triggerSave();

kolay gelsin

bugünki yazimizda JAvascript i bir Xhtml dosyasina nasil modern ve dogru sekilde entegre ederiz ona bakalim.

Cogu eski sayfalarda suna benzer bir Kod görürüz.

<script type="text/javascript"><!--
// eski browserlerden saklama yöntemi
// --></script>

Bu yöntem aslinda cok kisi istemesede bana göre artik cok eskilerde kaldi,
eskiden Browserler script ve noscript i desteklemedigi icin öle Browserlerden bu kodu saklama geregi duyulurdu.
Günümüzün ve gelecegin modern Browserleri (xhtml kurallarina sIkI tutan) ve Validatorlari bu kod ile Javascript’i görmez ve calistirmaz.

Onun icin yeni projelerde kullanilmasini önermiyorum.

Onun yerine cdata kullanalim.

<script type="text/javascript">
/* < ![CDATA[ */
alert("hallo");
/* ]]> */
</script>

cdata icindeki yaziyi validatorlar xhtml olarak görmez böylelikle hatada vermezler tabiki.
eski Browserler yine bir sorun olarak karsimiza cikiyor, onlar tabiki cdata yi tanimiyorlar onun icin onlardan cdata yi gizlememiz lazim.
nasilmi cok basit:

<script type="text/javascript">
/* < ![CDATA[ */
alert("hallo");
/* ]]> */</script>

cdata yi inline style kullandiginiz sayfalardada kullanmamiz gerekir.

nasilmi oda cok basit:

/* < ![CDATA[ */

body{ background: #fff; }

/* ]]--> */

Herseye ragmen yinede tüm Javascript ve css lerinizi extra ayri dosyalara yazip isinize yaradigi yerde include etmenizi tavsiye ederim.

istersek söyle bir fonksiyonada yaza biliriz tabiki

function isset(varname) {
if(typeof( window[ varname ] ) != "undefined") return true;
else return false;
}


hehe neyse koda gelelim

test.js icerigi

arr = new Array("test1","test2","test3","test4","test5","test6","test7","test8");

var randzahl = RandomZahl(0,arr.length);
randzahl = Math.round(randzahl);
document.writeln(arr[randzahl]);
function RandomZahl(Startzahl, Endzahl)
{
var zahl = Math.random() * 10;
if(zahl < Startzahl || zahl > Endzahl)
{
var zahl = RandomZahl(Startzahl, Endzahl);
}

return zahl;
}

gerekli html dosyamizda söyle görünüyor.

<script src="test.js"></script>

iste bukadar kolay gelsin

demiyenler icin once select boxumuzumu yapalim sonrada nene bakariz;)

<form name="testformu" method="post">
<select name="isimsec" onchange="javascript:document.testformu.submit();">
<option value="kadir">kadir</option>
<option value="ahmet">ahmet</option>
<option value="hasan">hasan</option>
</select>
</form>

evet yukardaki kodu inceleyelim
onchange: isimdede dedigi gibi bir degisiklik olunca geri kalan kodumuzu yapacak.
document: suan browserde acik olan icerigi gosteriyor,
testformu: formumuza verdigimiz isim
submit: lede submit etmesii soyluyoruz

hepsi bukadar aslinda cok kolay dimi;)

Sizde türkce Ajax hakkinda döküman ariyorsniz hic kacirmayin derim.

bölum bir
bölüm iki
bölüm üc
bölüm dört
bölüm bes
bölüm alti
bölüm yedi
bölüm sekiz

kolay gelsin bugunlukde bukadar, okuyup yorum yapmak isteyen varsa buyursun.

<input type="checkbox" value="check" name="checkall" onclick="checkUncheckAll();" />select/unselect  var z = 0;
for(z=0; z<document.form.length;z++){
if(document.form[z].type == 'checkbox' && document.form[z].name != 'checkall'){
if(document.form["checkall"].checked==true)
{
document.form[z].checked = false;
}
else
{
document.form[z].checked = true;
}
}
}
}