Hide List or Crosstab using Jquery

Hi Guys ,

Below is the sample script to use .For more details on using jquery with Cognos please go through my other post which gives you the basics

My best explaination on jquery below link

Cognossimplified Jquery

Basic steps 

1) create a list 
2) Take 2 html items one at starting of list and one at ending of list 

You can refer to IBM site 

http://www.ibm.com/developerworks/library/ba-pp-reporting-advanced-report-design-page647/



<form>
<input type="radio" id ="list" name="sex" value="male">List
<input type="radio" id ="Crosstab" name="sex" value="female">Crosstab
</form>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>

var bb = jQuery.noConflict();

bb(document).ready(function(){
      bb("#list").click(function(){
      alert();

bb("#abc").toggle();


  });
});
</script>

Using Jquery with Cognos

Hi Guys ,

Please go through other article before this it will giv you some basics

Jquery with Cognos

As you are aware cognos has limited functionalities and to improve them we use javascript .However most report authors are not javascript developers so we have a issue .You can make use of jquery to make your life simpler .

We have jquery-UI library which allows you to make your of lot of features like .Sliders , Data prompts and all those flashy things you see on most of website .If your userbase wants that kind of experience with cognos


http://www.htmlgoodies.com/tutorials/forms/article.php/3895776/HTML-Forms-jQuery-Basics---Getting-Started.htm

Below is the javascript for Default date prompt value selection 


<script>
pickerControlPDate.setValue(sysdate )-------- instead of sysdate you can have a function here and write your logic

</script>
-----------------------------------------------------------------------------------------

Below is a script for jquery-UI date picker.Copy it in a notepad and save the notepad as abc.html
it should work



<html lang="en">
<head>
  <meta charset="utf-8" />
  <script type="text/javascript"
 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"
 src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body>

<p>Date: <input type="text" id="datepicker" /></p>


</body>
</html>