[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ć.

[mortus]

Może wystarczy w linii 8 takie coś:

[JAVASCRIPT] pobierz, plaintext 
var $inputClass = $input.attr('class');
[JAVASCRIPT] pobierz, plaintext 

I później w linii 21:

[JAVASCRIPT] pobierz, plaintext 
$input.addClass("jqTransformInput").wrap('<div class="jqTransformInputWrapper_'+$inputClass+'"><div class="jqTransformInputInner"><div></div></div></div>');
[JAVASCRIPT] pobierz, plaintext 

Gdyby nie zadziałało to spróbuj jeszcze argument funkcji wrap "ustawić" wcześniej, tj. w linii 20:

[JAVASCRIPT] pobierz, plaintext 
var wrapDOM = '<div class="jqTransformInputWrapper_'+$inputClass+'"><div class="jqTransformInputInner"><div></div></div></div>';
$input.addClass("jqTransformInput").wrap(wrapDOM);
[JAVASCRIPT] pobierz, plaintext