/jqueryscript

Third Party Plugins to CMSimple - how to install, use and create plugins

Moderator: Tata

Post Reply
twc
Posts: 233
Joined: Fri Jun 18, 2010 12:25 am
Location: Netherlands

/jqueryscript

Post by twc » Tue Feb 07, 2017 8:25 am

Can anybody help / Tweak this........cant find any script :roll:

I'm looking for a script which scrolls to a day-month-year date.
Which can show the years or days.in numbers

http://www.jqueryscript.net/demo/Lightw ... er-Plugin/


now i have this javascript and not scrolling

Code: Select all

<script>
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" days"
document.write(" "+difference+" on the road")
}
//enter the count up date using the format year/month/day
countup(1998,06,30)
</script>



frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: /jqueryscript

Post by frase » Tue Feb 07, 2017 9:13 am

Sorry.
Misunderstood.

twc
Posts: 233
Joined: Fri Jun 18, 2010 12:25 am
Location: Netherlands

Re: /jqueryscript

Post by twc » Wed Feb 08, 2017 9:04 pm

frase wrote:Sorry.
Misunderstood.
wanna jus this
http://www.jqueryscript.net/time-clock/ ... lugin.html

butt how can i get txt after the counter ?

i try it :oops:

counter
txt (wrong)

frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: /jqueryscript

Post by frase » Wed Feb 08, 2017 10:28 pm

Make a html-file (test-counter.html) with this code and save it in a folder
Put "jQuerySimpleCounter.js" from your download in the folder.
Open "test-counter.html" in a browser:

Code: Select all

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jQuery SimpleCounter Plugin Demo</title>
<style>
body {
    text-align: center;
    background-color:#d35400;
    color: #fff;
}
#count-test1, #count-test2, #count-test3 {
    font-size: 200px;
}
#div1, #div2, #div3 {
    float: left;
    width: 200px;
    font-size: 24px;
    margin: 3em;
}
</style>
</head>
<body>
<div id="div1">
<div id="count-test1"></div> 
counter 1
</div>
<div id="div2">
<div id="count-test2"></div> 
counter 2
</div>
<div id="div3">
<div id="count-test3"></div> 
counter 3
</div>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script> 
<script type="text/javascript" src="jQuerySimpleCounter.js"></script> <!-- Script from your download !!! -->

<script type="text/javascript">
$('#count-test1').jQuerySimpleCounter({
    end:100,
    duration: 6000,
    complete: function(){
        alert('Counter complete!');
    }
});
$('#count-test2').jQuerySimpleCounter({
    end:75,
    duration: 3000
});
$('#count-test3').jQuerySimpleCounter({
    end:50,
    duration: 1000
});
</script>
</body>
</html>
Did you mean that?
???

EDIT:
ONLINE !

twc
Posts: 233
Joined: Fri Jun 18, 2010 12:25 am
Location: Netherlands

Re: /jqueryscript

Post by twc » Thu Feb 09, 2017 8:26 am

frase wrote:Make a html-file (test-counter.html) with this code and save it in a folder
Put "jQuerySimpleCounter.js" from your download in the folder.
Open "test-counter.html" in a browser:

Code: Select all

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jQuery SimpleCounter Plugin Demo</title>
<style>
body {
    text-align: center;
    background-color:#d35400;
    color: #fff;
}
#count-test1, #count-test2, #count-test3 {
    font-size: 200px;
}
#div1, #div2, #div3 {
    float: left;
    width: 200px;
    font-size: 24px;
    margin: 3em;
}
</style>
</head>
<body>
<div id="div1">
<div id="count-test1"></div> 
counter 1
</div>
<div id="div2">
<div id="count-test2"></div> 
counter 2
</div>
<div id="div3">
<div id="count-test3"></div> 
counter 3
</div>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script> 
<script type="text/javascript" src="jQuerySimpleCounter.js"></script> <!-- Script from your download !!! -->

<script type="text/javascript">
$('#count-test1').jQuerySimpleCounter({
    end:100,
    duration: 6000,
    complete: function(){
        alert('Counter complete!');
    }
});
$('#count-test2').jQuerySimpleCounter({
    end:75,
    duration: 3000
});
$('#count-test3').jQuerySimpleCounter({
    end:50,
    duration: 1000
});
</script>
</body>
</html>
Did you mean that?
???

EDIT:
ONLINE !

nah, like this 000 scroll counter (txt here)

Code: Select all

	<div id="count-test"></div>

	<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
	<script type="text/javascript" src="/js/jQuerySimpleCounter.js"></script>
	<script type="text/javascript">
	$('#count-test').jQuerySimpleCounter({
	end:32,duration: 4000});</script>

simpleSolutions.dk
Posts: 155
Joined: Thu Oct 06, 2011 7:00 am

Re: /jqueryscript

Post by simpleSolutions.dk » Thu Feb 09, 2017 2:43 pm

You can try a CMSimple plugin Countdown Timer http://simplesolutions.dk/?Countdown_Timer

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: /jqueryscript

Post by cmb » Sun Feb 12, 2017 12:48 am

Maybe maeg's Countdown plugin is what you're looking for?
Christoph M. Becker – Plugins for CMSimple_XH

Post Reply