Rails spinoffs - Apr 2008 - Re: [Ruby Forum] Message from user martinevans

Sure.

Make sure you have Prototype 1.6+ in your page, then add this in a  
script block/source:

document.observe(''dom:loaded'',function(){
	var combo = function(evt){
		var elm = evt.element();
		if ($F(elm) == ''Other...''){
			var w = elm.getWidth() + ''px'';
			var theId = elm.id;
			//following var should be all one line!
			var txt = ''<input type="text" name="'' +
elm.name + ''" id="'' +
theId + ''" style="width:'' + w + '';"
/>'';
			elm.replace(txt);
			$(theId).activate();
		}
	}
	//this line applies it to all select boxes on the page that have the  
combo class
	$$(''select.combo'').invoke(''observe'',''change'',combo);
});


Now all you need to do is add the className ''combo'' to your
selects
that you want to behave this way, and the option ''Other...''
somewhere
in the select list (I like the bottom, so they have to scan the  
list), and you''re good to go.

Walter

On Apr 18, 2008, at 10:39 AM, martin-l46SZTPKXloqdlJmJB21zg@public.gmane.org
wrote:
> martinevans sent you the following message:
>
> ===================================> Hi I''m looking for a
combobox that can have text added looking at a
> previous post you made
>
> "I''ve done a sort of cheater''s combo box before with
Prototype. All I
> do is add an option to the end of a regular select that reads Add
> new..., and then if that gets selected, I replace the entire select
> with a same-name text input box. It''s very simple. Let me know if
you
> want it and I''ll dig out the code"
>
> Would it be possible to send me a copy of your code please
> thanks
> Martin
> ===================================
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

One tiny tweak that just occurred to me:

var combo = function(evt){
	var elm = evt.element();
	if ($F(elm) == ''Other...''){
		var w = elm.getWidth() + ''px'';
		var theId = elm.id;
		//following var should be all one line!
		var txt = ''<input type="text" name="'' +
elm.name + ''" id="'' + theId
+ ''" style="width:'' + w + '';"
/>'';
		if(!window.comboBackup) window.comboBackup = new Object();
		window.comboBackup.theId = elm.replace(txt);
		$(theId).activate().observe(''blur'',function(e){
			var t = e.element();
			if($F(t) == t.defaultValue){
				t.replace(window.comboBackup.theId);
				$(theId).options.selectedIndex = 0;
			}
		});
	}
}
$$(''select.combo'').invoke(''observe'',''change'',combo);

Now if you blur away from the form field without adding anything to  
it, the old picker comes back to play. Can anyone recommend another  
approach than stashing the old element in the window context?

Walter

On Apr 18, 2008, at 11:14 AM, Walter Lee Davis wrote:
>
> Sure.
>
> Make sure you have Prototype 1.6+ in your page, then add this in a
> script block/source:
>
> document.observe(''dom:loaded'',function(){
> 	var combo = function(evt){
> 		var elm = evt.element();
> 		if ($F(elm) == ''Other...''){
> 			var w = elm.getWidth() + ''px'';
> 			var theId = elm.id;
> 			//following var should be all one line!
> 			var txt = ''<input type="text"
name="'' + elm.name + ''" id="'' +
> theId + ''" style="width:'' + w +
'';" />'';
> 			elm.replace(txt);
> 			$(theId).activate();
> 		}
> 	}
> 	//this line applies it to all select boxes on the page that have the
> combo class
> 
$$(''select.combo'').invoke(''observe'',''change'',combo);
> });
>
>
> Now all you need to do is add the className ''combo'' to
your selects
> that you want to behave this way, and the option
''Other...'' somewhere
> in the select list (I like the bottom, so they have to scan the
> list), and you''re good to go.
>
> Walter
>
> On Apr 18, 2008, at 10:39 AM,
martin-l46SZTPKXloqdlJmJB21zg@public.gmane.org wrote:
>
>> martinevans sent you the following message:
>>
>> ===================================>> Hi I''m looking for
a combobox that can have text added looking at a
>> previous post you made
>>
>> "I''ve done a sort of cheater''s combo box before
with Prototype. All I
>> do is add an option to the end of a regular select that reads Add
>> new..., and then if that gets selected, I replace the entire select
>> with a same-name text input box. It''s very simple. Let me know
if you
>> want it and I''ll dig out the code"
>>
>> Would it be possible to send me a copy of your code please
>> thanks
>> Martin
>> ===================================>
>
> >

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---