Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #17201 > unrolled thread

Continuous vertical marquee doesn't work properly

Back to article view | Back to comp.lang.javascript

Contents

  Continuous vertical marquee doesn't work properly Fokke Nauta <fnautaNO@SPAMsolfon.nl> - 2012-11-13 15:34 +0100
    Re: Continuous vertical marquee doesn't work properly SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-11-13 17:37 +0100
      Re: Continuous vertical marquee doesn't work properly Fokke Nauta <fnautaNO@SPAMsolfon.nl> - 2012-11-13 17:54 +0100
      Re: Continuous vertical marquee doesn't work properly Fokke Nauta <fnautaNO@SPAMsolfon.nl> - 2012-11-14 08:33 +0100
        Re: Continuous vertical marquee doesn't work properly "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2012-11-14 10:31 +0100
          Re: Continuous vertical marquee doesn't work properly Fokke Nauta <fnautaNO@SPAMsolfon.nl> - 2012-11-14 10:41 +0100
            Re: Continuous vertical marquee doesn't work properly "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2012-11-14 11:24 +0100
              Re: Continuous vertical marquee doesn't work properly Fokke Nauta <fnautaNO@SPAMsolfon.nl> - 2012-11-14 13:35 +0100
                Re: Continuous vertical marquee doesn't work properly Tim Slattery <Slattery_T@bls.gov> - 2012-11-14 08:44 -0500
                  Re: Continuous vertical marquee doesn't work properly Fokke Nauta <fnautaNO@SPAMsolfon.nl> - 2012-11-14 14:54 +0100
                  Re: Continuous vertical marquee doesn't work properly Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-11-14 20:38 +0100
                    Re: Continuous vertical marquee doesn't work properly "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2012-11-14 21:43 +0100
              Re: Continuous vertical marquee doesn't work properly Tim Streater <timstreater@greenbee.net> - 2012-11-14 14:16 +0000
                Re: Continuous vertical marquee doesn't work properly SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-11-14 16:14 +0100
        Re: Continuous vertical marquee doesn't work properly SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-11-14 11:24 +0100
          Re: Continuous vertical marquee doesn't work properly Fokke Nauta <fnautaNO@SPAMsolfon.nl> - 2012-11-14 13:40 +0100
            Re: Continuous vertical marquee doesn't work properly SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-11-14 16:50 +0100
              Re: Continuous vertical marquee doesn't work properly Fokke Nauta <fnautaNO@SPAMsolfon.nl> - 2012-11-14 18:47 +0100
                Re: Continuous vertical marquee doesn't work properly SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-11-14 20:17 +0100
                  Re: Continuous vertical marquee doesn't work properly Fokke Nauta <fnautaNO@SPAMsolfon.nl> - 2012-11-15 08:59 +0100
                    Re: Continuous vertical marquee doesn't work properly SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-11-15 09:41 +0100
                      Re: Continuous vertical marquee doesn't work properly Fokke Nauta <fnautaNO@SPAMsolfon.nl> - 2012-11-15 13:11 +0100
                        Re: Continuous vertical marquee doesn't work properly SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-11-15 14:06 +0100
                          Re: Continuous vertical marquee doesn't work properly Fokke Nauta <fnautaNO@SPAMsolfon.nl> - 2012-11-16 09:01 +0100

Page 1 of 2  [1] 2  Next page →

#17201 — Continuous vertical marquee doesn't work properly

Hi all,

I use a script from www.dynamicdrive.com for a continous vertical 
marquee, called Cross browser Marquee II. It's the only javascript I can 
find for this purpose.
I use it to scroll 8 images vertically, in a continuous way.
It works, but on the second passage all images are stuck together and 
have a white background behind them which is wider than the images 
themselves. This happens on all even passages. The first and all odd 
passages show correctly.
I guess this problem is due to the script. Perhaps someone is able to 
correct this?

You can watch this at http://www.pc3.nl/users/dictee. The images scroll 
in the left hand column. You can find the script I use underneath the 
dashed line.

Many thanks for your help beforehand.
With best regards,
Fokke Nauta

-------------------------------------------------------------------

  <script type="text/javascript">
/*
Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS, visit 
http://www.dynamicdrive.com
Modified by jscheuer1 for continuous content. Credit MUST stay intact 
for use
*/

//Specify the marquee's width (in pixels)
var marqueewidth="180px"
//Specify the marquee's height
var marqueeheight="770px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=1
//Specify initial pause before scrolling in milliseconds
var initPause=2000
//Specify start with Full(1)or Empty(0) Marquee
var full=1
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify Break characters for IE as the two iterations
//of the marquee, if text, will be too close together in IE
var iebreak='<p></p>'

//Specify the marquee's content
//Keep all content on ONE line, and backslash any single quotations (ie: 
that\'s great):

var marqueecontent='<p align="center"><a 
href="http://www.amersfoort.rabobank.nl" target="_blank"><img 
src="img/sponsors/LogoRabo.jpg" width="160" height="193" 
border="0"></a></p><p align="center"><a href="http://www.amersfoort.nl/" 
target="_blank"><img src="img/sponsors/LogoAmersfoort.jpg" width="160" 
height="114" border="0"></a></p><p align="center"><a 
href="http://www.progressomedia.nl/" target="_blank"><img 
src="img/sponsors/imago.png" width="160" height="37" 
border="0"></a></p><p align="center"><a 
href="http://www.algemeneboekhandel.nl/subsite.cfm/?Contact_4" 
target="_blank"><img src="img/sponsors/dab.jpg" width="160" height="69" 
border="0"></a></p><p align="center"><a 
href="http://www.boekhandelveenendaal.nl/" target="_blank"><img 
src="img/sponsors/veenendaal.jpg" width="160" height="92" 
border="0"></a></p><p align="center"><a 
href="http://www.joeymercuur.nl/" target="_blank"><img 
src="img/sponsors/mercuur.jpg" width="160" height="107" 
border="0"></a></p><p align="center"><a href="http://www.vandale.nl/" 
target="_blank"><img src="img/sponsors/vandale.jpg" width="160" 
height="51" border="0"></a></p><p align="center"><a 
href="http://www.hetnieuweeemland.nl/HetNieuweEemland/Home.aspx" 
target="_blank"><img src="img/sponsors/LogoNieuweEemland.jpg" 
width="160" height="71" border="0"></a></p>'

////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
var actualheight=''
var cross_marquee, cross_marquee2, ns_marquee

function populate(){
if (iedom){
var lb=document.getElementById&&!document.all? '' : iebreak
cross_marquee=document.getElementById? 
document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee2=document.getElementById? 
document.getElementById("iemarquee2") : document.all.iemarquee2
cross_marquee.style.top=(full==1)? '8px' : parseInt(marqueeheight)+8+"px"
cross_marquee2.innerHTML=cross_marquee.innerHTML=marqueecontent+lb
actualheight=cross_marquee.offsetHeight
cross_marquee2.style.top=(parseInt(cross_marquee.style.top)+actualheight+8)+"px" 
//indicates following #1
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.top=parseInt(marqueeheight)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualheight=ns_marquee.document.height
}
setTimeout('lefttime=setInterval("scrollmarquee()",20)',initPause)
}
window.onload=populate

function scrollmarquee(){

if (iedom){
if (parseInt(cross_marquee.style.top)<(actualheight*(-1)+8))
cross_marquee.style.top=(parseInt(cross_marquee2.style.top)+actualheight+8)+"px"
if (parseInt(cross_marquee2.style.top)<(actualheight*(-1)+8))
cross_marquee2.style.top=(parseInt(cross_marquee.style.top)+actualheight+8)+"px"
cross_marquee2.style.top=parseInt(cross_marquee2.style.top)-copyspeed+"px"
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
}

else if (document.layers){
if (ns_marquee.top>(actualheight*(-1)+8))
ns_marquee.top-=copyspeed
else
ns_marquee.top=parseInt(marqueeheight)+8
}
}

if (iedom||document.layers){
with (document){
if (iedom){
write('<div 
style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden" 
onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" 
style="position:absolute;left:10px;top:10px;width:100%;">')
write('</div><div id="iemarquee2" 
style="position:absolute;left:10px;top:10px;width:100%;z-index:100;background:white;">')
write('</div></div>')

}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' 
name="ns_marquee">')
write('<layer name="ns_marquee2" width='+marqueewidth+' 
height='+marqueeheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" 
onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
}
}
</script>

[toc] | [next] | [standalone]

#17203

Le 13/11/12 15:34, Fokke Nauta a écrit :
> Hi all,
>
> I use a script from www.dynamicdrive.com for a continous vertical
> marquee, called Cross browser Marquee II.

for FF1 - IE5 n Opera 7

...

a script from last century, no ?
(early in the century)


> It's the only javascript I can find for this purpose.
> I use it to scroll 8 images vertically, in a continuous way.

I hope you have a button to stop it ? !

> It works, but on the second passage all images are stuck together and
> have a white background behind them which is wider than the images
> themselves. This happens on all even passages. The first and all odd
> passages show correctly.
> I guess this problem is due to the script. Perhaps someone is able to
> correct this?

maybe is it due to bad css ?

> You can watch this at http://www.pc3.nl/users/dictee. The images scroll
> in the left hand column.

Marvelous! Quite relaxing! I see no "left" column there.

On another page I see a column with images but nothing moving ... (*)
No error in the console of Firefox ...

(*) is there something to move ?
     when images seem to have enough space to be displayed





-- 
Stéphane Moriaux avec/with iMac-intel

[toc] | [prev] | [next] | [standalone]

#17204

On 13/11/2012 17:37, SAM wrote:
> Le 13/11/12 15:34, Fokke Nauta a écrit :
>> Hi all,
>>
>> I use a script from www.dynamicdrive.com for a continous vertical
>> marquee, called Cross browser Marquee II.
>
> for FF1 - IE5 n Opera 7
>
> ...
>
> a script from last century, no ?
> (early in the century)
>

Could well be ...
No idea


>> It's the only javascript I can find for this purpose.
>> I use it to scroll 8 images vertically, in a continuous way.
>
> I hope you have a button to stop it ? !

It stops as soon as you hover over the pictures.

>> It works, but on the second passage all images are stuck together and
>> have a white background behind them which is wider than the images
>> themselves. This happens on all even passages. The first and all odd
>> passages show correctly.
>> I guess this problem is due to the script. Perhaps someone is able to
>> correct this?
>
> maybe is it due to bad css ?

I don't use CSS for these images here.

>> You can watch this at http://www.pc3.nl/users/dictee. The images scroll
>> in the left hand column.
>
> Marvelous! Quite relaxing! I see no "left" column there.

Well, there is, the same as on the other pages. But on the Home page you 
should see the images moving upwards.

> On another page I see a column with images but nothing moving ... (*)

That's right. I implemented the moving images only on the main home 
page, not on the other pages. There they are fixed.

> No error in the console of Firefox ...
>
> (*) is there something to move ?
>      when images seem to have enough space to be displayed
>

That's right. But new images are coming and there is no space in the 
column anymore. The height would become too much. So I decided to move 
them around.

[toc] | [prev] | [next] | [standalone]

#17218

On 13/11/2012 17:37, SAM wrote:
> Le 13/11/12 15:34, Fokke Nauta a écrit :
>> Hi all,
>>
>> I use a script from www.dynamicdrive.com for a continous vertical
>> marquee, called Cross browser Marquee II.
>
> for FF1 - IE5 n Opera 7
>
> ...
>
> a script from last century, no ?
> (early in the century)
>

<cut>

OK, if this script is so ancient, die you have a better alternative?

Fokke

[toc] | [prev] | [next] | [standalone]

#17222

Fokke Nauta wrote on 14 nov 2012 in comp.lang.javascript:

> On 13/11/2012 17:37, SAM wrote:
>> Le 13/11/12 15:34, Fokke Nauta a Ｄrit :
>>> Hi all,
>>>
>>> I use a script from www.dynamicdrive.com for a continous vertical
>>> marquee, called Cross browser Marquee II.
>>
>> for FF1 - IE5 n Opera 7
>>
>> ...
>>
>> a script from last century, no ?
>> (early in the century)
>>
> 
> <cut>
> 
> OK, if this script is so ancient, die you have a better alternative?

Certainly Fokke: 
write your own, [dat is ook nog eens leerzaam,]
show where you get stuck,
the group will most probably help you there.

This is not a NG where existing scripts are exchanged, 
but where code and programming concepts are discussed. 

-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[toc] | [prev] | [next] | [standalone]

#17223

On 14/11/2012 10:31, Evertjan. wrote:
> Fokke Nauta wrote on 14 nov 2012 in comp.lang.javascript:
>
>> On 13/11/2012 17:37, SAM wrote:
>>> Le 13/11/12 15:34, Fokke Nauta a ‚crit :
>>>> Hi all,
>>>>
>>>> I use a script from www.dynamicdrive.com for a continous vertical
>>>> marquee, called Cross browser Marquee II.
>>>
>>> for FF1 - IE5 n Opera 7
>>>
>>> ...
>>>
>>> a script from last century, no ?
>>> (early in the century)
>>>
>>
>> <cut>
>>
>> OK, if this script is so ancient, die you have a better alternative?
>
> Certainly Fokke:
> write your own, [dat is ook nog eens leerzaam,]
> show where you get stuck,
> the group will most probably help you there.
>
> This is not a NG where existing scripts are exchanged,
> but where code and programming concepts are discussed.
>

Write my own?
I'd rather first take a course of Java, then. But, then again, I may be 
too old for that.
No, I don't see that as a possibility. Neither did I want to exchange 
complete scripts. I was looking for just a little finetuning of the 
script I found.
But, and that is the good news, I've found it myself.
In the line:
<div id="iemarquee2" 
style="position:absolute;left:10px;top:10px;width:100%;z-index:100;background:white;">
I removed "background:white" and now it works the way I want it.

Looking into such a script is leerzaam indeed!

With best regards,
Fokke

[toc] | [prev] | [next] | [standalone]

#17224

Fokke Nauta wrote on 14 nov 2012 in comp.lang.javascript:

> Write my own?
> I'd rather first take a course of Java, then. 

Why would you want to do that?

A course of Sanskrit would be nearly as usefull.

Javascrit is NOT a scriptform of Java.

> But, then again, I may be too old for that.

Puh, I am 10 years older than you are,
and you profess to be a professional computer-teacher, 
I believe.

<http://www.fokkenauta.nl/d.shtml>

> No, I don't see that as a possibility. Neither did I want to exchange 
> complete scripts. I was looking for just a little finetuning of the 
> script I found.
> But, and that is the good news, I've found it myself.
> In the line:
> <div id="iemarquee2" 
> style="position:absolute;left:10px;top:10px;width:100%;z-index:100;back
> ground:white;"> I removed "background:white" 

CSS has it's own NG, btw:
   comp.infosystems.www.authoring.stylesheets

> and now it works the way I want it. 

Congtratulations. I was not critisizing [with a "z", see other thread] you, 
just explaining the the working of this NG.
 
> Looking into such a script is leerzaam indeed!

More than once, we see newbees in this NG starting with solutions made in 
the late 1990's for antiquated versions of Javascript, css and the DOM.

Starting to learn with these van be quite detrimental to the sanity of a 
programmer and to the understanding of present day browsers cum script-
engines.

A stern warning is the best we can do in these cases.

-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[toc] | [prev] | [next] | [standalone]

#17236

On 14/11/2012 11:24, Evertjan. wrote:
> Fokke Nauta wrote on 14 nov 2012 in comp.lang.javascript:
>
>> Write my own?
>> I'd rather first take a course of Java, then.
>
> Why would you want to do that?

Because before one can produce a piece of code, you'll need to know the 
syntax.
I don't know exactly how Javascript works, to be honest. How on earth 
would I write a piece of code in it? First learn the syntax, then you 
can write something.

> A course of Sanskrit would be nearly as usefull.

Perhaps not, but maybe very interesting.

> Javascrit is NOT a scriptform of Java.

I'm aware of that!

>> But, then again, I may be too old for that.
>
> Puh, I am 10 years older than you are,
> and you profess to be a professional computer-teacher,
> I believe.
>
> <http://www.fokkenauta.nl/d.shtml>

Yeah, that's correct. But sometimes I feel a bit old all of a sudden, 
especially when I see that many youngsters are much more capable of 
programming something than I am.

But to start learning Javascript?
As a matter of fact I never liked programming. I wrote many Unix shell 
scripts once. And I did some Pascal. What I liked was writing complex 
batch files for 4DOS, and I still do for the TC/LE command processor 
from JP software. And I liked programming BASIC. But that's a long time 
gone.
But those were the only exceptions I really liked programming.

>> No, I don't see that as a possibility. Neither did I want to exchange
>> complete scripts. I was looking for just a little finetuning of the
>> script I found.
>> But, and that is the good news, I've found it myself.
>> In the line:
>> <div id="iemarquee2"
>> style="position:absolute;left:10px;top:10px;width:100%;z-index:100;back
>> ground:white;"> I removed "background:white"
>
> CSS has it's own NG, btw:
>     comp.infosystems.www.authoring.stylesheets

OK, that's good to know.

>> and now it works the way I want it.
>
> Congtratulations. I was not critisizing [with a "z", see other thread] you,
> just explaining the the working of this NG.
>
>> Looking into such a script is leerzaam indeed!
>
> More than once, we see newbees in this NG starting with solutions made in
> the late 1990's for antiquated versions of Javascript, css and the DOM.
>
> Starting to learn with these van be quite detrimental to the sanity of a
> programmer and to the understanding of present day browsers cum script-
> engines.
>
> A stern warning is the best we can do in these cases.
>

Well, thanks for the stern warning.
But anyway, I got my ancient Javascript running!
And I'm quite pleased with it.

Fokke

[toc] | [prev] | [next] | [standalone]

#17238

Fokke Nauta <fnautaNO@SPAMsolfon.nl> wrote:

>On 14/11/2012 11:24, Evertjan. wrote:
>> Fokke Nauta wrote on 14 nov 2012 in comp.lang.javascript:
>>
>>> Write my own?
>>> I'd rather first take a course of Java, then.
>>
>> Why would you want to do that?
>
>Because before one can produce a piece of code, you'll need to know the 
>syntax.

Then you'd want to study Javascript, NOT Java. They are not at all the
same thing.

-- 
Tim Slattery
Slattery_T@bls.gov

[toc] | [prev] | [next] | [standalone]

#17239

On 14/11/2012 14:44, Tim Slattery wrote:
> Fokke Nauta <fnautaNO@SPAMsolfon.nl> wrote:
>
>> On 14/11/2012 11:24, Evertjan. wrote:
>>> Fokke Nauta wrote on 14 nov 2012 in comp.lang.javascript:
>>>
>>>> Write my own?
>>>> I'd rather first take a course of Java, then.
>>>
>>> Why would you want to do that?
>>
>> Because before one can produce a piece of code, you'll need to know the
>> syntax.
>
> Then you'd want to study Javascript, NOT Java. They are not at all the
> same thing.
>

Ofcourse! Slip of the keyboard ...

[toc] | [prev] | [next] | [standalone]

#17248

Tim Slattery wrote:

> Fokke Nauta <fnautaNO@SPAMsolfon.nl> wrote:
>>On 14/11/2012 11:24, Evertjan. wrote:
>>> Fokke Nauta wrote on 14 nov 2012 in comp.lang.javascript:
>>>
>>>> Write my own?
>>>> I'd rather first take a course of Java, then.
>>>
>>> Why would you want to do that?
>>
>> Because before one can produce a piece of code, you'll need to know the
>> syntax.
> 
> Then you'd want to study Javascript, NOT Java. They are not at all the
> same thing.

There is no "Javascript", see also <http://PointedEars.de/es-matrix>.

(You asked for it.)


PointedEars
-- 
var bugRiddenCrashPronePieceOfJunk = (
    navigator.userAgent.indexOf('MSIE 5') != -1
    && navigator.userAgent.indexOf('Mac') != -1
)  // Plone, register_function.js:16

[toc] | [prev] | [next] | [standalone]

#17249

Thomas 'PointedEars' Lahn wrote on 14 nov 2012 in comp.lang.javascript:

>> Then you'd want to study Javascript, NOT Java. They are not at all the
>> same thing.
> 
> There is no "Javascript", see also <http://PointedEars.de/es-matrix>.

What's wrong with studying things that are not there?

I am quite happy programming in Javascript, reading fiction, hearing 
ingenious lies.

-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[toc] | [prev] | [next] | [standalone]

#17240

In article <XnsA10B740CF1F6Aeejj99@194.109.133.133>,
 "Evertjan." <exxjxw.hannivoort@inter.nl.net> wrote:

> Congtratulations. I was not critisizing [with a "z", see other thread] you, 
> just explaining the the working of this NG.

criticising. That's two spelling errors in one word, not bad.

-- 
Tim

"That excessive bail ought not to be required, nor excessive fines imposed,
nor cruel and unusual punishments inflicted"  --  Bill of Rights 1689

[toc] | [prev] | [next] | [standalone]

#17241

Le 14/11/12 15:16, Tim Streater a écrit :
> In article <XnsA10B740CF1F6Aeejj99@194.109.133.133>,
> "Evertjan." <exxjxw.hannivoort@inter.nl.net> wrote:
>
>> Congtratulations. I was not critisizing [with a "z", see other thread]
>> you, just explaining the the working of this NG.
>
> criticising. That's two spelling errors in one word, not bad.

Bon ... finalement c'est comment ?

On va y arriver ?

-- 
Stéphane Moriaux avec/with iMac-intel

[toc] | [prev] | [next] | [standalone]

#17225

Le 14/11/12 08:33, Fokke Nauta a écrit :
> On 13/11/2012 17:37, SAM wrote:
>> Le 13/11/12 15:34, Fokke Nauta a écrit :
>>> Hi all,
>>>
>>> I use a script from www.dynamicdrive.com for a continous vertical
>>> marquee, called Cross browser Marquee II.
>>
>> a script from last century, no ?
>
> OK, if this script is so ancient, die you have a better alternative?

The best : try to see, understand and learn the css 'transition'
(adios all old browsers !)



I imagine you can tinker and try to realize :
- a div sized (the sreen where to display the slider)
   styled in overflow:hidden;
- a div contained by the screen above (id="slider")
   (why same width or a few less)
- that div gets the pictures sized (css) in width:99%;
- you find/create a routine to slide up that div
- when 2nd picture is entirely seen you move the 1st at end
   (and minimize the counter by the height of that picture)
- and so on

var c = 0,
speed = 50,  // bigger = slower
slids = false;

function $(div) {
   if(typeof div !='string') return div;
   // we'll try to interest NatsCape but ... is it yet usefull ?
   return document.layers? document.layers[div] :
   // then all the IEs
   document.all&&!window.opera? document.all[div] :
   // and finally the respectful browsers
   document.getElementById(div);
}
function movetop() {
   c++;
   $('slider').marginTop = - c +'px';
   var s = $('slider').getElementsByTagName('IMG');
   if (c*(-1)>= s[0].height) {
      c = c + s[0].height;
      $('slider').appendChild(s[0]); // zoo! 1st at end
      }
   slids = setTimeout(movetop,speed);  // may not work with IE5
}
funtion stopImg() { clearTimeout(slids); slids=false; }
window.onload = movetop;

-- 
Stéphane Moriaux avec/with iMac-intel

[toc] | [prev] | [next] | [standalone]

#17237

On 14/11/2012 11:24, SAM wrote:
> Le 14/11/12 08:33, Fokke Nauta a écrit :
>> On 13/11/2012 17:37, SAM wrote:
>>> Le 13/11/12 15:34, Fokke Nauta a écrit :
>>>> Hi all,
>>>>
>>>> I use a script from www.dynamicdrive.com for a continous vertical
>>>> marquee, called Cross browser Marquee II.
>>>
>>> a script from last century, no ?
>>
>> OK, if this script is so ancient, die you have a better alternative?
>
> The best : try to see, understand and learn the css 'transition'
> (adios all old browsers !)
>
>
>
> I imagine you can tinker and try to realize :
> - a div sized (the sreen where to display the slider)
>    styled in overflow:hidden;
> - a div contained by the screen above (id="slider")
>    (why same width or a few less)
> - that div gets the pictures sized (css) in width:99%;
> - you find/create a routine to slide up that div
> - when 2nd picture is entirely seen you move the 1st at end
>    (and minimize the counter by the height of that picture)
> - and so on
>
> var c = 0,
> speed = 50,  // bigger = slower
> slids = false;
>
> function $(div) {
>    if(typeof div !='string') return div;
>    // we'll try to interest NatsCape but ... is it yet usefull ?
>    return document.layers? document.layers[div] :
>    // then all the IEs
>    document.all&&!window.opera? document.all[div] :
>    // and finally the respectful browsers
>    document.getElementById(div);
> }
> function movetop() {
>    c++;
>    $('slider').marginTop = - c +'px';
>    var s = $('slider').getElementsByTagName('IMG');
>    if (c*(-1)>= s[0].height) {
>       c = c + s[0].height;
>       $('slider').appendChild(s[0]); // zoo! 1st at end
>       }
>    slids = setTimeout(movetop,speed);  // may not work with IE5
> }
> funtion stopImg() { clearTimeout(slids); slids=false; }
> window.onload = movetop;
>

Thanks very much for your help.
But I'm afraid this is still too complex for me to get this running.
For instance, "you find/create a routine to slide up that div": I 
haven't got a clue as how to do this.
But as you can see in this thread, I already managed to get my script 
running. Even if it's ancient.

Fokke

[toc] | [prev] | [next] | [standalone]

#17242

Le 14/11/12 13:40, Fokke Nauta a écrit :
> On 14/11/2012 11:24, SAM wrote:
>> The best : try to see, understand and learn the css 'transition'
>> (adios all old browsers !)

I'm not sure you did read that ...
(if you don't like to learn JS perhaps would you learn HTML and CSS ?)

>> I imagine you can tinker and try to realize :
>>
>> var c = 0,
>> speed = 50,  // bigger = slower
>> slids = false;
(blah)
>> window.onload = movetop;
>
> Thanks very much for your help.
> But I'm afraid this is still too complex for me to get this running.

The code was given (but not tested)
... with some comments

> For instance, "you find/create a routine to slide up that div": I
> haven't got a clue as how to do this.

To slide the div to up
---> merging it negatively on top
      no ?

function moveUp() {
var obj = document.getElementById('slid');
var t = obj.style.marginTop.replace('px','');
t--;
obj.style.marginTop = t+'px';
continu = setTimeout(moveUp,10);
}


> But as you can see in this thread, I already managed to get my script
> running. Even if it's ancient.

Ha ?
You fixed your left column I haven't see ?
It is now visible ?

... no ...
the TD who plays to be a column has only a JS script ...

-- 
Stéphane Moriaux avec/with iMac-intel

[toc] | [prev] | [next] | [standalone]

#17246

On 14/11/2012 16:50, SAM wrote:
> Le 14/11/12 13:40, Fokke Nauta a écrit :
>> On 14/11/2012 11:24, SAM wrote:
>>> The best : try to see, understand and learn the css 'transition'
>>> (adios all old browsers !)
>
> I'm not sure you did read that ...
> (if you don't like to learn JS perhaps would you learn HTML and CSS ?)
>
>>> I imagine you can tinker and try to realize :
>>>
>>> var c = 0,
>>> speed = 50,  // bigger = slower
>>> slids = false;
> (blah)
>>> window.onload = movetop;
>>
>> Thanks very much for your help.
>> But I'm afraid this is still too complex for me to get this running.
>
> The code was given (but not tested)
> ... with some comments
>
>> For instance, "you find/create a routine to slide up that div": I
>> haven't got a clue as how to do this.
>
> To slide the div to up
> ---> merging it negatively on top
>       no ?
>
> function moveUp() {
> var obj = document.getElementById('slid');
> var t = obj.style.marginTop.replace('px','');
> t--;
> obj.style.marginTop = t+'px';
> continu = setTimeout(moveUp,10);
> }
>


Thanks for your effort.
The point is:
If you can't cook, I could give you fine ingredients and spices and you 
would never be able to prepare a proper meal.
You gave me nice pieces of JS and I don't know what to do with them. I 
would never be able to create a workable script.
Unless I would first follow a course.
And I won't. I just wanted a piece of JS to work properly.

>> But as you can see in this thread, I already managed to get my script
>> running. Even if it's ancient.
>
> Ha ?
> You fixed your left column I haven't see ?
> It is now visible ?
>
> ... no ...
> the TD who plays to be a column has only a JS script ...

Yes, it is visible. Here we all can see it. I'm not the only one. And 
not even in the home page but on all other pages as well.

Fokke

[toc] | [prev] | [next] | [standalone]

#17247

Le 14/11/12 18:47, Fokke Nauta a écrit :
> On 14/11/2012 16:50, SAM wrote:
>
> Yes, it is visible. Here we all can see it. I'm not the only one. And
> not even in the home page but on all other pages as well.

Maybe in flat country but here with my Firefox the column is empty 
(nothing visible).
It works with my Chrome.

Could you try to replace in your JS script :

write('</div></div>')

}

by :

write('</div></div>');
close();
}

not far form line 145 in file 'users/dictee/shtml/organisatie.shtml'
for instance
-- 
Stéphane Moriaux avec/with iMac-intel

[toc] | [prev] | [next] | [standalone]

#17253

On 14/11/2012 20:17, SAM wrote:
> Le 14/11/12 18:47, Fokke Nauta a écrit :
>> On 14/11/2012 16:50, SAM wrote:
>>
>> Yes, it is visible. Here we all can see it. I'm not the only one. And
>> not even in the home page but on all other pages as well.
>
> Maybe in flat country but here with my Firefox the column is empty
> (nothing visible).
> It works with my Chrome.
>
> Could you try to replace in your JS script :
>
> write('</div></div>')
>
> }
>
> by :
>
> write('</div></div>');
> close();
> }
>
> not far form line 145 in file 'users/dictee/shtml/organisatie.shtml'
> for instance

In my script it was on a different line (82) but I found what you meant. 
I made the change you suggested. Is this better? Does it now work for you?

[toc] | [prev] | [next] | [standalone]

Page 1 of 2  [1] 2  Next page →

Back to top | Article view | comp.lang.javascript

csiph-web