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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط nnmmss
      سلام
      من كاملا در وردپرس تازه كار هستم. سايتي با پوسته RealNews طراحي شده. منوهايي دارم كه داراي منو و زير منو هستند. وقتي يك نوشته را به زير منو اختصاص ميدم بعد روي منو ميروم كليه نوشته هاي زير منو را هم نشان ميدهد. مثلا من به اين صورت است
      منو1
      زيرمنو 1-1
      زير منو1-2
       
      من اگر روي زير منو 1-1 كليك كنم فقط نوشته هاي زير منو 1-1 را نشان ميده ولي وقتي روي منو1 كليك كنم تمام نوشته هاي منو1   ,    زيرمنو1-1 و زيرمنو1-2 را نشان ميدهد. چطور ميتوانم اين موضوع را تصحيح كنم كه با كليك كردن روي منو1 فقط نوشته مربوط به منو1 را نشان دهد
    • توسط rendesharif
      با سلام 
      24 ساعت پیش در حال آپدیت تب های وبسایت بودم که اینترنت قطع شد و هنگامی که سعی کردم دوباره وارد کنترل پنل بشم دیدم صفحات ساختار خودشون رو از دست دادن و به نحوی بصورت لایت بارگزاری میشن برای حل این مشکل چیکار میتونم بکنم آیا راه حلی هست.
      تصویر قسمت لاگین هم اضافه کردم میتونید ببینید که دیگه خبری از ساختار اصلی نیست در مابقی صفحات کنترل پنل هم به همین شکل هست

    • توسط naff
      سلام.
      من  میخوام یه صفحه ی استاتیک رو روی ftp  آپلود کنم به عنوان  index اصلی و بعد از کلیک روی دکمه ی مورد نظر کاربر منتقل بشه به سایت اصلی یا همون قالب وردپرس.
       مشکل اینجاست که وقتی صفحه ی  html  رو روی  ftp  آپلود میکنم سایت فقط این صفحه رو به عنوان  index  میشناسه و  این رو جایگزین  index وردپرس میکنه و این صفحه  رو  front page  میشناسه.
       در صورتی که من هر دوتاش رو  میخوام . و صفحه ی html  رو به عنوان  index  میخوام یعنی با وارد کردن اسم سایت اسن صفحه ظاهر بشه.
      صفحه ی اچ دی ام ال:
      https://altourneur.com/new.html
       صفحه ی اصلی سایت:
      https://altourneur.com

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

      تونستم توی صفحاتی که ویرایشگرشون بازه، نمایش عنوان صفحه رو خاموش کنم ولی توی صفحه فروشگاهم نمیتونم نمایشش رو خاموش کنم
       خاموشش هم میکنم باز هم نمایش میده(عکس دوم)
      اگه راه حلی دارید بفرمایید لطفا..