Adding news ticker or text scroller in a jsf page

Can anyone please give me some clue about adding news ticker or text scroller kind of component using jsf, richfaces or icefaces in which important information like information about available jobs can be shown?
Thanks in advance.
Edited by: 857452 on May 18, 2011 7:06 AM
Edited by: 857452 on May 18, 2011 7:07 AM

this is more the realm of javascript / ajax / DHTML, not JSF. JSF is server side, what you want to do is mostly client side. Only getting the data might involve the server.

Similar Messages

Ticker Tape text scroller...

I am able to make a ticker-tape text scroll from right to left on my screen in PowerPoint,
but it scrolls so fast it is impossible to read it! Can it be slowed down? Please reply. Thanks!
H. Slovic

Dear Meg St. Clair,
Thanks for your reply! Very kind of you, and I appreciate.
Actually, I'm working on an iMac using PowerPoint for Mac in MS Office for Mac. I have succeeded in creating a right-to-left "ticker tape" of text at the bottom of the screen, but there is no way to adjust/control the speed of "fly by," and it currently flies by so fast it is a blur--not very useful... The "ticker tape" function is so "basic" (it appears on almost every news channel here in Japan), that it amazes me it's not a standard animation feature on either PowerPoint or Keynote. H. Slovic

Adding New Image and Text to an Existing Page Created with Tables

Working in DW 5.5
I'm trying to add a new image/link and small amount of text to an existing web page that was created with tables and centered. I am using AP Divs. One for the image and one for the text. Everything functions fine, but I can't get the new items to anchor and re-center with the rest of the page. I am not able to overide the "Absolute Positioning". I've tried different solutions from various tutorials but I can't seem to make them work with tables.
The added items are a Facebook button and text.
Go to: http://www.sugarhollowfarms.net/index.html to see the problem.
Please help. I'm not that experienced.

Make a back-up of the page first before you implement the changes below!
Take the below bit of code from <div id="FBlogo">...... to.......... </div> 
and insert it directly after the opening div tag FWTableContainer and before your opening table tag (see position below):
<div id="FWTableContainer209091602">
<div id="FBlogo"><a href="#"><img src="images/fb.png" alt="fb" width="62" height="62" onClick="MM_openBrWindow('http://www.facebook.com/SugarHollowFarms','facebook','toolbar=yes,location=yes,status=yes, menubar=yes,scrollbars=yes,resizable=yes,width=1000,height=800')"></a>
<p class="bodytext"><strong>Join us<br>
on Facebook</strong></p></div>
<table border="0" cellpadding="0" cellspacing="0" width="800">
Then add - position: relative; - to the FWTableContainer css (as shown below):
#FWTableContainer209091602 {
    /* The master div to make sure that our popup menus get aligned correctly. Be careful when playing with this one. */
    position:relative;
    margin:auto;
    width:800px;
    height:600px;
    text-align:left;
    top: 20px;
    background-image: url(images/homepage_new3.jpg);
    border: medium solid #336600;
    position: relative;
Amend the css for FBlogo to as below:
#FBlogo {
    position:absolute;
    left:700px;
    top:380px;
    width:91px;
    z-index:1;
    text-align: center;
Amend the css for bodytext as below:
.bodytext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    margin: 0;
    padding: 0;

New View Columns are Blank on Rendered JSF Page

In an existing application, I am trying to add a few columns to an ADF Read-Only Table on an existing jsf page. In the model project, I added the columns to the read-only view object by changing the SQL statement. I then tested the business layer changes in the BC tester and the view works as I expected it to. I opened the affected jsf page in the ViewController, and tried to add the columns by copying the last column in the table repeatedly and just changing the sortable and headerText properties of the af:column objects and the text property of the af:outputText objects to values representing the new columns. Upon testing the page, the new columns appeared in the table but they where empty. No headers, no data. I then tried deleting the entire table and creating a new one by dragging the view back onto the page and selecting Create -> Tables -> ADF Read-only Table.... In the dialog I selected all the fields of interest and the new table appeared on the design view of the page. Running this version of the page gave me the same results as manually adding rows.
What am I doing wrong? Is there something I need to do to the pagedef file? Is there another file that is "out of sync" with my jspx and pageDef files? I have been away from ADF for several months and I thought I covered all my bases.
Thanks,
Jeff

Jeff,
Your first scenario should work. What you need to do after copying the columns and changing all of the properties - go into the page definition, find the binding for the iterator upon which the table is based, double-click it, then you need to use the shuttle to add the new VO fields.
Should work like that.
John

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.

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...

Adding New Text Comment in Traditional Chinese shows Error

When adding New Text Comment in Traditional Chinese , it pops up a window with "Error, but instal the latest version of Traditional Chinese Language Support Package may fix the error", but I have installed the latest one (Adobe Acrobat Reader DC 2015.007,20033), how to fix this error?
System: Mac OS X 10.10.3

But do you have the language pack installed?
http://www.adobe.com/support/downloads/detail.jsp?ftpID=5884
http://www.adobe.com/support/downloads/detail.jsp?ftpID=5878
Sorry, I don't know which is the right one.

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.

Scrolling news ticker? Anyone?

Anyone know of an iMovie plugin that creates a decent scrolling news ticker? As in a lower-thirds CNN, FOX, CNBC, etc style- Stupendous Software has one, but it's pretty simple, and Slick doesn't seem to have anything apparent. I could probably use LiveType with FCP, but I'm looking for something that'll save me some time.

This is a dynamic project. If it is constantly checking for
news and then displaying it, this sounds like a good place for some
spry framework.
It is advanced but you can do it. Go to:
http://labs.adobe.com/technologies/spry/
for spry information.
Also www.lynda.com has a ton of courses that will help. It is
a subscription site, but if you really want to learn, it is worth
trying for a month for $25, and if you like it you can do a yearly.
You can really pack a lot into that one month though.

News Ticker "Conveyor Belt" Text

Per news ticker (conveyor belt) text, how do you break up sentences? Say I wanna say "How is your day?" and then "I hope fine" after, how do I adjust the HTML code to break up to the two sentence (i.e. put space between them) via some kinda space gap or delay? Right now, everything is reading as one sentence.

String the following characters together without the hyphens &-n-b-s-p-;
Enter this group of characters for every single space. You'll get the idea when you try it.

Keynote news ticker?

Can i make a "news ticker" like object in keynote, like the scrolling text at the bottom of news programs?

Keynote can't do what you want directly. You may be able to get the effect you want by using this Dashboard-based technique.

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.

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>

News ticker on top of Keynotes

We show a keynote presentation near the entrance of our company and want to add a news ticker at the bottom of the screen. I saw the option Tulsa wrote long time ago and think this could work for us. The only minor is that I could not find a RSS reader for dashboard that has only 1 line scrolling at the bottom of the screen.
I am not a programmer and don't know how to create it myself, hopefully someone solved this and can help me.

Have done as you said, but only part way there. Can use a Widget, and have developed one that has a simple text crawler. Only problem is you have to embed the text that it displays inside the widget, which is not what I want. The answer I am looking for is that the widget looks up the text it is going to display from a local file e.g. TEXTFILE.txt . For you programmers out there the html is:
<MARQUEE bgcolor="#808080"
direction="left" loop="20" width="75%">file:///Users/mac/Desktop/TEXTFILE.txt</MARQUEE>
but it does not display the contents of the file, but the actual file name.

Added new field to cube but data not passed from DSO

Hope someone can help.
(BI 7.0) We added new fields into a cube. The fields already existed in the DSO. When we ran the process chain in development for the first time after making this change, we notice that the 'historical' data for these fields is populated in the cube. When we do this in our quality system only new data passed to the cube is updated. In development in the sub-chain DTP request we see all previous requests listed under selections. In quality it is only the latest request. The only difference is that the DeltaInit flag in the DTP request in development is ticked (extraction mode) - but not in quality. Does anyone know whyb this is?

hi peter,
Adding fields to cube doesn't affect delta status...The delta DTP should be able to handle delta requests automatically.
I guess in you quality system, the cube already got all requests updated from ODS before you importing the change request. And in develop system none of the requests in ODS were updated before the change.
Regards,
Frank

Adding news ticker or text scroller in a jsf page

Similar Messages

Maybe you are looking for