Rails spinoffs - Feb 2006 - Combine Ajax call with an effect.

Hello list.

I am a newbie with prototype, scriptaculous and with JS.

Right now, I have a successful ajax call that appears in my div 
(thedescription) when I mouse over the link, and disappears when I 
click on the link.  What I would like to have happen is to combine 
this with an effect  (ie, onclick="new 
Effect.toggle($(''thedescription''),''blind'')">)
so that the user has to
click on the link to show the description, and then click on it again 
to hide the description.  I just can''t get it to work by combining 
the ajax and the effect...Thanks for your help.


function getDescription(news_id) {
	var url = ''/admin/site_admin/news_popup.lasso?news_id='' +
news_id;
     	var myDiv = new Ajax.Updater(''thedescription'', url, 
{asynchronous:true});
	}

<span class="shownames" id = "show">
	<a href="#" title="" 
onmouseover="getDescription([field:''id''])" 
onclick="CloseDescription();return
false;">[field:''title'']</a>
</span>
	<div id="thedescription"></div>




-- 
Steven Q. Evans
Director of Technological Resources
Meeting Services, Inc.
(858)344-3351 * (858)348-0629 * (707)215-1032 Fax *
sqevans-HnJwFksjYctBDgjK7y7TUQ@public.gmane.org

Hi, Steve:

replace the inline onmouseover and onclick with Event.observe to start.

Your getDescription([field:''id'']  square brackets should be  
surrounded in quotes

i.e.
> getDescription(''[field:''id'']'')
This group not be familiar with lasso syntax :-)

Deco

On Feb 1, 2006, at 1:04 PM, Steven Q. Evans wrote:
> Hello list.
>
> I am a newbie with prototype, scriptaculous and with JS.
>
> Right now, I have a successful ajax call that appears in my div  
> (thedescription) when I mouse over the link, and disappears when I  
> click on the link.  What I would like to have happen is to combine  
> this with an effect  (ie, onclick="new Effect.toggle($ 
> (''thedescription''),''blind'')">)
so that the user has to click on the
> link to show the description, and then click on it again to hide  
> the description.  I just can''t get it to work by combining the
ajax
> and the effect...Thanks for your help.
>
>
> function getDescription(news_id) {
> 	var url = ''/admin/site_admin/news_popup.lasso?news_id=''
+ news_id;
>     	var myDiv = new Ajax.Updater(''thedescription'', url,
> {asynchronous:true});
> 	}
>
> <span class="shownames" id = "show">
> 	<a href="#" title=""
onmouseover="getDescription([field:''id''])"
> onclick="CloseDescription();return
false;">[field:''title'']</a>
> </span>
> 	<div id="thedescription"></div>
>
>
>
>
> -- 
> Steven Q. Evans
> Director of Technological Resources
> Meeting Services, Inc.
> (858)344-3351 * (858)348-0629 * (707)215-1032 Fax *  
> sqevans-HnJwFksjYctBDgjK7y7TUQ@public.gmane.org
> _______________________________________________
> Rails-spinoffs mailing list
> Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
> http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs