From mboxrd@z Thu Jan  1 00:00:00 1970
From: Sebastian Rose <sebastian_rose@gmx.de>
Subject: Re: Some Javascript Adventures
Date: Tue, 12 May 2009 15:48:40 +0200
Message-ID: <87r5yuxwhz.fsf@kassiopeya.MSHEIMNETZ>
References: <4A0960BE.2050005@manor-farm.org>
Mime-Version: 1.0
Content-Type: text/plain; charset=us-ascii
Return-path: <emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org>
Received: from mailman by lists.gnu.org with tmda-scanned (Exim 4.43)
	id 1M3sI3-0005mY-A2
	for emacs-orgmode@gnu.org; Tue, 12 May 2009 09:45:03 -0400
Received: from exim by lists.gnu.org with spam-scanned (Exim 4.43)
	id 1M3sHy-0005l0-T3
	for emacs-orgmode@gnu.org; Tue, 12 May 2009 09:45:02 -0400
Received: from [199.232.76.173] (port=52950 helo=monty-python.gnu.org)
	by lists.gnu.org with esmtp (Exim 4.43) id 1M3sHy-0005kx-N4
	for emacs-orgmode@gnu.org; Tue, 12 May 2009 09:44:58 -0400
Received: from mail.gmx.net ([213.165.64.20]:34769)
	by monty-python.gnu.org with smtp (Exim 4.60)
	(envelope-from <sebastian_rose@gmx.de>) id 1M3sHx-0002lN-Sm
	for emacs-orgmode@gnu.org; Tue, 12 May 2009 09:44:58 -0400
In-Reply-To: <4A0960BE.2050005@manor-farm.org> (Ian Barton's message of "Tue,
	12 May 2009 12:42:54 +0100")
List-Id: "General discussions about Org-mode." <emacs-orgmode.gnu.org>
List-Unsubscribe: <http://lists.gnu.org/mailman/listinfo/emacs-orgmode>,
	<mailto:emacs-orgmode-request@gnu.org?subject=unsubscribe>
List-Archive: <http://lists.gnu.org/pipermail/emacs-orgmode>
List-Post: <mailto:emacs-orgmode@gnu.org>
List-Help: <mailto:emacs-orgmode-request@gnu.org?subject=help>
List-Subscribe: <http://lists.gnu.org/mailman/listinfo/emacs-orgmode>,
	<mailto:emacs-orgmode-request@gnu.org?subject=subscribe>
Sender: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org
Errors-To: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org
To: lists@manor-farm.org
Cc: emacs-orgmode@gnu.org


jQuery is  _the_ JS framework :-)
I use it all the time here...


I have this in my Sitemap:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
 <!--/*--><![CDATA[/*><!--*/
var doMenu = true;
$(document).ready(
  function(){
  $("ul").eq(0).find("li").each(
    function(){if($(this).children().eq(0)){
      $(this).css({cursor: "pointer"});
      $(this).bind(
        "click",
        function(){
          if($(this).children().eq(0).is(":visible")) $(this).children().eq(0).slideUp(250);
          else $(this).children().eq(0).slideDown(250);
          return false;});}});
  $("ul").eq(0).find("ul").hide();
});




Ian Barton <lists@manor-farm.org> writes:
> Yesterday on my bike ride I was listening to an old FLOSS Podcast about
> jQuery. There are a few things that Sebastian's org-info-js doesn't do, that I
> would like. Unfortunately, my knowledge of javascript is almost zero.
>
> However, the jQuery library seems to have excellent documentation. More
> importantly using jQuery seems to mostly protect you from trying to debug your
> code on lots of different browsers, since the jQuery author has already done it
> for you.
>
> After some experiments I cam up with the following snippets which toggle the
> visibility of DONE tasks and also timestamps. Hope someone finds them useful!
>
> Ian.
>
> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"
> type="text/javascript"></script>
>
> <script type="text/javascript" >
> <!--/*--><![CDATA[/*><!--*/
>
>      $(document).ready(function(){
>
>        $('#toggletimestamp').click(function() {
>             $('span.timestamp-wrapper').toggle();
>        });
>
>        $('#toggledone').click(function() {
>             myParent = $("span.done").parent();
>             myParent.toggle();
>        });
>      });
> /*]]>*/-->
> </script>
>
> You can set up a buttons to call these functions:
>
> <input type="submit"
>  name="toggletimestamp"
>  value="Toggle Time Stamp"
>  id="toggletimestamp" />
>
> <input type="submit"
>    name="toggledone"
>    value="Toggle Done"
> id="toggledone" />
>