farnaz

درخواست کد جاوا اسکریپت

10 پست در این موضوع قرار دارد

یک کد جاوا اسکریپت برای coming soon میخام که روزهای باقیمانده تا تاریخ مشخص و ساعت ، دقیقه و ثانیه را هر کدام را به صورت جداگانه نشان دهد.یعنی تعداد روز و زمان به صورت نزولی تغیییر می کند

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

به این صفحه نگاه کن . صفحه

جی کوئری کد

/*

* jquery-counter plugin

*

* Copyright © 2009 Martin Conte Mac Donell <Reflejo@gmail.com>

* Dual licensed under the MIT and GPL licenses.

* http://docs.jquery.com/License

*/

jQuery.fn.countdown = function(userOptions)

{

// Default options

var options = {

stepTime: 60,

// startTime and format MUST follow the same format.

// also you cannot specify a format unordered (e.g. hh:ss:mm is wrong)

format: "dd:hh:mm:ss",

startTime: "01:12:32:55",

digitImages: 6,

digitWidth: 53,

digitHeight: 77,

timerEnd: function(){},

image: "digits.png"

};

var digits = [], interval;

// Draw digits in given container

var createDigits = function(where)

{

var c = 0;

// Iterate each startTime digit, if it is not a digit

// we'll asume that it's a separator

for (var i = 0; i < options.startTime.length; i++)

{

if (parseInt(options.startTime) >= 0)

{

elem = $('<div id="cnt_' + i + '" class="cntDigit" />').css({

height: options.digitHeight * options.digitImages * 10,

float: 'left', background: 'url(\'' + options.image + '\')',

width: options.digitWidth});

digits.push(elem);

margin(c, -((parseInt(options.startTime) * options.digitHeight *

options.digitImages)));

digits[c].__max = 9;

// Add max digits, for example, first digit of minutes (mm) has

// a max of 5. Conditional max is used when the left digit has reach

// the max. For example second "hours" digit has a conditional max of 4

switch (options.format) {

case 'h':

digits[c].__max = (c % 2 == 0) ? 2: 9;

if (c % 2 == 0)

digits[c].__condmax = 4;

break;

case 'd':

digits[c].__max = 9;

break;

case 'm':

case 's':

digits[c].__max = (c % 2 == 0) ? 5: 9;

}

++c;

}

else

elem = $('<div class="cntSeparator"/>').css({float: 'left'})

.text(options.startTime);

where.append(elem)

}

};

// Set or get element margin

var margin = function(elem, val)

{

if (val !== undefined)

return digits[elem].css({'marginTop': val + 'px'});

return parseInt(digits[elem].css('marginTop').replace('px', ''));

};

// Makes the movement. This is done by "digitImages" steps.

var moveStep = function(elem)

{

digits[elem]._digitInitial = -(digits[elem].__max * options.digitHeight * options.digitImages);

return function _move() {

mtop = margin(elem) + options.digitHeight;

if (mtop == options.digitHeight) {

margin(elem, digits[elem]._digitInitial);

if (elem > 0) moveStep(elem - 1)();

else

{

clearInterval(interval);

for (var i=0; i < digits.length; i++) margin(i, 0);

options.timerEnd();

return;

}

if ((elem > 0) && (digits[elem].__condmax !== undefined) &&

(digits[elem - 1]._digitInitial == margin(elem - 1)))

margin(elem, -(digits[elem].__condmax * options.digitHeight * options.digitImages));

return;

}

margin(elem, mtop);

if (margin(elem) / options.digitHeight % options.digitImages != 0)

setTimeout(_move, options.stepTime);

if (mtop == 0) digits[elem].__ismax = true;

}

};

$.extend(options, userOptions);

this.css({height: options.digitHeight, overflow: 'hidden'});

createDigits(this);

interval = setInterval(moveStep(digits.length - 1), 1000);

};

روش استفاده کردن این کد HTML


<div id="counter"></div>
<div class="desc">
<div>Días</div>
<div>Horas</div>
<div>Minutos</div>
<div>Segundos</div>
</div>

اعمال جی کوئری


$(function(){
$('#counter').countdown({
image: 'img/digits.png',
startTime: '01:12:12:00'
});
});

ویرایش شده در توسط Morteza
کدهای بلند در longbox
2

به اشتراک گذاری این پست


لینک به پست

از دو روش جواب نداد. اصلا چیزی نشون نداد

0

به اشتراک گذاری این پست


لینک به پست

http://www.littlewebthings.com/projects/countdown/

http://wordpress.org/extend/plugins/uji-countdown/screenshots/

البته اگر بازم جستجو کنید می تونید پلاگین های دیگه هم ببینید

3

به اشتراک گذاری این پست


لینک به پست

به این صفحه نگاه کن . صفحه

جی کوئری کد

/*

* jquery-counter plugin

*

* Copyright © 2009 Martin Conte Mac Donell <Reflejo@gmail.com>

* Dual licensed under the MIT and GPL licenses.

* http://docs.jquery.com/License

*/

jQuery.fn.countdown = function(userOptions)

{

// Default options

var options = {

stepTime: 60,

// startTime and format MUST follow the same format.

// also you cannot specify a format unordered (e.g. hh:ss:mm is wrong)

format: "dd:hh:mm:ss",

startTime: "01:12:32:55",

digitImages: 6,

digitWidth: 53,

digitHeight: 77,

timerEnd: function(){},

image: "digits.png"

};

var digits = [], interval;

// Draw digits in given container

var createDigits = function(where)

{

var c = 0;

// Iterate each startTime digit, if it is not a digit

// we'll asume that it's a separator

for (var i = 0; i < options.startTime.length; i++)

{

if (parseInt(options.startTime) >= 0)

{

elem = $('<div id="cnt_' + i + '" class="cntDigit" />').css({

height: options.digitHeight * options.digitImages * 10,

float: 'left', background: 'url(\'' + options.image + '\')',

width: options.digitWidth});

digits.push(elem);

margin(c, -((parseInt(options.startTime) * options.digitHeight *

options.digitImages)));

digits[c].__max = 9;

// Add max digits, for example, first digit of minutes (mm) has

// a max of 5. Conditional max is used when the left digit has reach

// the max. For example second "hours" digit has a conditional max of 4

switch (options.format) {

case 'h':

digits[c].__max = (c % 2 == 0) ? 2: 9;

if (c % 2 == 0)

digits[c].__condmax = 4;

break;

case 'd':

digits[c].__max = 9;

break;

case 'm':

case 's':

digits[c].__max = (c % 2 == 0) ? 5: 9;

}

++c;

}

else

elem = $('<div class="cntSeparator"/>').css({float: 'left'})

.text(options.startTime);

where.append(elem)

}

};

// Set or get element margin

var margin = function(elem, val)

{

if (val !== undefined)

return digits[elem].css({'marginTop': val + 'px'});

return parseInt(digits[elem].css('marginTop').replace('px', ''));

};

// Makes the movement. This is done by "digitImages" steps.

var moveStep = function(elem)

{

digits[elem]._digitInitial = -(digits[elem].__max * options.digitHeight * options.digitImages);

return function _move() {

mtop = margin(elem) + options.digitHeight;

if (mtop == options.digitHeight) {

margin(elem, digits[elem]._digitInitial);

if (elem > 0) moveStep(elem - 1)();

else

{

clearInterval(interval);

for (var i=0; i < digits.length; i++) margin(i, 0);

options.timerEnd();

return;

}

if ((elem > 0) && (digits[elem].__condmax !== undefined) &&

(digits[elem - 1]._digitInitial == margin(elem - 1)))

margin(elem, -(digits[elem].__condmax * options.digitHeight * options.digitImages));

return;

}

margin(elem, mtop);

if (margin(elem) / options.digitHeight % options.digitImages != 0)

setTimeout(_move, options.stepTime);

if (mtop == 0) digits[elem].__ismax = true;

}

};

$.extend(options, userOptions);

this.css({height: options.digitHeight, overflow: 'hidden'});

createDigits(this);

interval = setInterval(moveStep(digits.length - 1), 1000);

};

روش استفاده کردن این کد HTML


<div id="counter"></div>
<div class="desc">
<div>Días</div>
<div>Horas</div>
<div>Minutos</div>
<div>Segundos</div>
</div>

اعمال جی کوئری


$(function(){
$('#counter').countdown({
image: 'img/digits.png',
startTime: '01:12:12:00'
});
});

با سلام، آقا میشه یه کم توضیح بدید که این کدهای جی کوئری و سایر کدایی رو که فرمودید رو تو کدوم فایل پوسته ی سایتم باید بریزم؟؟؟ چون پوسته ی سایتم اصلا فایلی با پسوند js یا htmlنداره همشون php با 1 css هست. باید پوشه ی جدیدی بسازم؟ این کد اعمال جی کوئری رو کجا باید بذارم؟

ویرایش شده در توسط karaneha
0

به اشتراک گذاری این پست


لینک به پست

دوست عزیز حالا حتما باید جی کوئری باشه

برای این کار قالب HTML و حتی قالب وردپرس هم هست اگر می خواهید بگید تا معرفی کنم

1

به اشتراک گذاری این پست


لینک به پست

من فقط می خواستم طرز استفادشون رو در پوسته ی سایتم بدونم . اینکه این کدها رو کجا بذارم ؟ داخل چه فایلی؟ با چه نام و پسوندی؟ چطور فراخوانی کنم؟؟

ولی ممنون اگه معرفی کنید با طرز استفادشون البته...

0

به اشتراک گذاری این پست


لینک به پست

کدی که پارسا داده بصورت صفحه HTML هست.

کافیه صفحه + فایلهای کنارش رو هر جا دوست دارید آپلود کنید.

مثلا اگر قرار برای یک سایت باشه توی روت سایت قرار بدید.

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط helen94
      سلام دوستان. من دنبال افزونه یا ابزارکی می گردم که باهاش در صفحه اصلی سایتم یه باکسی ایجاد کنم که در اون آخرین پست های سایت رو نشون بده. به این شکل که جدیدترین پست رو به همراه تصویر شاخصش در قسمت بالا به شکل بزرگتر نشون بده و در قسمت زیرش پست های قبل تر رو نشون بده. تصویر افزونه ی موردنظرم رو ضمیمه کردم به این پست.
      قالبی هم که ازش استفاده میکنم قالب استادیار هست.
      من قبلا موارد این چنینی رو در خیلی سایت ها دیدم، اما اسم افزونه یا ابزاری که باهاش این کار رو کردن نمیدونم.
      ممنون میشم راهنماییم کنید.


    • توسط sina-monfared
      سلام 
      در بخش دسته بندی محصولات؛ امکان استفاده از ابزار های ویرایش مربوط به این قسمت حذف شده است که در تصویر مشخص کرده ام.
      ممنون میشم راهنمایی بفرمایید.


    • توسط mr.meysam
      سلام
      وقت بخیر
      من روی وردپرس از قالب گود نیوز استفاده میکنم ولی امروز متوجه شدم که از هر تصویر حدود 18 تا سایز دیگه هم میسازه 
      چطور میتونم جلوی این کارو بگیرم؟
      حالا چطور میتونم اینا رو حذف کنم؟
      سایز هایی که میسازه اینا هستن
      120*76
       150*150
      180*120
      190*122
      220*140
      265*168
      274*173
      278*202
      284*180
      300*168
      308*192
      373*270
      45*35
      475*342
      567*365
      610*365
      90*60
      95*64
      تشکر
    • توسط abolfazlkh6
      سلام من سایتم چندوقته بالا نمیاد الان که از پشتیبان سایت پرسیدم گفت این مشکلای زیر وجود دارن کسی میتونه حلش کنه؟
      PHP Fatal error: Uncaught Error: Call to undefined function mysql_escape_string() in /home/chahgavi/public_html/wp-content/themes/barad/functions.php:60 Stack trace: #0 /home/chahgavi/public_html/wp-settings.php(426): include() #1 /home/chahgavi/public_html/wp-config.php(90): require_once('/home/chahgavi/...') #2 /home/chahgavi/public_html/wp-load.php(37): require_once('/home/chahgavi/...') #3 /home/chahgavi/public_html/wp-blog-header.php(13): require_once('/home/chahgavi/...') #4 /home/chahgavi/public_html/index.php(17): require('/home/chahgavi/...') #5 {main} thrown in /home/chahgavi/public_html/wp-content/themes/barad/functions.php on line 60  
    • توسط behnamstar
      سلام و عرض ادب
      من یه سایت وردپرسی دارم که به تازگی تغییر دامنه روش انجام دادم که بعد ازینکار مشکل عجیبی اتفاق افتاده 
      من دامنه ی https://damane1.co m رو ریدایرکت کردم به https://damane2.co m الان اتفاقی که میفته دامنه 1 ریدایرکت میشه روی دامنه 2 
      ولی زیر دامنه ها ریدایرکت نمیشن 
      مثلا روی این لینک کلیک بشه (https://damane1.co m/linksite) باید این لینک باز شه (https://damane2.co m/linksite)
      ولی این لینکها جدا جدا باز میشن 
      فقط دامنه https://damane1.co m روی https://damane2.co m ریدایرکت میشه بقیه ی لینک ها همه جدا جدا باز میشن.
      ممنون میشم از دوستان کمک کنن 
      حتی به هاست پشتیبانی هم تیکت دادم ولی متوجه مشکل نشدن.