[jQuery/jqtransform] Dodanie do kodu stylu inputa Opcje

[einter-project]

Witam

Na stronie muszę zastosować ostylowane formularze. Problem w tym że jest kilka styli tych samych pól formularza. Grafika poniosło.

W jaki sposób przekazać styl z pola do funkcji (korzystam z jqtransform):

Na przykład pole input
<input class="searchInput" type="text" name="searchAccommodation" value="">

I teraz chciałbym nazwę klasy wsadzić w:
$input.addClass("jqTransformInput").wrap('<div class="jqTransformInputWrapper_tutaj nazwe klasy"><div class="jqTransformInputInner"><div></div></div></div>');

[HTML] pobierz, plaintext 
 
/***************************
	  Text Fields 
	 ***************************/
	$.fn.jqTransInputText = function(){
		return this.each(function(){
			var $input = $(this);
 
			if($input.hasClass('jqtranformdone') || !$input.is('input')) {return;}
			$input.addClass('jqtranformdone');
 
			var oLabel = jqTransformGetLabel($(this));
			oLabel && oLabel.bind('click',function(){$input.focus();});
 
			var inputSize=$input.width();
			if($input.attr('size')){
				inputSize = $input.attr('size')*10;
				$input.css('width',inputSize);
			}
 
			$input.addClass("jqTransformInput").wrap('<div class="jqTransformInputWrapper_tutaj nazwe klasy"><div class="jqTransformInputInner"><div></div></div></div>');
			var $wrapper = $input.parent().parent().parent();
			$wrapper.css("width", inputSize+10);
			$input
				.focus(function(){$wrapper.addClass("jqTransformInputWrapper_focus");})
				.blur(function(){$wrapper.removeClass("jqTransformInputWrapper_focus");})
				.hover(function(){$wrapper.addClass("jqTransformInputWrapper_hover");},function(){$wrapper.removeClass("jqTransformInputWrapper_hover");})
			;
 
			/* If this is safari we need to add an extra class */
			$.browser.safari && $wrapper.addClass('jqTransformSafari');
			$.browser.safari && $input.css('width',$wrapper.width()+16);
			this.wrapper = $wrapper;
 
		});
	};
 
[HTML] pobierz, plaintext 

Bardzo prosiłbym o pomoc jak to rozwiązać.

[einter-project]

Dzięki za pomoc, ale jak dodałem poniżej pola input problem zniknął. Za to pojawił się nowy którego już nie wiem jak rozwiązać. Jak zaznaczę pole formRegistrationFV skrypt powinien zrobić aktywne poniżej pola. Bez jqtransform wszystko działa jak ma działać. Jak dodam tylko jqtransform to skrypt reaguje po 2 kliku i działa na odwrót.

[HTML] pobierz, plaintext 
<script type="text/javascript">
function customerInvoiceVat() {
     var chkAll = document.getElementById('formRegistrationFV');
 
     if(chkAll.checked == true){
         document.registration.formInvoiceCompany.disabled = false;
         document.registration.formInvoiceCompany.className = 'RegistrationInput';
	     document.getElementById('ID_invoiceCompany').className = 'text';
 
	     document.registration.formInvoiceName.disabled = false;
         document.registration.formInvoiceName.className = 'RegistrationInput';
	     document.getElementById('ID_invoiceName').className = 'text';
 
 
     } else {
         document.registration.formInvoiceCompany.disabled = true;
         document.registration.formInvoiceCompany.className = 'RegistrationInputNot';
         document.getElementById('ID_invoiceCompany').className = 'textNot';
 
	     document.registration.formInvoiceName.disabled = true;
         document.registration.formInvoiceName.className = 'RegistrationInputNot';
	     document.getElementById('ID_invoiceName').className = 'textNot';
     }
}                  
 
window.onload = customerInvoiceVat;
</script>
 
[HTML] pobierz, plaintext 

Link do strony: http://31.178.13.71/ogloszenia/customerPan...ateRegistration
Jak rozwiązać aby działał za pierwszym klikiem i nie na odwrót?

Pozdrawiam