Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Sure, but having a visual ticker can be distracting for readers on your page and having multiple tickers can be even more distracting. What is your greater goal?
I want to create a ticker for flash messages. For eg. You have changed the status of a particular field than a flash message will appear in footer i.e. “Your status has been changed”. It’s basically animated from RIght to the left direction.
FOllowing goals I need to be fulfilled.
1. The flash message moves from right to left in the footer.
2. It can be paused on a mouse hover.
3. Ticker data doesn’t need to persist so once shown and moved out of view it can be discarded.
Thanks in advance
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It’s fine to have those goals, but the jQuery ticker and animation needs to tie into the functionality that you have for the flash message. Otherwise the ticker will just have to be set on an arbitrary number of seconds. Where does your flash message functionality come from?
The Flash messages functionality comes from the custom jquery plugin i.e. ocNotify.js.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
and how do you know if a field is pending a change VS a field has been changed?
For eg, we click the particular event, so in this following code I used:-
$.ocNotify.info(‘List filtered by ‘+filter_value+’.’);
and in the octnotify.js file:-
info : function(msg,params){
return this.add(msg,'info',params);
},
add:function(msg,type,setting){
var params = {};
if(typeof msg==="object"){
params = msg;
}else{
switch(typeof type){
case 'object' :
params = $.extend(type,{msg:msg});
break;
case 'function':
params = {msg:msg,callback:type};
break;
default:
switch(typeof setting){
case 'object' :
params = $.extend(setting,{msg:msg,type:type});
break;
case 'function' :
params = {msg:msg,type:type,callback:setting};
break;
default:
params = {msg:msg,type:type};
}
}
}
return this.create(params);
},
And in the create object :-
one variable i.e var $domItem = this._domConstruct(itemId,msgStr) ; from this list is filtered.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Did you write ‘ocNotify.js’? Nothing’s coming up in Google and to understand what the above code is doing, we need knowledge of that script.
Could I send you this file if you want to? Please provide your email?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
could you help me regarding making the animation effect of a ticker which will move from right to left & it could be paused on mouse hover? And also, Ticker data doesn’t need to persist so once shown and moved out of view it can be discarded.
