فکوس در text input

دوستان من یک چند تا tab تو سایتم دارم که تو هر کدوم از این تب ها چندتا text input هست
میخوام با جاوا اسکریپت وقتی رو یکی از این تب ها زد فکوس بره رو TextBox مورد نظر

نقل قول:

---

نوشته شده توسط leontry89

دوستان من یک چند تا tab تو سایتم دارم که تو هر کدوم از این تب ها چندتا text input هست
میخوام با جاوا اسکریپت وقتی رو یکی از این تب ها زد فکوس بره رو TextBox مورد نظر

---

سلام.
کافیه تا از تغییر Tab ها مطلع بشید، سپس Focus رو به Text Box مورد نظر در Active Tab بدید.
اگر چند خط کد میذاشتید که ببینم Tab ها رو با چی پیاده سازی کردید، (jQuery UI، Bootstrap و ...)
دقیق تر می تونستم پاسخ بدم.

موفق باشید.

مرسی تب ها با Jquery تغییر میکنه
اما اگه بتونید کد جاوا اسکریپت بدید که اگر لینکی با ID ایکس کلیک شد فکوس بره رو input با ID ایکس ممنون میشم

	$(function(){		$('.tab_content').hide();

		$('.tab1').show();

		$(".tab_content").show(function() {

			fleXenv.initByClass('tab_content');

		});

		$('.tab1').addClass('active');

		$('.tab').click(function()

		{

			fleXenv.initByClass('tab_content');

			var thisClass = this.className.slice(0,4);

			$('.tab_content').fadeOut('slow');

			$('div.' + thisClass).fadeIn('slow');

			$('#navigation li a').removeClass('active');

			$(this).addClass('active');

		​});

نقل قول:

---

نوشته شده توسط leontry89

مرسی تب ها با Jquery تغییر میکنه اما اگه بتونید کد جاوا اسکریپت بدید که اگر لینکی با ID ایکس کلیک شد فکوس بره رو input با ID ایکس ممنون میشم

---

سلام.
حقیقتش کدی که نوشته اید خیلی نامنظم هستش. اگر از jQuery UI (بطور نمونه) استفاده کنید، می تونید از event های load، activate و ... استفاده کنید تا از تغییر tab مطلع (یا load شدن محتوای یک تب) اطلاع پیدا کنید. یا اگر Bootstrap Tab ها استفاده کنید، می تونید shown.bs.tab event رو بگیرید تا از تب انتخاب شده مطلع بشید. کدی که شما نوشتید، بنظر میرسه داره سعی میکنه Tab ها رو خودش پیاده سازی کنید. اگر اینطوره، به این مقاله من رجوع کنید تا ببینید چطوری میشه یک Tab Control رو در 7-8 خط کد JavaScript بصورت کلی پیاده سازی کرد. در واقع میخوام بگم بخش های مختلف برنامه رو با هم ترکیب نکنید. شما ممکنه در صفحات دیگه هم Tab نیاز داشته باشید. نمیشه هر بار برای این مساله یک سری کد JavaScript رو Copy & Paste کنید و ... باید این کار رو بصورت Modular انجام بدید....


اما در مورد بخشی که اگر روی لینکی با ID ی X کلیک شد.... کافیه تا بدین شکل عمل کنید:

$(function(){

    $('a').click(function (e){

        e.preventDefault();

        var selector = 'input[id="' + $(this).attr('id') + '"]';

        $(selector).focus();

    });

});

و البته، اینم HTML مربوطه:

<a id="id5" href="">link1</a>

<input id="id5" type="text">

<a id="id7" href="">link2</a>

<input id="id7" type="text">

موفق باشید.