Support from Acquia helps fund testing for Drupal Acquia logo

Comments

rmiddle’s picture

Subcribe

unarsu’s picture

Assigned: Unassigned » unarsu

I'm working on this today. I was hoping to have it done today, but I'm taking the time to see if I can integrate some of the patches that have been posted.

puleddu’s picture

sub,
any news on this port?

wuf31’s picture

subscribing..
Interesting module, looking forward for a 6.x version

jweberg’s picture

subscribing!

chasz’s picture

+1

Mathews_1’s picture

subscribing. Looking Forward to seeing Drupal 6.x

panji’s picture

Subscribe,.. waiting......................

darumaki’s picture

subscribe

monsterweb’s picture

I'm also interested in this. I'm not no drupal developer but i knows the php. Please let me know if you need help.

hutch’s picture

Cracked it (up to a point). see attached tarball
I have only implemented jscroller, not the other two.
It works with Views 2, I have not tried it with the older Views
Horizontal mode works if you make it inline under Row style: fields
Vertical in a block is working fine in bluemarine
There are options under Basic settings > style: Views Ticker (click on the gear)
scroll type, direction, speed, mouseover and delay.
I have used the latest version of jscroller, included in the tarball

Hope this helps

hutch’s picture

Found a small thing I forgot to include in the tarball, here is a patch.
It feeds the name of the query through to the template.

hutch’s picture

I have managed to get the fade and bbc tickers in there as well, please try the attached tarball.
I have also added the bounce effect to the scroller options.
In case anyone is interested, I modelled this port on the views_rotator module, nice clean code that is easy to follow.

phicarre’s picture

Category: feature » support

D6 version
I installed it. I see the module in the list but nothing else ...

hutch’s picture

It is all in Views, go there and click on 'add', name it something say 'test_ticker'. When you get to the Edit view test_ticker look under Basic settings and click on style and select 'Views Ticker'. Then select Block from the dropdown on the left and click on Add Display.
Go back to the style 'Views Ticker' and click on the gear and you will get a form below where you can set the type, speed etc
Then save that and go to Site Building > Blocks and enable it

There is documentation on how to use Views at http://drupal.org/handbook/modules/views

NancyDru’s picture

Any chance of making a release, even a -dev?

@hutch: Dealing with abandoned projects

rmiddle’s picture

Aurthur hasn't made a change in 40 weeks and this is his only project.

Yea @hutch this looks like a fun project for you to take over.

Thanks
Robert

zoia’s picture

wating for a stable release for d6x

ahkiam’s picture

Status: Active » Needs review

alpha 2 tar works for me; no issues.

+1 for stable release

hutch’s picture

Sorry not to come back earlier folks, it's been a busy month.
I will look into the possibility of taking over Views Ticker, it does seem to be abandoned ;-(

NancyDru’s picture

Great, hutch. There is a link above for the process to follow. When I do this, I use the interim two weeks to convert and fix bugs so that when I get commit access I am ready to close lots of issues.

hutch’s picture

Thanks for your support, I have been through the process once before with imagepicker so I'll refresh my memory on the details and go from there.

NancyDru’s picture

Title: drupal 6.x » Views Ticker for D6

Great. I changed the title so it is more informative on my issues list.

unarsu’s picture

I am sorry that I never checked back on this project. Another drupal user had suggested just using a jquery plugin, and that's the route I started down.

Is this module still needed? For example, one can do something like: http://drupal.org/node/321404

ahkiam’s picture

Well, what you're linking to is only a series of code snippets, so I don't think that's a replacement. Yes that way can work, but it's less accessible than Views Ticker, so it would seem like a waste to abandon this project.

hutch’s picture

I would like to suggest that jQuery.ScrollTo, jQuery.SerialScroll and jQuery.LocalScroll are ripe for inclusion into Views Ticker. The bbc and fade scrollers are already jquery enabled. Views is becoming increasingly central to Drupal and this would make implementation much easier especially for non-coders, the majority of Drupal users.

my 2 bits worth

unarsu’s picture

Assigned: unarsu » Unassigned

ahkiam: point taken; accessibility for end users is very important. When I first started with views_ticker, I had just started with Drupal. I tried doing the conversion, but it was taking me too long and I needed to focus on paying work.

hutch: I have unassigned myself to this support request; could you assign yourself to this issue?

Do you need any help --code review, testing, etc? I can help with the integration of jQuery.ScrollTo, jQuery.SerialScroll and jQuery.LocalScroll, but completely understand if you want to tackle that yourself.

I have site work that will keep me busy till the 23rd, but I could help after that if you'd like.

-u

hutch’s picture

Assigned: Unassigned » hutch
FileSize
11.88 KB

I have assigned myself to this issue.

It seems to me that the first thing to do is get a D6 development version out.

See the attached tarball, it is the same as the previous one but includes the bbc and fade js which I forgot to include in the previous version.
It has been put through Code review and I have it working on my devbox.

unarsu, I understand the pressures of work, I have a business to run myself, but if you can get the cvs done sometime that would be a good start. I will have a look meanwhile at integrating the jQuery.ScrollTo etc packages into Views

unarsu’s picture

hutch: I'll grab this and test this out in the next few days on a live site.

CVS-- I'm not sure I'm up to time travel to the past. Can git be used?

rmiddle’s picture

unarsu,

Not and get the files into drupal.org. They only use CVS.

Thanks
Robert

hutch’s picture

Drupal uses CVS, see
http://drupal.org/handbook/cvs/quickstart
for howto, don't rush in, it's done in a very particular way

asak’s picture

I can confirm this works very nice with D6.10

Prasad Shir’s picture

Yes, patch at #28 is working fine for D6.10!

zoia’s picture

congratulations to all of you . Should we wait for a public release or we can test the dev in D 6.10 ; when it is supposed to have a stable release; I ask this because i dont wont to take the risk to test in live site and also I am not so keen in coding
Thanks

KelvinWong’s picture

subscribe

rachel_norfolk’s picture

this is an interesting module - can I be of any help? (not that I have much php experience, you understand!)

adam_b’s picture

subscribe

bcobin’s picture

I have the alpha version from #28 working nicely - thank you!

My problem now is making it loop - others have had the same issue with the D5 version - see http://drupal.org/node/293360

Thanks for porting this to D6 and all the work you've all done - getting it to loop and I'll be rockin'!

(Having all that blank space after the crawl finishes is a major drag...)

Any ideas greatly appreciated... thanks! (Continuing this discussion here to differentiate this thread from discussion of D5 version.)

hutch’s picture

The problem with a gap in the loop has so far been unresolvable. The reason is as follows:
It's not really a loop, it is a dataset (a list in fact) that repeats itself, as soon as the last one is finished another starts. This is in the way the javascript works and the jscroller script is packed so it cannot be altered. I had a good look around at other scrollers and most of them have that gap, one didn't but it had a number of other problems, the output was jumpy and the code was poorly written so that was out.
So to summarize this is a javascript problem, not a php problem and it's the same for D5 and D6
To get it fixed requires someone with better javascript skills than I have.
A workaround would be to make longer lists so that the page gets changed before the gap appears, it will still be there but less obviously so.

bcobin’s picture

Thanks, Hutch. I took a look around as well and found that the way to do this has been documented - it's a matter of setting up a second <div> and adding _endless to the class name. You can see the documentation at:

"http://" "jscroller2.markusbordihn.de" "/docs/" (It's all in quotes because the site prevents hotlinking - you'll need to enter the URL manually.)

This could possibly be handled in the .tpl file with some PHP acrobatics and a condition set to "endless." This actually looks like it wouldn't be too hard for someone with decent coding skills, which I, unfortunately, do not possess.

It looks like there are a few of us out here who could really use this functionality, and the D6 version is very new - any takers? I'll keep checking back.... thanks to all!

hutch’s picture

hmmm, I missed that entry in the docs, you might be right, it might just work, I will give it a try
I'm glad that D6 version is working for people, the credit should go to the folks developing views2, it is so flexible!

hutch’s picture

FileSize
698 bytes

OK here is a patch for endless scrolling
What it does is just repeats the loop below the original one
I have no idea wether it will work for anyone else but it is working for me ;-)
If you can't patch just open the patch and views-view-ticker.tpl.php in a texteditor, it's pretty obvious, - means remove and + means add

bcobin’s picture

My, my... you are THE dude!

Works like a charm - thanks SO much!

(This is why I love Drupal.... the community rocks!)

hutch’s picture

Endless scrolling really does work well now, so here is the whole thing ready to roll.

JordanMagnuson’s picture

Subscribing.

bcobin’s picture

Endless scroll works great vertically... horizontally is another story... eep! Seems like a tricker proposition; you can adjust the width in CSS manually it so it sort of works - the width needs to be equal to the full text length and all the items floated left - you'd need to rely on the block width to control what's visible.

Just a heads up and a thanks for getting it working at all - I'm going to convince the client to go with a vertical scroll for now!

hutch’s picture

Yes that is more or less what I found when I was playing around with it. You can also up the limit in views so that it pulls more data, if you have enough to do that of course ;-)
You could also pad out the links in css so they are further apart, 10 or 20 pixels extra would not be too bad.

You could add something like

  background: url(images/bullet.png) no-repeat 0px 5px ;

to .views-scroller-horizontal-item in css

hack, hack and hack some more ;-)

fred0’s picture

hutch,
Thanks for all the work getting this working on D6! I just started messing around with it and, besides #46's horizontal spacing problem, I'm noticing another. I've created a views block that uses the Feed Aggregator as the data source and horizontal scrolling. Only the first item is shown in the scroll and it appears twice then repeats. Using any of the 3 other styles works as expected and shows the complete list.
Haven't had a chance to dig into it yet, but if it's a js problem, I won't likely be able to figure it out.

hutch’s picture

Have you tried the version from #44
I doubt it's a js problem and if it is there is nothing to do as the js code is packed.
You could trying altering things in views-view-ticker.tpl.php

cside’s picture

Probably being very thick here but cannot find the settings to change the variables.

I click on 'styles' see the View Ticker radio , click on it but no gear symbol or options appear and the style defaults back to 'unformatted'

Using D6.10 and Views 2 ......

Cheers

i.chris.jacob’s picture

Subscribe

ck9’s picture

Thanks #44 -- good module. =)

Only issue with it right now is that the width of the scroller is wider than the block it's placed in, so some of the text flows out. This only seems to occur with vertical scrolling.

hutch’s picture

try tweaking the css:

.views-scroller-vertical-container {
 width: 210px;
 height: 160px;
 overflow: hidden;
}

Copy the above into your theme's stylesheet and edit it there, should do it.

ck9’s picture

Thank you hutch that did the trick =)

ianchan’s picture

subscribe

helenj’s picture

Great module thanks.

Works fine for me in Horizontal and Vertical mode (with a few tweeks to the CSS), however with BBC style I get the following error:

Webpage error details

Message: 'newsItems[...].length' is null or not an object
Line: 1
Char: 1
Code: 0

with the resulting HTML:

<ul id="views-ticker-fade-ticker_milestones">
<li>
<a href="undefined"/>
</li>
</ul>

and consequently no ticker showing on the page.

Any ideas how I can fix this?

hutch’s picture

Hard to say why but it looks like it's not picking up the sql, just guessing.
Here is an export of a test of bbc ticker that works for me

$view = new view;
$view->name = 'test_bbc';
$view->description = 'test of bbc style ticker';
$view->tag = 'test_bbc';
$view->view_php = '';
$view->base_table = 'node';
$view->is_cacheable = FALSE;
$view->api_version = 2;
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */
$handler = $view->new_display('default', 'Defaults', 'default');
$handler->override_option('fields', array(
  'title' => array(
    'label' => '',
    'link_to_node' => 1,
    'exclude' => 0,
    'id' => 'title',
    'table' => 'node',
    'field' => 'title',
    'relationship' => 'none',
  ),
));
$handler->override_option('filters', array(
  'status' => array(
    'operator' => '=',
    'value' => '1',
    'group' => '0',
    'exposed' => FALSE,
    'expose' => array(
      'operator' => FALSE,
      'label' => '',
    ),
    'id' => 'status',
    'table' => 'node',
    'field' => 'status',
    'relationship' => 'none',
  ),
));
$handler->override_option('access', array(
  'type' => 'none',
));
$handler->override_option('cache', array(
  'type' => 'none',
));
$handler->override_option('style_plugin', 'views_ticker_scroller');
$handler->override_option('style_options', array(
  'scroller_type' => 'bbc',
  'hscroller_speed' => '30',
  'hscroller_direction' => 'left',
  'hscroller_delay' => '0',
  'hscroller_mouseover' => 0,
  'hscroller_bounce' => 0,
  'vscroller_speed' => '30',
  'vscroller_direction' => 'up',
  'vscroller_delay' => '0',
  'vscroller_mouseover' => 0,
  'vscroller_bounce' => 0,
));
$handler->override_option('row_options', array(
  'inline' => array(
    'title' => 'title',
  ),
  'separator' => '&nbsp;',
));
$handler = $view->new_display('block', 'Block', 'block_1');
$handler->override_option('block_description', 'test_bbc');
$handler->override_option('block_caching', -1);

Hope this helps

helenj’s picture

Thanks hutch.

Where do I put this code?

hutch’s picture

Home > Administer > Site building > Views > Import
But I've just noticed that you are on Drupal 5, I don't think it works there, sorry ;-(
I haven't looked at D5 for quite awhile now, and I'm not the maintainer.

helenj’s picture

Thanks. I am using D6. BBC style ticker works a treat now.

I think maybe my problem was that I was trying to use the body field instead of the title. I wanted to do this so that I could apply formatting to individual parts of the text within the ticker, eg to have numbers in red.

Is this possible?

hutch’s picture

To be honest I don't know, but it sounds like something that could be done in your theme's css
A careful look at the source code using firebug or whatever tool you use the view the DOM should help.

Apollo610’s picture

Hey guys,

Just a heads up - if you remove "Link this field to its node" from the TITLE field, it breaks the BBC-style output.

Thanks for the D6 version!

israelshmueli’s picture

subscribe

kiwi_steve’s picture

Loving this, thanks Hutch... one question (and it might be something simple I have just missed) - can I have 2 fields displaying in the ticker for each item (for example, I want to show the taxonomy term, then a ':' and then the title) ?

Thanks again for taking over and getting this working.

Steve


I discovered I can, if I use fade or scroll - but I wanted to use the BBC ticker.... is this something particular to that?

chrispy’s picture

Title: Views Ticker for D6 - awesome job » Turn off links

Is there a way to turn off it setting a link on the ticker? I searched through the view settings but did not see anything. I just want it to scroll with plain jane text. TIA!

Edit: Nevermind, I figured out what to delete in the javascript code. Would be nice though to have an interface for turning links on & off, especially since the BBCnewsTicker allows it now.

hutch’s picture

Title: Views Ticker for D6 » Turn off links

First of all I haven't taken over the project, I applied for it and never heard another thing, looks like it got lost ;-(

As far as I know you should be able to do all this in Views. I concentrated on the D6 version and got that going so I don't know about Views in D5.

eurekaloop’s picture

Title: Turn off links » Views Ticker for D6 - awesome job

Just tried the V6 - great work, and can't wait for an official module with BBC ticker settings so that I'm not hacking the js file to change scroll speed, etc.
Thanks so much!

In the meantime, any idea why it breaks the External Links module / link target ? The target attribute is still there in the code (_blank) for each link, but it is being ignored when displayed within the BBC-style ticker...

Thanks in advance for any ideas.
:)

And yes, I know that the 'target' attribute has been deprecated for strict XHTML:
http://drupal.org/node/344970

hutch’s picture

I imagine that the reason that extlink and ticker won't play well together is because they both manipulate the DOM and one is overriding the other.
You could try to give extlink some 'weight' in the system table..... (advanced)
This would/might cause extlink js to load after the ticker js. Wether that will work or not I don't know, I can't test as I have no ticker viewing external links.

chrism2671’s picture

Subscribing

eurekaloop’s picture

Hey Hutch,

Thanks for the suggestion. I installed the Utility module, which allows for module weight assignments, and set the External Links module higher in weight (1000) than the Views-ticker (0), but that didn't fix it. However, when looking at the code, the extlink.js was still being called before the views ticker. I checked the MYSQL database, and the weights were assigned correctly.

I did a quick str_replace to remove the extlink.js from the $script variables, and then added the extlink.js back below the other ticker script, but that still didn't fix it. Also tried replacing the target attribute with some javascript, but no luck there either. I think that Ext Links is working - but links are being re-rendered in this case. For a flash second, I can see the items in the 'news' view before the BBC-style scroller actually starts, and I can see that they do have the external link icon next to them. But once the scroller starts, it is gone, and they won't open in another window.

In fact, I apologize in that I should have been clearer in my original post - this issue apparently only affects the BBC style ticker. I just tried the horizontal and it works with Exteneral Links just fine. So my guess is that some sort of link rendering option that is available in the other ticker styles is not present in the BBC style ticker.

Found this from the coder who wrote the BBC script:
http://www.makemineatriple.com/2009/02/link-target/

Doesn't really say anything about adding this feature to the BBC ticker, but I guess it explains his reasoning for not including. Whether using target or javascript, I can't say I agree with him - particularly with the prevalence of tabbed browsing and the fact that the Ext Links module adds an icon next to the link to let users know where they are going.

I'll do some tinkering and see if I can't come up with a solution...in case anyone else feels the same way and wants these modules to play well together.

eurekaloop’s picture

No luck on a pretty fix, but I did manage to unpack the bbc.js file and add the target attribute where my client wanted it. I was going to add the "ext" class and let the External Links module do its thing, but I couldn't get it to correct the links as they were loaded by the ticker. Only the first link displayed was given the class.

Anyways, if anyone else wants the links to open in a new window in their BBC style ticker, unpack the views.ticker.bbc.js script included in the views ticker module and find this line:

if(currentLength==0)
			{
			$(settings.newsList).empty().append('<li><a href="'+settings.newsLinks[currentItem]+'"></a></li>')
		}

and add your target:

if(currentLength==0)
			{
			$(settings.newsList).empty().append('<li><a target="_blank" href="'+settings.newsLinks[currentItem]+'"></a></li>')
		}

Not perfect, but it works for me.

bomarmonk’s picture

It might be worth joining all slideshow/ ticker modules together. See http://drupal.org/node/411038

bomarmonk’s picture

I should add: this module, from #44 is working for me (other than the BBC option). Thank you for the updated module.

lejon’s picture

Title: Turn off links » Views Ticker for D6 - awesome job

Wow, only found this after digging for ages. Can I push for putting out an official release again? If you can't get hold of the original maintainer I suggest you just release it as a new module with loads of caveats saying "built from an original module by XXX."

bomarmonk’s picture

I'll second the sentiment in #74!

solipsist’s picture

@#74: I'm afraid such an action would be considered duplication of code and isn't looked up with kind eyes here at d.o.

I recommend that someone submits an application to become the new maintainer, or a co-maintainer, and if the current maintainer does not respond in time, assumes the role of maintainer.

For full information on the abandoned project adoption policy, please see:
http://drupal.org/node/251466

Katrina B’s picture

Add me to the list of people who would like to see this module back on official status; it's the only ticker module that does what I need a ticker to do!

Katrina B’s picture

What's the trick to getting the horizontal scroll to work correctly? My items keep wanting to line up under each other, rather than beside each other -- or they end up on top of each other (so that the text for a following item is written on top of another item already on the screen).

hutch’s picture

This is a theming issue.
Set the height and width in css for the div container concerned. To find out what that is look at the source code or the DOM with firebug or somesuch.

Katrina B’s picture

I tried overriding the CSS for the ticker by adding some styles in the CSS for my theme:

.views-scroller-horizontal-container {
	height: 18px;
	margin-bottom: 15px;
	padding-top: 0;
	padding-bottom: 0; }

.views-scroller-horizontal-item {
	height: 18px ;
	padding-right: 20px;}

After doing that, just the first item in the list scrolls through; I never see any of the others.

Katrina B’s picture

Just discovered that this is a browser issue. It shows up correctly in Internet Explorer (for once!); Firefox shows only the first item; Safari shows all items, but with no padding between them. I can probably solve the Safari problem -- but the Firefox problem has me baffled.

Katrina B’s picture

Okay, this works in Safari:

.views-scroller-horizontal-container {
	height: 18px;
	margin-bottom: 15px;
	padding-top: 0;
	padding-bottom: 0; }

.views-scroller-horizontal-item {
	height: 18px ;
	}
	
.views-scroller-horizontal-item .views-field-title {
	padding-right: 20px;
	}

And now all the items show up in Firefox ... but they overlap each other, two or three at a time. Aargh.

Dr Jay’s picture

subscribed

robin1988’s picture

This all is getting a bit heavy for a dumbo like me
Plz can any1 guide me
Which patch to dwnld???
How to install the patch???
and How to enable it???

patches r different from modules hmmmm i need to get a photo ticker ready for my client by 25th can anyone save my asss
thnx

hutch’s picture

Try the one in #44 of this thread

robin1988’s picture

ok i have dwnlded it now what???
do i place it in modules directory???
or in views directory????

hutch’s picture

It's a module so unpack it into your modules folder, sites/all/modules
see http://drupal.org/getting-started/install
and please, stop shouting!!!

crazzykiwi’s picture

Hi:

I just want to say great work and thank you for getting this up and running for D6.Much love.

The BBC ticker. It types them, but does not displays' them as a link.

This is not working to make it display as a link.

if(currentLength==0)
{
$(settings.newsList).empty().append('<li><a target="_blank" href="'+settings.newsLinks[currentItem]+'"></a></li>')
}

I tried playing around and moving this line of code $(settings.newsList).empty().append('<li><a target="_blank" href="'+settings.newsLinks[currentItem]+'"></a></li>').
I thought when it is finished typing than display it as a link then type the next. In other words during the pause between typing the next title. In my mind I thought this was a pretty good idea^^ so I moved the line of code under loopDelay:3000. It works, however, it does not type anymore, but displays them all as a link in a list format.

If someone could help to make them display as a link for the BBC that be much appreciated

hutch’s picture

I very much doubt that the problem lies with the javascript code in views.ticker.bbc.js, I have that working fine in several different browsers, FF, Opera and Safari, don't know about IE
More likely is that some other javascript is interfering. Try inspecting things with Firebug

crazzykiwi’s picture

I am using IE8 and it is not displaying them as clickable links, but it types them as normal. However, I haven't tried a different browser, they are clickable links in those browsers?
I will inspect things, but I am not to sure what will be interfering or not.
I will get back to you, later this week see what I find to make it display as a 'clickable link' in IE.

You were right, thank you for your scholarly knowledge. Firebug worked well I forgot I had a script[] call in the tma2.info which was interfering with bbc ticker, which did not allow it to display as a link. much love.

darwinjd’s picture

Works with google chrome, ie 8
Scrolling stops on mouseover
better than scroll text module

thanks

a_c_m’s picture

Priority: Normal » Critical

is the code in 44 still considered the latest? or can someone re-roll a version?

Also, whats the status on someone taking over this module - seems LONG abandoned.

hutch’s picture

Assigned: hutch » Unassigned
Priority: Critical » Normal

As far as I'm concerned, there is nothing to add to the code in #44, if you think you can add features or whatever, go ahead, I've done my best to kick this module out of the long grass, no joy. I'm changing status to back to normal and unassigning myself, there is nothing more I can do here.

bomarmonk’s picture

How does one take over module? Someone want to do it so an official release can be rolled?

hutch’s picture

Go ahead, it's not a big job, see #76 of this thread for how to deal with abandoned projects.
I rolled the D6 version because a client wanted it, I haven't used it since and already have enough on my plate ATM.

Observer123’s picture

Hi, can you help me to put this working in header area to scroll some links there?

manuel.solis’s picture

Hoy to change the text size in this view?
I know I need to change a CSS.... any help pls?

bomarmonk’s picture

I have made a request to maintain this and get an official release for Drupal 6. See: http://drupal.org/node/786512

If a more experienced PHP programmer would like to take on this responsibility, please post your interest in the issue for maintaining the project. I am willing to learn, but the process of addressing some issues in the queue will be slow. At least, initially, I can get an official release posted on the project page.

Thanks again, Hutch, for getting the patch posted here. Good work.

hutch’s picture

Have you followed the procedure described in http://drupal.org/node/251466 ?
As in #16
The original maintainer as far as I can see is/was VVN Does not look to be very active.

The PHP in Views Ticker is pretty simple, the javascript and css is where the action is.

I hope you succeed in getting this sorted ;-)

hutch’s picture

Issue tags: +maintainership

tagging

HS’s picture

In comment #44 the .gz file has a .tar file inside. What does one do with a .tar file?

HS’s picture

For those on Windows, use a program like 7Zip to uncompress outdated linux compression formats like .TAR files.

HS’s picture

The ticker on the BBC site has a play/pause and next/prev buttons. How does one go about achieving that? Is there a Views option that can be exposed?

Thanks!

renoproc’s picture

Component: Miscellaneous » Code
Category: support » bug
Priority: Normal » Critical
Status: Needs review » Needs work

I use views thicker with the endless left option and I encounter some troubles,
here there are step by step :
1 - while jscroller2_left is passing : the jscroller2_left_endless stay far on the right of the website (out of the screen). This div is not hidden, so it change the horizontal scrollbar of the browser.
2 - jscroller2_left stop on the left of the screen, it seems to be on the left limit of the views-ticker container div and suddenly jscroller2_left_endless appears, on the right limit of the views-ticker container div.
3 - while jscroller2_left_endless is passing : step by step it recovers jscroller2_left which is always at the same place, when jscroller2_left_endless is at the same x coordinate than jscroller2_left both divs suddenly disappear.
4 - loop to one.

Sounds that views-ticker container div is the problem : Even if this div have a width of 600px specified in the ccs (or the div style directly) its width on the website is 0px. Which is not the case on Markus Bordihn website : http://jscroller2.markusbordihn.de/example/endless/

Also I took a look on the code and I've some questions : why so many divs ?
In his examples Markus Bordihn used only three divs : the container and the two jscroller2.

Did I miss something ?

NB : There is a new version of jscroller2, jscroller2-1.61.js available here :
http://jscroller2.markusbordihn.de/download/ (ccs file is the same as v1.5)

renoproc’s picture

Update : In my case, views ticker is a block in the header region, one problem of jscroller2 container width in this case is the css attribute display:inline of #header-region.

If I change the place of the views ticker block, for example in the content, the scrolling works better but the ticker is on 3 or 4 lines not on one.

It's irritating, almost nothing is missing.

renoproc’s picture

Views ticker do not works in Chrome, symptoms are quite similar :
problem of disappearance , tickers are above each others

hutch’s picture

Works fine in Chrome, this is a theming problem, not views ticker.

renoproc’s picture

The theme I use is Garland, do you think there is a problem with it ?

BTW what are the problems I encounter in #104, not solved.

verta’s picture

subscribing - looking forward to a 6.x dev?

doomed’s picture

Subscribing and looking forward to a dev release for Drupal 6.

verta’s picture

Version: 5.x-0.1-beta1 » 6.x-1.x-dev
Category: bug » task
Priority: Critical » Normal
Status: Needs work » Active

set version for this issue

This issue seems to have the goal of a 1.0 release of a d6 version, what would be the consensus that we move the bug reports on this code to new issues? This issue can track the progress to that goal, and close it when a 6.x-1.0 is released?

bomarmonk’s picture

A co-maintainer has just been added and I believe that things will be progressing toward an official release more rapidly. I'll close this issue as soon as the Drupal 6 development version gets a release (either alpha, beta, or otherwise).

hutch’s picture

A new dev has been released but contains code from D5, it needs the code from #44 of this thread to make it D6 compatible, then that is your starting point for debugging, improvements etc.

One of the main weak points of views_ticker is the javascript, the existing functions are not jquery based and some of it is packed so not tweakable.

Maintainers may want to have a look at http://www.htmldrive.net/items/show/38/Multi-purpose-slideshowtext-scrol..., the code is there in source, it looks clean to me and there are examples with css in the zip.

Also http://www.htmldrive.net/items/show/284/Simple-images-and-title-scroller... from the same stable

verta’s picture

Confirming that the version in #44 will activate in D6, and so I can test it now!

Appreciate the links in #113, that's some really good stuff, too.

GuanoApe’s picture

Category: task » support

I want to add a new vieuw called vieuws_ticker...

Now, which vieuw type I need to create?

Options I have: node/file/user/local sources/node revisions/taxonomy terms/comments/access log

fossle’s picture

I am having the same issue as #48 but am using the default view. It only happens with the horizontal setting (which of course is the one I need). Only the first item is shown in the scroll and it appears twice then repeats. All the other styles work as expected.

Has anyone figured out what is causing this?

Thank you,
Kim

leob’s picture

Title: Views Ticker for D6 - awesome job » Views Ticker for D6 - Not working on Safari

Hi Hutch,

Is working fine in IE and Firefox but doesn't show up in Safari. Any suggestions?

Take a look to the link: http://leber.dev3.webenabled.net/

Thanks.

BenK’s picture

Subscribing

bomarmonk’s picture

Status: Active » Fixed

It looks like Views Ticker is working in Safari. Check with the demo site: http://viewsticker.inettity.com/ I'm closing this issue, unless it needs to be reopened with new information.

bomarmonk’s picture

Status: Fixed » Active

Nevermind: I need to test for Drupal 6.

leob’s picture

Status: Active » Closed (fixed)
mahfuz0’s picture

Status: Closed (fixed) » Active
FileSize
237.21 KB
294.24 KB
237.21 KB

I facing problem in IE-7 Here Horizontal Scroll news text won't display properly. Firefox and chorme works fine. I have override the css. but can't figure it out whats problem is there. Please find attachment to See the problem. Please any body can help me.

block-views-news-block_1 {
padding:0;
margin:0;

}
.views-scroller-horizontal-container {
height: 20px;
overflow: hidden;
margin-bottom: 15px;
width: 950px;
}
.views-scroller-horizontal-item {
height: 18px;
}
.liScroll-container {
height: 20px;
margin: 0;
overflow: hidden;
padding: 0;
width: 950px;
}
.liScroll-container .mask {
left: 10px;
overflow: hidden;
position: relative;
top: 4px;
height:25px;
width: 949px;
}
ul.liScroll {
font: bold 10px Verdana;
left: 950px;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}
ul.liScroll li {
float: left;
margin: 0;
padding: 0;
}
ul.liScroll a {
margin: 0 50px 0 0;
padding: 0;
white-space: nowrap;
}
ul.liScroll span {
margin: 0 10px 0 0;
}

bcobin’s picture

You probably need to use one or more conditional stylesheets - this is standard practice for Internet Explorer, which handles certain things differently. You don't mention what theme you're using, but it probably already has something like the below in the <head> tag:

<!--[if IE 6]>
    <style type="text/css" media="all">@import "<?php print base_path() . path_to_theme() ?>/css/fix-ie-6.css";</style>
  <![endif]-->
  <!--[if IE 7]>
    <style type="text/css" media="all">@import "<?php print base_path() . path_to_theme() ?>/css/fix-ie-7.css";</style>
  <![endif]-->

If not, you should be able to use the above code. In this case, the conditional stylesheet for IE7 would be [your theme folder]/css/fix-ie-7.css.

One other important thing: IE has a 37-sheet stylesheet limit; any more stylesheets and IE ignores CSS entirely. So you'll need to aggregate your CSS to ensure it's read by IE.

I might start by trying this in your IE7 CSS: ul.liScroll li {display:block;} and see what happens. I'd also temporarily change your overflow: hidden; declarations to overflow: visible; in your conditional stylesheet so you can see what's going on. When you find it (and you will), what works for IE7 will likely work for IE6, too.

Hope this helps - good luck!

lias’s picture

Thank you for this pointer. Was wondering if anyone came up with the css fix for IE 7 & 8? I just started working on it.

**EDIT**
Read further and visited the demo site which said to use inline if experiencing problems. Did that and it did help, plus trouble-shooting css styles.