News ticker with jquery

Hi
has anyone implemented a new ticker in APEX using jquery?
I have tried to implement the liScroll news ticker detailed on the website:
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
but to no avail. Firebug is not reporting any errors on my APEX page that I am trying to use the new ticker on and I can see all imported .js scripts that the instructions on the website say to use - but my list just remains as a list.
We are using APEX 3.1.
Many thanks
Paul

I use the following script in some of my applications: http://www.dynamicdrive.com/dynamicindex2/cmarquee.htm
I modified it slightly to use an APEX application item at the following line of javascript:
var marqueecontent='<nobr><font face="Arial"><b>&APPLICATION_MESSAGE.<b/></font></nobr>'See if that will help..
Thank you,
Tony Miller
Webster, TX
I am a Ranger! We walk in the dark places no others will enter! We stand on the bridge and no one may pass! We live for the One, we die for the One!
If this question is answered, please mark the thread as closed and assign points where earned..
PS: PLEASE DO NOT POST ITEMS TO A THREAD THAT IS CLOSED OR THIS OLD...

Similar Messages

News ticker with ADF

Hi all,
Is there any example "news ticker ( or text scroller etc.)" application with ADF ?
Thanks ..

You should be able to do this with javascript, by making sure the overflow is hidden and changing the left margin to negative numbers up until the limit of the width of the text div. There is probably a library to do this. Luckily the marquee did not catch on, moving text is strenuous on the eyes to track and read.

Problem in News Ticker

I have inserted a news ticker from this link:
http://www.htmldrive.net/items/demo/397/Vertical-Scrolling-News-Ticker-With-jQuery-jCarous e
Here is my code:
<div id="newsticker-demo">
<div id="LayoutDiv3" class="title">News & Events</div>
    <div id="LayoutDiv4" class="newsticker-jcarousellite">
    <ul>
    <li>
      <div id="LayoutDiv4" class="info">
      <a href="#">The Knight and the Lady</a>
      <span class="cat">Category :Illustrations</span>
      <div id="LayoutDiv5" class="clear"></div>
      </div>
    </li>
    <li>
      <div id="LayoutDiv6" class="info">
      <a href="#">The Family Colours</a>
      <span class="cat">Category:Creatures</span>
      <div id="LayoutDiv7" class="clear"></div>
      </div>
     </li>
     </ul>
         </div> 
</div> 
I have inserted FG Divs...
And i have placed the following inside head tags:
<link rel="stylesheet" href="News-Scroller/style.css" type="text/css" media="screen" />
<script src="jquery-latest.pack.js" type="text/javascript"></script>
<script src="jcarousellite_1.0.1c4.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $(".newsticker-jcarousellite").jCarouselLite({
        vertical: true,
        hoverPause:true,
        visible: 3,
        auto:500,
        speed:1000
</script>
But i don't get scrolling news.

<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Home</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="CSS/Layout.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="flexslider.css" type="text/css">
<link href="css/flexnav.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
    background-color: #E9E9E9;
    background-image: url();
</style>
<style>
footer
    width:100%;
    left:0px;
    bottom:0px;
    min-height: 80px;
    background: #000;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #C7E003;
</style>

<link rel="stylesheet" href="News_Scroller/style.css" type="text/css" media="screen" />
<script src="News_Scroller/jquery-latest.pack.js" type="text/javascript"></script>
<script src="News_Scroller/jcarousellite_1.0.1c4.js" type="text/javascript"></script>
<script type="text/javascript" src="News_Scroller/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function() {
    $(".newsticker-jcarousellite").jCarouselLite({
        vertical: true,
        hoverPause:true,
        visible: 3,
        auto:500,
        speed:1000
</script>

<script src="jquery.min.js"></script>
<script src="jquery.flexslider.js"></script>

<script type="text/javascript" charset="utf-8">
$(window).load(function() {
    $('.flexslider').flexslider();
</script>



<script src="respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1"><img src="SJV-Images/Banners/LimeGreenheader-new-curved.png"/></div>
<div id="Nav">
<div class="menu-button">Navigation</div>
    <nav>
          <ul data-breakpoint="800" class="flexnav">
            <li><a href="index.html">Home</a>
           
            </li>
            <li><a href="">Profiles</a>
              <ul>
                <li><a href="Correspondent.html">Correspondent</a></li>
                <li><a href="Headmistress.html">Head Mistress</a>
                 
                </li>
                   <li><a href="Fac.html">Faculties</a></li>
                
              </ul>
            </li>
            <li><a href="Ves-Photogallery.html">Photo Gallery</a>
             
            </li>
            <li><a href="Alumni.php">Alumni</a>
             
            </li>
            <li><a href="Contact.html">Contact Us</a>
          
            </li>
          </ul>
    </nav>
</div> 
<div id="LayoutDiv2">
<div class="flex-container">
<div class="flexslider">
    <ul class="slides">
      <li>
        <img src="SJV-Images/Flash Images/Buildings.jpg" alt="SJV1"/>
      </li>
      <li>
        <img src="SJV-Images/Stud2.jpg" />
      </li>
      <li>
        <img src="SJV-Images/Stud3.jpg" />
      </li>
    </ul>
</div>
</div>
</div>
<div class="borderbox" id="Special_Features">
<h3 class="content" align="center"><font size="">Special Features</font></h3>
<ul class="formatlist" >
<li >
ullamcorper pulvinar imperdiet</li>
<li>ullamcorper pulvinar imperdiet ignissim est posuere id..</li>
   <li>Vestibulum pellentesque fermentum lectus, eget gravida metus commodo.</li>
<li>Vestibulum pellentesque fermentum lectus, eget gravida metus commodo</li>
<li>Vestibulum pellentesque fermentum lectus, eget gravida metus commodo.</li>
<li>Vestibulum pellentesque fermentum lectus, eget gravida metus commodo</li>
</ul></div>
<div id="History">
        <img src="SJV-Images/History__FrontImage.jpg" alt="Hisimage" class="floatright"/>
    <h3 class="content" style="padding:0 2.5%;"><font size="+1" class="content">History</font></h3>
    <P class="formatpara">       &nbsp
<p>Ut   ullamcorper felis sit amet lorem mattis lobortis. Proin arcu neque,   iaculis ac elementum varius, consectetur placerat urna. Maecenas sit   amet lectus quam, ut adipiscing tortor. Vestibulum tellus metus,   vestibulum congue convallis in, lacinia nec lorem. Aliquam erat   volutpat. </p>
    <p>Vestibulum pellentesque fermentum lectus, eget gravida metus commodo   at. Fusce non orci a odio ullamcorper pulvinar imperdiet et risus. Nulla   ac dolor tortor, nec elementum leo. Praesent cursus fermentum mi. Lorem   ipsum dolor sit amet, consectetur adipiscing elit. Etiam pharetra,   tellus sit amet congue vulputate, nisi erat iaculis nibh, vitae feugiat   sapien ante eget mauris. </p>
    <p>Cras elit nisl, rhoncus nec iaculis ultricies, feugiat eget sapien.   Pellentesque ac felis tellus. Aenean sollicitudin imperdiet arcu, vitae   dignissim est posuere id. </p>
<a href="SJVHistory.html"><img class="hisbutt" src="SJV-Images/Buttons/Read_More.png" /></a></p><br>
   
</div>
<div class="borderbox" id="Con"><center>
    <h3 class="content" >Contact Us</h3>
    <p class="formatpara"><strong>The Head Mistress</strong><br>
      <strong> dignissim est posuere id <br>
     dignissim est posuere id,</strong>
      <strong> dignissim est posuere id.</strong></p>
</center>
</div>
<div id="Photo_Gall"><center spry:selectgroup="content">
    <h3 class="subhead">Photo Gallery</h3>
</center>
<p><a href="Ves-Photogallery.html"><img src="SJV-Images/Link Images/Photo_Gallery.png" width="174" height="70" class="floatright"/></a></p>
</div>
<div id="News_Events"><center spry:selectgroup="content">
    <h3 class="subhead">Our Faculties</h3>
</center><P><a href="Fac.html"><IMG src="SJV-Images/Link Images/Faculties.png" width="174" height="70" class="floatright"/></a></P>
</div>
<div id="newsticker-demo">
<div id="LayoutDiv3" class="title">News & Events</div>
    <div id="LayoutDiv4" class="newsticker-jcarousellite">
    <ul>
    <li>
      <div id="LayoutDiv4" class="info">
      <a href="#">The Knight and the Lady</a>
      <span class="cat">Category :Illustrations</span>
      <div id="LayoutDiv5" class="clear"></div>
      </div>
    </li>
    <li>
      <div id="LayoutDiv6" class="info">
      <a href="#">The Family Colours</a>
      <span class="cat">Category:Creatures</span>
      <div id="LayoutDiv7" class="clear"></div>
      </div>
     </li>
     </ul>
         </div> 
</div> 


</div>
<footer class="footercontent">
<font color="#CCCCCC">@ 2013 .All Rights Reserved</font>
</footer>
<script type="text/javascript" src="js/jquery.flexnav.min.js"></script>
<script type="text/javascript">$(".flexnav").flexNav({'animationSpeed': 150});</script>
</body>
</html>

Scrolling news ticker embedded in a widget, with clickable links?

Hi, a friend of mine has a widget and he wants to put a scrolling news ticker embedded in the widget, with clickable links, can it be done? He has it working
in the web version. thanks.

What you are trying to create is called a crawl, and you can create one by using the Roll/Crawl tool in the Titler workspace.
To open the Titler, click the "T" on the lower right of the Monitor panel. The Roll/Crawl tool is located in the lower left of the Tasks panel in the Titler.
You won't be able to create a huge, continuous crawl, but you can certainly use it to create the effect of a headline crawling right to left across the lower third of your screen.
For more information on the basic tools in this program check out my free 8-part Basic Training tutorials on Premiere Elements support site Muvipix.com.
http://forums.adobe.com/thread/537685?tstart=0
And for step-by-step instructions for using the program and creating effects, like this scroll, you may want to pick up a copy of one of my books.

BBC News Ticker

Hi,
I have included BBC Like News Ticker from this website
http://www.jqueryscript.net/text/BBC-News-Like-Website-Ticker-Plugin-with-jQuery-News-Tick er.html
Here is my site link:
http://bhc.edu.in/TESTSITE/slider.html
But it doesn't work.Please check what is wrong with my code.

I am having FireFox 33.1....I don't find the bbc like news ticker...
My code:
<div id="bbc_news">
<ul id="js-news" class="js-hidden">
<li class="news-item">jQuery News Ticker now has support for right-to-left languages!</li>
<li class="news-item">jQuery News Ticker now has support for loading content via an RSS feed!</li>
<li class="news-item">jQuery News Ticker now has an optional fade effect between items!</li>
<li class="news-item">New updates have been made to jQuery News Ticker! Check below for more details!</li>
<li class="news-item">jQuery News Ticker is now compatible with jQuery 1.3.2! See below for further details and for latest download.</li>
<li class="news-item">Further updates to jQuery News Ticker are coming soon!</li>
</ul>
<script type="text/javascript">
$(function () {
$('#js-news').ticker();
</script>
</div>

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome. Works in IE. This is my first time trying to post a question - so please be kind. I am also not good with code and am finding css a real challenge after learning to design based on tables. I'm using CS5.
The "test" page with the slide show is: http://www.reardanwa.com/index-slides.html   The same page without the slide show is http://www.reardanwa.com/
I realize the images are not ideally sized - I'll fix those once I get the pages to function. Maybe I need a different slide show? I would prefer a widget that I can modify to required size & postition. Again - I'm not good at building with code from scratch.
The problem is the naviagation links that are directly next to the slide show do not work in Firefox of Chrome. They do work in IE.
I've read about using jQuery.noConflict(); code but can't figure out the correct way to use it in my case or whether that's even part of the solution. I know my code is not well organized as I have cobbled together from various sources in an attempt to format the page the way the client wants it. Also, FYI, I will eventually try to make the page work in Surreal CMS.
I've spent sevaral days over the last several weeks trying to solve sth slide show/navigation conflict - so any specific light you can shed will be much appreciated.
Thanks in advance.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Reardan Area Chamber of Commerce</title>
<meta name="description" content="home page for Reardan Area Chamber of Commerce" />
<meta name="keywords" content="Reardan WA, chamber of commerce" </>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"> </script>
<script type="text/xml">
</script>
<style type="text/css">
                              #slideshow {
                                  padding: 10px;
                                        margin:0;
                              #slideshow-caption{
                                        padding:0;
                                        margin:0;
                              #slideshow img, #slideshow div {
                                  padding: 10px;
                                  background-color: #EEE;
                                  margin: 0;
body {
          font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
          background: #004B8D;
          margin: 0;
          padding: 0;
          color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
          padding: 0;
          margin: 0;
h1, h2, h3, h4, h5, h6, p {
          margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
           /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
.left
position:absolute;
left:0px;
.center
margin:auto;
width:95%;
.box
          position:relative;
          left:-90px;
          width:950px;
          height:350px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          z-index:1000;
.slide{
    position:absolute;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
          border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
          color: #42413C;
          text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
          color: #6E6C64;
          text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
          text-decoration: none;
/* ~~this fixed width container surrounds the other divs~~ */
.container {
          width: 960px;
          min-height:900px;
          padding:5px 0px 0px 0px;
          background: #E8F8FF;
          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
          background: #E8F8FF;
          padding:10px 5px 0px 5px;
.sidebar1 {
          float: left;
          width: 225px;
          margin: 60px;
          color: #FFFF0D;
          background: #595FFF;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
    z-index:-1;
.sidebar2 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:2;
.sidebar3 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:3;
.content {
          padding: 0px 0px 0px 0px;
          width: 780px;
          float: left;
          background: #E8F8FF;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
          padding: 0px 15px 5px 10px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
          list-style: none; /* this removes the list marker */
          border-top: 0px solid #FFFF66; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
          margin-bottom: 50px; /* this creates the space between the navigation on the content below */
          font: Arial Black, Verdana, , Helvetica, sans-serif;
          font-size:1.3em;
          font-weight:bold;
          z-index:2;
ul.nav li {
          border-bottom: 0px solid #FFFF66; /* this creates the button separation */
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
          padding: 3px 0px 5px 0px;
          display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
          width: 185px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
          text-decoration: none;
          color: #FFFF0D;
          background: #595FFF;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
          background: #595FFF;
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
          color: #FFFFFF;
/* ~~ The footer ~~ */
.footer {
          padding: 10px 0;
          background: #595FFF;
          color: #FFFF0D;
          position: relative;/* this gives IE6 hasLayout to properly clear */
          clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
          float: right;
          margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
          float: left;
          margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
          clear:both;
          height:0;
          font-size: 1px;
          line-height: 0px;
-->
</style>
</head>
<body>
<div class="container">
<div class="header">
<a href="#"><img src="images/Chamber-Logo-2.gif" alt="Reardan Chamber Logo" width="187" height="163" hspace="10" vspace="5" align="top" /></a><img src="images/Reardan-Chamber-Title.gif" width="476" height="204" alt="Reardan Area Chamber of Commerce, Dedicated to Preserving and Enhancing Area Businesses" /><p></p>
<p style="color: #F00">This Site is under construction! Please pardon our dust as we create!</p>
</div>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="about.html">About Us</a></li>
      <li><a href="history.html">Reardan History</a></li>
      <li><a href="activities.html">Activities</a></li>
      <li><a href="business.html">Business<br />
        Directory</a></li>
      <li><a href="about.html">Join the<br />
        Chamber</a></li>
       <li><a href="links.html">Links<br />
  <span style="font-size: 85%">Tourism</span><br />
      </a></li>
    </ul>
     </div>
<br />
<br />
<br />
<br />
<div class="box" +"slide">
<script type="text/javascript">
// BeginOAWidget_Instance_2559022: #slideshow
                           slideshowAddCaption=true;
$(window).load(function() {
$('#slideshow').cycle({
                    after:                              slideshowOnCycleAfter, //the function that is triggered after each transition
                    autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                    fx:                                        'blindX',// name of transition effect
                    pause:                              false,     // true to enable pause on hover
                    randomizeEffects:          true, // valid when multiple effects are used; true to make the effect sequence random
                    speed:                              100, // speed of the transition (any valid fx speed value)
                    sync:                              true,     // true if in/out transitions should occur simultaneously
                    timeout:                    5000, // milliseconds between slide transitions (0 to disable auto advance)
                    fit:                              true,
                    height:                       '300px',
                    width:         '525px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
function slideshowOnCycleAfter() {
          if (slideshowAddCaption==true){
                              $('#slideshow-caption').html(this.title);
// EndOAWidget_Instance_2559022
</script>
<div id="slideshow">
    
    <img src="images/100_1537.jpeg" width="600" height="450" title="caption for image1" /> <img src="images/Parade-2011-2.jpg" width="300" height="225" title="caption for image2" /> <img src="images/100_1495.jpeg" width="600" height="450" title="caption for image3" />
    <div title="sample title"> Images for slide show will need to be re-sized to fit box to avoid distortion</div>
    <img src="images/beach4.jpg" width="200" height="200" title="caption for image4" /> <img src="images/beach5.jpg" width="200" height="200" title="caption for image5" /> </div>

<div id="slideshow-caption"></div></div>
<div class="sidebar2" "anotherClass editable"><p align="center"><strong>Chamber News</strong><br />
Local News item
<br />
Another New item</p>
<p align="center">lots of news this week<br />
    <br />
    <br />
    <br />
</p>
</div>
<div class="sidebar3" "anotherClass editable"><p align="center"><strong>Upcoming Events</strong></p>
<div align="center">    <a href="activities.html" style="color: #FFFF0D">Community wide yard sales</a><br />
    <br />
    <br />
    <br />
    <br />
</div>
</div>
<div class="content"><br />
<br />
</div>
<div class="footer">
        <p align="center"><span style="font-size: small">Reardan Area Chamber of Commerce</span><br />
          <span style="font-size: x-small">[email protected] - 509.796.2102</span><br />
        </p>
        
</div></body>
</html>

If you DO want the slideshow overlaping the navigation try the below css:
.sidebar1 {
    float: left;
    width: 225px;
    margin: 60px 0px 60px 60px;
    color: #FFFF0D;
    background: #595FFF;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
.box {
float: left;
margin-left:-60px;
width:700px;
height:350px;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;

I have downloaded the most recent itunes on my new computer with windows 8 but a message pops up saying "the itunes library.itl file is locked, on a locked disk or you do not have write permission for this file. How do I fix?

I have downloaded the most recent itunes on my new computer with windows 8 but when I attempt to get in I get this message "The itunes library.itl file is locked, ona locked disk, or you do not have write permission for this file." How do i fix this?

Repair iTunes Security Permissions
Right-click on your main iTunes folder and click Properties, then go to the Securitytab and click Advanced. Use the Change Permissions... button grant to your account (or the Users group) and SYSTEM full control of this folder, subfolders and files, then tick the option to Replace permissions entries... which will repair permissions throughout the library. When complete switch to the General tab, click in the Read-only check box to clear it, then click Apply.
If you don't have the option to change the permissions then use the Owner tab and Edit... button to take ownership from an account with administrator privileges. Tick the option to Replace owner on subcontainers and objects.
Repeat with the media folder if it isn't stored inside the main iTunes folder.
If you've brought over the library from another computer you may also want to remove any "mystery" identities (S<string of dashes & digts>) that have come over from the old computer...
The images above are from Windows 7. Hopefully the system isn't too different in Windows 8.
tt2

Calling Reporting Services Web Service with jQuery possible?

Hi,
is it possible to call the Reporting Services Web Service with jQuery? If yes, can someone post me a small example?
Background:
My plan is to create a html with a form which is also uploaded then into the reportserver. I open this html later by clicking a link in a report (with gotoURL open.window). The report opens the html inclusive the overtaken of some additional parameters
(reportname, reportdescription). These parameters I will use in the html-form as defaultvalues for the corresponding input-text-fields. Now the user can make some changes (i.e. the decription). With a click on a button I will send the new description to
the Reporting Services Web Service by using the SetProperties method, closing the html-window and reload the report. Important is that I want to upload the html also into the reportserver itself.
I have already found how to consume a web service via jQuery but with the Reporting Services Web Service I did not get it running in my tests.
I have referenced to the following jQuery.js: http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
Here you can see my tests I made with the results:
$.ajax({
type: 'POST',
url: 'http://<..>/ReportServer/ReportService2010.asmx/ListChildren',
data: {'ItemPath':'/','Recursive':false},
complete: function(xData, status) {
$('p').html($(xData.responseXML).text()); // result
$("#divStatus").text( status ); // status }
I got a NULL response with Status success. But where are the items?
Another test which should response only one value was that:
$.ajax({
type: "POST",
contentType: "text/xml; charset=utf-8",
url: "http://<..>/ReportServer/ReportService2010.asmx/GetItemType",
data: {"Item":"/Development"}, // Development is a Folder in my Reportserver-Root
dataType: "xml",
success: function (msg) {
$("#divResult").html(msg.responseXML);
error: function (data, status, error) {
$("#divResult").html("WebSerivce unreachable<br> <br>" + data.responseXML + "<br> <br>(" + error + ")");
Here I got an [object Error]
And here my last test:
var soapMessage = '<?xml version="1.0" encoding="utf-8"?>\
<soap:Envelope \
xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/" \
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" \
xmlns:xsd="http://www.w3.org/2001/XMLSchema">\
<soap:Body>\
<GetItemType xmlns="http://www.microsoft.com/sql/ReportingServer">\
<ItemPath>/Development</ItemPath>\
</GetItemType>\
</soap:Body>\
</soap:Envelope>';
$.ajax({
type: "POST",
contentType: "text/xml; charset=utf-8",
url: http://<..>/ReportServer/ReportService2010.asmx?wsdl,
data: soapMessage,
dataType: "xml",
success: processSuccess,
error: processError
function processSuccess(data, status, req) {
if (status == "success")
$("#response").text($(req.responseXML).find("Type").text());
function processError(data, status, req) {
alert(req.responseText + " " + status);
Here I got an "Undefined error"
Can anyone help me?
Thanks
René Illner

Hi Rene,
I have one vbscript class to call web services. May be if you need you can use it.
     dim ws
     set ws = new webservice
     ws.url = "http://servername/ReportServer/ReportService2010.asmx"
     ws.method = "MethodName"
     ws.parameters.Add "Parameter1", "Param1 Desc.."
     ws.parameters.Add "Parameter2","[email protected].."
     ws.execute
     set ws = nothing
'------web service calling class
class WebService
public Url
public Method
public Response
public Parameters
public function execute()
    dim xmlhttp
    Set xmlhttp = CreateObject("Microsoft.XMLHTTP")
    xmlhttp.open "POST", Url & "/" & Method, false
    xmlhttp.setRequestHeader "Content-Type", "application/x-www-form-urlencoded"
    xmlhttp.send Parameters.toString
    response = xmlhttp.responseText
    set xmlhttp = nothing
end function
Private Sub Class_Initialize()
    Set Parameters = new wsParameters
End Sub
Private Sub Class_Terminate()
    Set Parameters = Nothing
End Sub
End class
class wsParameters
public mCol
public function toString()
    dim nItem
    dim buffer
    buffer = ""
    for nItem = 1 to Count
      buffer = buffer & Item(nItem).toString & "&"
    next
    if right(buffer,1)="&" then
      buffer = left(buffer,len(buffer)-1)
    end if
    toString = buffer
end function
public sub Clear
    set mcol = nothing
    Set mCol = CreateObject("Scripting.Dictionary")
end sub
public sub Add(pKey,pValue)
    dim newParameter
    set newParameter = new wsParameter
    newParameter.Key = pKey
    newParameter.Value = pValue
    mCol.Add mCol.count+1, newParameter
    set newParameter = nothing
end sub
public function Item(nKey)
    set Item=mCol.Item(nKey)
end function
public function ExistsXKey(pKey)
    dim nItem
    for nItem = 1 to mcol.count
      if mCol.Item(nItem).key = pKey then
        ExistsXKeyword = true
        exit for
      end if
    next
end function
public sub Remove(nKey)
    mCol.Remove(nKey)
end sub
public function Count()
    Count=mCol.count
end function
Private Sub Class_Initialize()
    Set mCol = CreateObject("Scripting.Dictionary")
End Sub
Private Sub Class_Terminate()
    Set mCol = Nothing
End Sub
end class
class wsParameter
   public Key
   public Value
   public function toString()
     toString = Key & "=" & Value
   end function
end class
Regards, RSingh

How do you add a "news ticker" to the bottom of a movie for Apple TV?

Made a movie from keynote, now I need to add a "news ticker" to the bottom of the movie ... How? Using Apple TV to show the movie ...

use iMovie with text crawl effect

Auto scrolling dynamic text field(news ticker)

> This message is in MIME format. Since your mail reader
does not understand
this format, some or all of this message may not be legible.
--B_3272625483_2679871
Content-type: text/plain;
charset="US-ASCII"
Content-transfer-encoding: 7bit
Does anyone know how to make a scrollable dynamic text field
scroll on its
own and also with user interaction?
Thanks in advance for your help.
Bill
--B_3272625483_2679871
Content-type: text/html;
charset="US-ASCII"
Content-transfer-encoding: quoted-printable
<HTML>
<HEAD>
<TITLE>Auto scrolling dynamic text field(news
ticker)</TITLE>
</HEAD>
<BODY>
<FONT FACE=3D"Verdana, Helvetica, Arial"><SPAN
STYLE=3D'font-size:12.0px'>Does =
anyone know how to make a scrollable dynamic text field
scroll on its own an=
d also with user interaction?<BR>
<BR>
Thanks in advance for your help.<BR>
<BR>
Bill</SPAN></FONT>
</BODY>
</HTML>
--B_3272625483_2679871--

I found this:
http://www.kirupa.com/developer/mx/dynamic_scroller.htm
I copied the actual scroller and put it in my .fla and it
worked! Now if I can only figure out links in XML...

How to make thumbnails enlarge when using grid navigation effects with jquery

I have used a grid navigation effect with jquery to display several thumbnail images but i would like the images to enlarge to a bigger size when they are clicked on, i dont want another window to open but for the image to appear on the same page like lightbox, except i dont need a gallery, just the enlarging function. Please see the code below of my page and the link to see the demo of the grid nav with jquery that i used (effect- 'rows move', example 9).
http://tympanus.net/codrops/2011/06/09/grid-navigation-effects/comment-page-2/#comments
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>My gallery</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<link href="gridNavigation.css" rel="stylesheet" type="text/css" />
<link href="reset.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
          background-color: #000000;
a:link {
          text-decoration: none;
          color:#f1d379;
a:visited {
          text-decoration: none;
          color: #f1d379;
a:hover {
          text-decoration: none;
          color: #9d6f1b;
a:active {
          text-decoration: none;
          color: #f1d379;
</style>
        <script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>
                    <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
                    <script type="text/javascript" src="scripts/jquery.mousewheel.js"></script>
                    <script type="text/javascript" src="scripts/jquery.gridnav.js"></script>
<script type="text/javascript">
$(function() {
                                        $('#tj_container').gridnav({
                                                  type          : {
                                                      rows    : 2,
                                                            mode                    : 'rows',                               // use def | fade | seqfade | updown | sequpdown | showhide | disperse | rows
                                                            speed                    : 1000,                                        // for fade, seqfade, updown, sequpdown, showhide, disperse, rows
                                                            easing                    : 'easeInOutBack',          // for fade, seqfade, updown, sequpdown, showhide, disperse, rows
                                                            factor                    : 150,                                        // for seqfade, sequpdown, rows
                                                            reverse                    : ''                                        // for sequpdown
</script>
</head>
<body>
<div class="container" id="container">
<div id="navbar_gallery" class="#navbar_gallery">
<ul>
          <li><a href="index.html">Homepage</a></li>
          <li><a href="about_me.html" >About me</a></li>
          <li><a href="gallery.html">Gallery</a></li>
          <li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="maintext" id="page_maintext">
<p class="page_heading">My Gallery</p>
</div>
<div class="content example5">
<div id="tj_container" class="tj_container">
                                                  <div class="tj_nav">
                                                            <span id="tj_prev" class="tj_prev">Previous</span>
                                                            <span id="tj_next" class="tj_next">Next</span>
                                                  </div>
          <div class="tj_wrapper">
                                                            <ul class="tj_gallery">
                                                                      <li><a href="#"><img src="images/1.jpg" alt="image01" /></a></li>
                                                                      <li><a href="#"><img src="images/2.jpg" alt="image02" /></a></li>
                                                                      <li><a href="#"><img src="images/3.jpg" alt="image03" /></a></li>
                                                                      <li><a href="#"><img src="images/4.jpg" alt="image04" /></a></li>
                                                                      <li><a href="#"><img src="images/5.jpg" alt="image05" /></a></li>
                                                                      <li><a href="#"><img src="images/6.jpg" alt="image06" /></a></li>
                                                                      <li><a href="#"><img src="images/7.jpg" alt="image07" /></a></li>
                                                                      <li><a href="#"><img src="images/8.jpg" alt="image08" /></a></li>
                                                                      <li><a href="#"><img src="images/9.jpg" alt="image09" /></a></li>
                                                                      <li><a href="#"><img src="images/10.jpg" alt="image10" /></a></li>
                                                                      <li><a href="#"><img src="images/11.jpg" alt="image11" /></a></li>
                                                                      <li><a href="#"><img src="images/12.jpg" alt="image12" /></a></li>
                                                                      <li><a href="#"><img src="images/13.jpg" alt="image13" /></a></li>
                                                                      <li><a href="#"><img src="images/14.jpg" alt="image14" /></a></li>
                                                                      <li><a href="#"><img src="images/15.jpg" alt="image15" /></a></li>
                                                                      <li><a href="#"><img src="images/16.jpg" alt="image16" /></a></li>
                                                                      <li><a href="#"><img src="images/17.jpg" alt="image17" /></a></li>
                                                                      <li><a href="#"><img src="images/18.jpg" alt="image18" /></a></li>
                                                                      <li><a href="#"><img src="images/19.jpg" alt="image19" /></a></li>
                                                                      <li><a href="#"><img src="images/20.jpg" alt="image20" /></a></li>
                                                    </ul>
            </div>
</div>
</div>
</body>
</html>

Ok so i've tried to do the above as suggested but i've obviously gone wrong somewhere as the fancybox function doesnt work, all that happens when clicking on thumbnail is the bigger version is opened in another browser window?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>My gallery</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<link href="gridNavigation.css" rel="stylesheet" type="text/css" />
<link href="reset.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<style type="text/css">
body {
          background-color: #000000;
a:link {
          text-decoration: none;
          color:#f1d379;
a:visited {
          text-decoration: none;
          color: #f1d379;
a:hover {
          text-decoration: none;
          color: #9d6f1b;
a:active {
          text-decoration: none;
          color: #f1d379;
</style>
        <script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>
                    <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
                    <script type="text/javascript" src="scripts/jquery.mousewheel.js"></script>
                    <script type="text/javascript" src="scripts/jquery.gridnav.js"></script>
        <script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
        <script type="text/javascript">
$(function() {
                                        $('#tj_container').gridnav({
                                                  type          : {
                                                      rows    : 2,
                                                            mode                    : 'rows',                               // use def | fade | seqfade | updown | sequpdown | showhide | disperse | rows
                                                            speed                    : 1000,                                        // for fade, seqfade, updown, sequpdown, showhide, disperse, rows
                                                            easing                    : 'easeInOutBack',          // for fade, seqfade, updown, sequpdown, showhide, disperse, rows
                                                            factor                    : 150,                                        // for seqfade, sequpdown, rows
                                                            reverse                    : ''                                        // for sequpdown
</script>
<script type="text/javascript">
          $(document).ready(function() {
                    $(".fancybox").fancybox();
</script>
<script type="text/javascript">
$(document).ready(function() {
              $("#single_1").fancybox({
          helpers: {
              title : {
                  type : 'float'
    $("#single_2").fancybox({
              openEffect          : 'elastic',
              closeEffect          : 'elastic',
              helpers : {
                        title : {
                                  type : 'inside'
    $("#single_3").fancybox({
              openEffect : 'none',
              closeEffect          : 'none',
              helpers : {
                        title : {
                                  type : 'outside'
               $("#single_4").fancybox({
              helpers : {
                        title : {
                                  type : 'over'
</script>
</head>
<body>
<div class="container" id="container">
<div id="navbar_gallery" class="#navbar_gallery">
<ul>
          <li><a href="index.html">Homepage</a></li>
          <li><a href="about_me.html" >About me</a></li>
          <li><a href="gallery.html">Gallery</a></li>
          <li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="maintext" id="page_maintext">
<p class="page_heading">My Gallery</p>
</div>
<div class="content example5">
<div id="tj_container" class="tj_container">
                                                  <div class="tj_nav">
                                                            <span id="tj_prev" class="tj_prev">Previous</span>
                                                            <span id="tj_next" class="tj_next">Next</span>
                                                  </div>
          <div class="tj_wrapper">
                                                            <ul class="tj_gallery">
                                                                      <li><a id="single_1" href="images/1-big.jpg" title="Row of beach huts"><img src="images/1.jpg" alt="Row of beach huts" /></a>
                                                                      <li><a id="single_2" href="images/2-big.jpg" title="Bees collecting pollen"><img src="images/2.jpg" alt="Bees collecting pollen" /></a></li>
                                                                      <li><a id="single_3" href="images/3-big.jpg" title="Frank"><img src="images/3.jpg" alt="Frank" /></a>
                                                                      <li><a id="single_4" href="images/4-big.jpg" title="New zealand beach"><img src="images/4.jpg" alt="Beach" /></a></li>
                                                                      <li><a id="single_5" href="images/5-big.jpg" title="Sonning river"><img src="images/5.jpg" alt="River" /></a></li>
                                                                      <li><a id="single_6" href="images/6-big.jpg" title="Steaming post in the morning sun"><img src="images/6.jpg" alt="steaming post" /></a></li>
                                                                      <li><a id="single_7" href="images/7-big.jpg" title="Portrait lady"><img src="images/7.jpg" alt="Portrait of lady" /></a></li>
                                                                      <li><a id="single_8" href="images/8-big.jpg" title="A great day at the coast"><img src="images/8.jpg" alt="Dog running along beach" /></a></li>
                                                                      <li><a id="single_9" href="images/9-big.jpg" title="Jam hut in new zealand"><img src="images/9.jpg" alt="Jam hut in new zealand" /></a></li>
                                                                      <li><a id="single_10" href="images/10-big.jpg" title="New zealand lake"><img src="images/10.jpg" alt="new zealand lake" /></a></li>
                                                                      <li><a id="single_11" href="images/11-big.jpg" title="Full speed ahead"><img src="images/11.jpg" alt="Dog running" /></a></li>
                                                                      <li><a id="single_12" href="images/12-big.jpg" title="Portsmouth docks"><img src="images/12.jpg" alt="Portsmouth docks" /></a></li>
                                                                      <li><a href="#"><img src="images/13.jpg" alt="image13" /></a></li>
                                                                      <li><a href="#"><img src="images/14.jpg" alt="image14" /></a></li>
                                                                      <li><a href="#"><img src="images/15.jpg" alt="image15" /></a></li>
                                                                      <li><a href="#"><img src="images/16.jpg" alt="image16" /></a></li>
                                                                      <li><a href="#"><img src="images/17.jpg" alt="image17" /></a></li>
                                                                      <li><a href="#"><img src="images/18.jpg" alt="image18" /></a></li>
                                                                      <li><a href="#"><img src="images/19.jpg" alt="image19" /></a></li>
                                                                      <li><a href="#"><img src="images/20.jpg" alt="image20" /></a></li>
                                                    </ul>
            </div>
</div>
</div>
</body>
</html>

How to include newer version of jQuery in APEX 4.1?

Hi,
I've included a newer version of jQuery and jQuery-UI in my page template according to APEX documentation (after #HEAD# in page template). However I am having some issues, for example the datepicker doesn't work anymore.
I've created an example here [url http://apex.oracle.com/pls/apex/f?p=47057:1]http://apex.oracle.com/pls/apex/f?p=47057:1. You can't select a date from the datepicker after it has been displayed on the screen.
Any help is greatly appreciated.
Regards,
Jure

Thank you all for help, from your posts I was able to get the datepicker working with a different version of jQuery (but not jQueryUI) included on the page. There are two methods:
1. Include the new library before #HEAD# and change the reference to a different variable, for example:
<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
var jq164 = jQuery;
</script>
#HEAD#2. Include the new library after #HEAD# and enable noConflict() mode, for example:
#HEAD#
<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
var jq164 = jQuery.noConflict(true);
</script>In both examples above, $, jQuery and apex.jQuery point to apex jQuery, while jq164 points to the new one.
However, I couldn't manage to include a newer version of jQueryUI. I only found a page ([url http://stackoverflow.com/questions/6358961/using-multiple-jquery-ui-versions]http://stackoverflow.com/questions/6358961/using-multiple-jquery-ui-versions) that says you have to specify a different context for each version of jQueryUI included on the same page. I haven't yet had time to look at this, so if anyone already knows how to do it, it would be really nice to share it with us.
Regards,
Jure

Creating a CNN, Sky type news ticker

Hi,
I have a three minute video and would like to add a news ticker that will loop once during the three minutes. The ticker text is considerable. Before I used to use Sony Vegas. A video I created using Sony Vegas is at http://youtu.be/bmcXM7fE6s0 (jump to 35 seconds into the footage for the ticker at the bottom).
I managed to get credits type text (scrolling vertically) with Premiere Pro but cannot figure out the ticker. Although I've done an introductory Lynda.com course on Premiere Pro this is my first attempt at producing something with Premiere to upload to youtube and am a newbie in this product.
I would be greatful if anyone can point me to a text or video tutorial on this item.
Regards,
Al

More detailed steps:
Create a new Title (right-click in the project area, click the icon, etc.)
Set it to the sequence dimensions (the default)
Choose the Type tool (the T symbol) - NOT the Area Type tool.
Click once at the bottom-left of the screen, at the vertical position where you want the ticker to be.
Pick the font, size, color, fill, etc on the properties tree that now displays.
Click again on the small vertical box marking the position of the type box, you'll see it flash as the cursor wakes up.
Copy and paste your ticker text - it must be all on one line, so it helps to copy it from a text editor.
The text box will enlarge to fit, so it'll extend waaay off the right side of the window.
Click the Roll/Crawl options tool (the second icon below the name of the title on the panel tab, a set of lines with a vertical arrow)
Choose Crawl Left, and (usually) start/end off screen.
Click OK and close the titler window.
Drop the new title onto the sequence timeline and stretch it out to set the in/out points, and hence the crawl speed.
If you want a lower third background graphic behind the text (anything other than a plain fill), you'll need to put that in another video track beneath your ticker title - everything in your ticker title will crawl.

News Ticker - Java Script

Hello,
This is the java script I use to create a news ticker on one of my pages. It can be included anywhere in your application - region header, body or footer:
<script language="JavaScript1.2">
Cross browser Marquee script- Â© Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
Credit MUST stay intact
//Specify the marquee's width (in pixels)
var marqueewidth="300px"
//Specify the marquee's height
var marqueeheight="20px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=1
//configure background color:
var marqueebgcolor="#DEFDD9"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
var marqueecontent='<nobr><font face="Arial"><b>This is where my text goes.<b/></font></nobr>'
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
lefttime=setInterval("scrollmarquee()",20)
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
document.write('</td></table>')
</script>
This works fine and I would like to include some dynamic content into this script. Either some page iteme content or even some query results. My java script knowledge is quite "skinny" so I got to ask how to do that?
Thanks in advance,
Denes

Denes,
I just came across your thread.
Just replace within
var marqueecontent='<nobr><font face="Arial"><b>This is where my text goes.<b/></font></nobr>'...
the: "THIS is where the text goes." with: &P1_text.
and you can manipulate the text dynamically.
Ofcourse you hv to create the item P1_text and shortly after you keyed in s.th. and push "Enter" - then the data is in the Session (look at Session in Developer bar).
After "Enter" the ticker/marquee works with your data.
Alternative 2:
Define in Application Attributes under Static Substitution Strings a "GLOBAL_ITEM" with a value: say: my News - then replace &P1_TEXT. by &GLOBAL_ITEM. (beware of the '.' after the item !!! it has to be there !!
Alternative 3:
Work with a table:
A)Define a table called "NEWS" with the fields News_id, text, active_inactive - work with sequence..
B) Define form and report for data entry. In the form go to the item "active_inactive" and modify iot to be a radio-button with LOV : STATIC: Yes,No
C) still use the item P1_text and in the attributes of the item go to "Source" - select "SQL-Query" and key in:
select text from news where active_inactive = 'Yes' - modify the P1_text item as "hidden"
--> now you can manage your news and just the "Active" news are shown.
Advanced: make sure, that only one record is active !!
Have fun !! (:-)
Bernhard

Error when longing to UCM 11g its going to another URL with JQUERY exception

when i longing to UCM 11g its going to following URL with JQUERY exception
http://172.18.2.91:16200/cs/idcplg?IdcService=GET_DOC_PAGE&Action=GetTemplatePage&Page=JQUERY_COOKIE_JS
OR
http://172.18.2.91:16200/cs/idcplg?IdcService=GET_DOC_PAGE&Action=GetTemplatePage&Page=JQUERY_UI_CUSTOM_JS
JQUERY exception :
/** * Cookie plugin * * Copyright (c) 2006 Klaus Hartl (stilbuero.de) * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * */ /** * Create a cookie with the given name and value and other optional parameters. * * @example $.cookie('the_cookie', 'the_value'); * @desc Set the value of a cookie. * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true }); * @desc Create a cookie with all available options. * @example $.cookie('the_cookie', 'the_value'); * @desc Create a session cookie. * @example $.cookie('the_cookie', null); * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain * used when the cookie was set. * * @param String name The name of the cookie. * @param String value The value of the cookie. * @param Object options An object literal containing key/value pairs to provide optional cookie attributes. * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object. * If a negative value is specified (e.g. a date in the past), the cookie will be deleted. * If set to null or omitted, the cookie will be a session cookie and will not be retained * when the the browser exits. * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie). * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie). * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will * require a secure protocol (like HTTPS). * @type undefined * * @name $.cookie * @cat Plugins/Cookie * @author Klaus Hartl/[email protected] */ /** * Get the value of a cookie with the given name. * * @example $.cookie('the_cookie'); * @desc Get the value of a cookie. * * @param String name The name of the cookie. * @return The value of the cookie. * @type String * * @name $.cookie * @cat Plugins/Cookie * @author Klaus Hartl/[email protected] */ jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') { // name and value given, set cookie options = options || {}; if (value === null) { value = ''; options = $.extend({}, options); // clone object since it's unexpected behavior if the expired property were changed options.expires = -1; } var expires = ''; if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { var date; if (typeof options.expires == 'number') { date = new Date(); date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); } else { date = options.expires; } expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE } // NOTE Needed to parenthesize options.path and options.domain // in the following expressions, otherwise they evaluate to undefined // in the packed version for some reason... var path = options.path ? '; path=' + (options.path) : ''; var domain = options.domain ? '; domain=' + (options.domain) : ''; var secure = options.secure ? '; secure' : ''; document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); } else { // only name given, get cookie var cookieValue = null; if (document.cookie && document.cookie != '') { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = jQuery.trim(cookies[i]); // Does this cookie string begin with the name we want? if (cookie.substring(0, name.length + 1) == (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } };

If you are using Server 2003 x64 you need to make sure that you change IIS to run in 32 bit mode. FDM is a 32 bit application and requires that IIS is running in 32 bit mode in IIS6. If you are using IIS7 it runs in 32 bit mode automatically, but with IIS 6 it can only run in 64 or 32 bit mode, not both.

News ticker with jquery

Similar Messages

Maybe you are looking for