<html>
<head>
<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 10pt;
font-family:Tahoma
}
--></style>
</head>
<body class='hmmessage'><div dir='ltr'>
<div><font class="Apple-style-span" face="Tahoma" size="2"><div><div>renderContentOn: html</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>| string | string := (String streamContents: [:s | self latestNewsHeadlines asStringOn: s delimiter: ' | ' ]).</div><div><span class="Apple-tab-span" style="white-space:pre"> </span></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>html div</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>id: #container;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>style: 'overflow: hidden; white-space: nowrap; width: 500px; margin: 10px; padding: 3px; border: 1px solid black; border-radius: 5px;';</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>with: [ html div id: #marquee; style: 'position: relative; left: 505px'; with: string ].</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>html document addLoadScript: (((html jQuery: #marquee) animate duration: (string size * 60); left: '-=', (string size * 6.5) asString, 'px') onComplete: (html jQuery ajax script: [:s | s add: (self loopOn: s) ])).</div></div><div><br></div><div>loopOn: html</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>| js string |</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>js := JSScript new.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>" get new headlines "</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>string := (String streamContents: [:s | self latestNewsHeadlines asStringOn: s delimiter: ' | ' ]).</div><div><span class="Apple-tab-span" style="white-space:pre"> </span></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>js add: ((html jQuery: #container) html: [:r | r div id: #marquee; style: 'position: relative; left: 505px'; with: string ]).</div><div><span class="Apple-tab-span" style="white-space:pre"> </span></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>js add: (((html jQuery: #marquee) animate duration: (string size * 60); left: '-=', (string size * 6.5) asString, 'px') onComplete: (html jQuery ajax script: [:s | s add: (self loopOn: s) ])).</div><div><span class="Apple-tab-span" style="white-space:pre"> </span></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>^js.</div><div><br></div><div><div>latestNewsHeadlines</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>^'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eleifend vestibulum neque, vel aliquam erat viverra eu. Nunc convallis congue eros, ut dignissim odio ullamcorper vitae. Sed pretium urna non justo varius vel interdum nibh aliquet. Proin rhoncus molestie nibh, sit amet blandit mi placerat id. Proin a leo quis turpis ultrices interdum. Etiam sed elit at justo faucibus fringilla. Nunc sit amet augue sit amet magna vulputate fermentum eu et nisi. Donec luctus mauris eu neque placerat hendrerit.' substrings asOrderedCollection.</div></div><div><br></div><div>The easing is kinda obnoxious imo.</div></font></div><div><font class="Apple-style-span" face="Tahoma" size="2"><br></font></div><div><font class="Apple-style-span" face="Tahoma" size="2">RS</font></div><br><div style="font-family: Tahoma; font-size: 10pt; "><hr id="stopSpelling">Date: Fri, 14 Oct 2011 09:59:13 -0400<br>From: arning@charm.net<br>To: seaside@lists.squeakfoundation.org<br>Subject: Re: [Seaside] [VW7.8NC] - How to display a News ticker on the bottom of a screen<br><br>
<meta http-equiv="Content-Type" content="text/html; charset=unicode">
<meta name="Generator" content="Microsoft SafeHTML">
<font face="Georgia">This is a start, but it's a bit jumpy. I'll
poke around a bit more.<br>
<br>
renderContentOn: html<br>
<br>
| id longString |<br>
<br>
longString _ String streamContents: [ :strm |<br>
1 to: 100 do: [ :i | strm nextPutAll: ' ',i asString,'.
Info for this item.'].<br>
].<br>
html div <br>
id: (id _ html nextId); <br>
style: <br>
'right: -21000px;<br>
left: 0px;<br>
bottom: 0;<br>
z-index: 20;<br>
padding: 2px;<br>
position: fixed;<br>
text-align: left;<br>
background-color: #eee;<br>
border-top: 1px solid #aaa;<br>
height: 18px;<br>
overflow: hidden;';<br>
with: [<br>
html span <br>
style: 'font-size: 14px;';<br>
with: longString.<br>
].<br>
<br>
html document addLoadScript: ((html jQuery: id asSymbol)
animate duration: 100*1000; easing: 'linear'; left: '-=10000px').<br>
<br>
Cheers,<br>
Bob<br>
</font><br>
On 10/14/11 7:51 AM, Dobbelstein, R. wrote:
<blockquote cite="mid:E2FC66646075514F922C99E36988EF4E0169AAB318@VTWNLEX001.vwaad.vwnb.local">
<div><span class="ecx183183411-14102011"><font face="Arial" size="2">Hi,</font></span></div>
<div><span class="ecx183183411-14102011"></span> </div>
<div><span class="ecx183183411-14102011"><font face="Arial" size="2">I
am new to this group and new to Seaside.
</font></span></div>
<div><span class="ecx183183411-14102011"></span><span class="ecx183183411-14102011"></span> </div>
<div><span class="ecx183183411-14102011"><font face="Arial" size="2">I
am trying to implement a kind of Slideshow in which the
upper part of the screen displays several "slides"
sequentially whereby the contents is dynamic. The lower part
(consisting of one line of text) should display a News
ticker </font></span><span class="ecx183183411-14102011"><font face="Arial" size="2">scrolling from right to left and it
should continue to do so even when the upper half of the
screen changes.</font></span></div>
<div><span class="ecx183183411-14102011"></span> </div>
<div><span class="ecx183183411-14102011"><font face="Arial" size="2">The
source for the news ticker woould be the headlines of an
RSS-feed.</font></span></div>
<div><span class="ecx183183411-14102011"></span> </div>
<div><span class="ecx183183411-14102011"><font face="Arial" size="2">Any
ideas how I can accomplish this? Code snippets or examples
are very much appriated.</font></span></div>
<div><span class="ecx183183411-14102011"></span> </div>
<div><span class="ecx183183411-14102011"><font face="Arial" size="2">Regards,</font></span></div>
<div><span class="ecx183183411-14102011"></span> </div>
<div><span class="ecx183183411-14102011"><font face="Arial" size="2">Ron</font></span></div>
<br>
<hr>
<font color="Gray" face="Verdana" size="2"><br>
De informatie verzonden met dit emailbericht is uitsluitend
bestemd<br>
voor de geadresseerde. Gebruik van deze informatie door anderen
dan de<br>
geadresseerde is verboden. Openbaarmaking, vermenigvuldiging,<br>
verspreiding en/of verstrekking van deze informatie aan derden
is niet toegestaan.<br>
Afzender staat niet in voor de juiste en volledige overbrenging
van de<br>
inhoud van een verzonden email, noch voor tijdige ontvangst
daarvan.<br>
Afzender attendeert erop dat de vertrouwelijkheid van informatie
verzonden per email niet gewaarborgd is.<br>
<br>
Minder printen is beter voor het milieu.<br>
- VolkerWessels Telecom is de handelsnaam van Volker Wessels
Telecom bv - KvK Gooi-, Eem- en Flevoland 24321042-<br>
<br>
The information contained in this communication is confidential
and<br>
may be legally privileged. It is intended solely for the use of
the<br>
individual or entity to whom it is addressed and others
authorised to<br>
receive it. If you are not the intended recipient you are hereby<br>
notified that any disclosure, copying, distribution or taking
any<br>
action in reliance on the contents of this information is
strictly prohibited and may be unlawful.<br>
Sender is neither liable for the proper and complete
transmission of<br>
the information contained in this communication nor for any
delay in<br>
its receipt. Please note that the confidentiality of e-mail<br>
communication is not warranted.<br>
<br>
Less printing is better for the environment<br>
-VolkerWessels Telecom is the tradingname of Volker Wessels
Telecom bv - Chamber of Commerce for the district Gooi-, Eem- en
Flevoland 24321042-<br>
</font>
<br>
<fieldset class="ecxmimeAttachmentHeader"></fieldset>
<br>
<pre>_______________________________________________
seaside mailing list
<a class="ecxmoz-txt-link-abbreviated" href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a>
<a class="ecxmoz-txt-link-freetext" href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a>
</pre>
</blockquote>
<br>_______________________________________________
seaside mailing list
seaside@lists.squeakfoundation.org
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</div> </div></body>
</html>