That looks good, did it work?

-Hector


On Wed, Dec 10, 2008 at 10:57 AM, David Blomstrom <[EMAIL PROTECTED]
> wrote:

> So should the code in my head section  look something like this?:
>
> <script src="'.$BaseURL.'/1A/js/jquery-1.2.6.min.js"
> type="text/javascript"></script>
> <script src="'.$BaseURL.'/1A/js/tablesorter/jquery.tablesorter.js"
> type="text/javascript"></script>
> <script language="JavaScript" type="text/JavaScript">
>  $(document).ready(function()
>   {
>   $("#myTable").tablesorter({ widgets: [\'zebra\']} );
>
>
>
> $(\'#MSFree\').mouseover(function()
> {
>   $(\'#menu2\').show();
> });
>
> $(\'#MSFree\').mouseout(function()
> {
>   $(\'#menu2\').hide();
> });
>
>
>
>   }
>  );
> </script>
>
> ...or do I need to place the code you gave me in the body somehow?
>
> On Wed, Dec 10, 2008 at 10:51 AM, Hector Virgen <[EMAIL PROTECTED]>wrote:
>
>> The .show() and .hide() functions are on-demand functions -- they'll
>> happen immediately when the code is called. What you need to do is observe
>> the user's actions and show/hide the div based on what they are doing.
>>
>> For that, you can use .mouseover() and .mouseout with callback functions.
>> The callback functions will be called when certain events happen, and that
>> is where you place the .hide() and .how() code:
>>
>> // Untested...
>> $('#MSFree').mouseover(function()
>> {
>>     $('#menu2').show();
>> });
>>
>> $('#MSFree').mouseout(function()
>> {
>>     $('#menu2').hide();
>> });
>>
>> -Hector
>>
>>
>> On Wed, Dec 10, 2008 at 10:35 AM, David Blomstrom <
>> [EMAIL PROTECTED]> wrote:
>>
>>> Here's a condensed version of my code...
>>> <div class="collapsible" id="MSFree">
>>>   <div id="trigger2" class="trigger"><span>V</span>Microsoft-Free</div>
>>> </div>
>>> <div id='menu2' class='menu'">This website was designed....</div>
>>> So I would convert your code to this?:
>>> $('#MSFree').show();
>>> $('#MSFree').hide();
>>> Would I just add that to the JQuery code in my head section, and the
>>> script would then open whenever someone mouses over it?
>>> Thanks.
>>> On Wed, Dec 10, 2008 at 10:20 AM, Andy Matthews <
>>> [EMAIL PROTECTED]> wrote:
>>>
>>>>  jQuery has built in show() / hide() methods. The syntax would look
>>>> something like this:
>>>>
>>>> $('#someElement').show();
>>>> $('#someElement').hide();
>>>>
>>>> Where someElement was a container with an ID.
>>>>
>>>>
>>>> andy
>>>>
>>>>  ------------------------------
>>>> *From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED]
>>>> *On Behalf Of *David Blomstrom
>>>> *Sent:* Wednesday, December 10, 2008 12:11 PM
>>>> *To:* jquery-en@googlegroups.com
>>>> *Subject:* [jQuery] Need Open/Shut Function
>>>>
>>>> I've been looking for JQuery examples pages and started browsing through
>>>> plugins, but I haven't found what I'm looking for yet, so I wondered if
>>>> anyone here could make some recommendations.
>>>>
>>>> If you visit my web page at http://www.geosymbols.org/World/Arizona/,
>>>> you'll see a "Microsoft-Free" box in the top right corner of the page.
>>>> Hovering over it with your mouse causes a small display to appear.
>>>>
>>>> At the end of the article is a little Links/Books image with similar
>>>> behavior (though there's currently no content to display).
>>>>
>>>> What JQuery function, plugin or whatever should I use to duplicate those
>>>> functions? I'd like to be able to style it so that it looks pretty much as
>>>> it does now.
>>>>
>>>> Also, on my World home page at http://www.geosymbols.org/World I have
>>>> links to a series of JavaScript pop-up boxes with links to various nations.
>>>> It's a pretty simple, straightforward JavaScsript. I just wondered if there
>>>> are any JQuery functions that would somehow enhance those popups.
>>>>
>>>> So far I'm using a JQuery table sorter plugin and "zebra stripes"
>>>> widget. My code looks like this:
>>>>
>>>> <script src="'.$BaseURL.'/1A/js/jquery-1.2.6.min.js"
>>>> type="text/javascript"></script>
>>>> <script src="'.$BaseURL.'/1A/js/tablesorter/jquery.tablesorter.js"
>>>> type="text/javascript"></script>
>>>> <script language="JavaScript" type="text/JavaScript">
>>>>  $(document).ready(function()
>>>>   {
>>>>   $("#myTable").tablesorter({ widgets: [\'zebra\']} );
>>>>   }
>>>>  );
>>>> </script>
>>>>
>>>> Thanks.
>>>>
>>>
>>>
>>>
>>> --
>>> David Blomstrom
>>> Writer & Web Designer (Mac, M$ & Linux)
>>> www.geobop.org
>>>
>>
>>
>
>
> --
> David Blomstrom
> Writer & Web Designer (Mac, M$ & Linux)
> www.geobop.org
>

Reply via email to