[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 serdeczne, dla potomnych zmiany w linii 8 i 20, a potem oczywiście trzeba dostosować style do każdej klasy, ale to już nie problem.

Pozdrawiam i jeszcze raz dziękuje za pomoc.


Jeszcze jedno. Mam problem z polem checkbox. Muszę w nim zastosować obsługę funkcji onclick="customerInvoiceVat()". Niestety jak dam onclick to przeładowuje mi stronę, czy jest jakiś sposób aby nie przeładował strony jak się zaznacza to pole.

Pole checkbox;
<input class="RegistrationCheckbox" name="formRegistrationFV" value="1" onclick="customerInvoiceVat()" type="checkbox">

Kawałek kodu odpowiedzialny za to pole:

[HTML] pobierz, plaintext 
/***************************
	  Check Boxes 
	 ***************************/	
	$.fn.jqTransCheckBox = function(){
		return this.each(function(){
			if($(this).hasClass('jqTransformHidden')) {return;}
 
			var $input = $(this);
			var inputSelf = this;
			var $inputClass = $input.attr('class');
 
			//set the click on the label
			var oLabel=jqTransformGetLabel($input);
			oLabel && oLabel.click(function(){aLink.trigger('click');});
 
			var aLink = $('<a href="#" class="jqTransformCheckbox'+$inputClass+'"></a>');
			//wrap and add the link
			$input.addClass('jqTransformHidden').wrap('<span class="jqTransformCheckboxWrapper'+$inputClass+'"></span>').parent().prepend(aLink);
			//on change, change the class of the link
			$input.change(function(){
				this.checked && aLink.addClass('jqTransformChecked') || aLink.removeClass('jqTransformChecked');
				return true;
			});
			// Click Handler, trigger the click and change event on the input
			aLink.click(function(){
				//do nothing if the original input is disabled
				if($input.attr('disabled')){return false;}
				//trigger the envents on the input object
				$input.trigger('click').trigger("change");	
				return false;
			});
 
			// set the default state
			this.checked && aLink.addClass('jqTransformChecked');		
		});
	};
[HTML] pobierz, plaintext 

Pozdrawiam