farnaz

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

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

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

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


لینک به پست

منم تاحالا استفاده نكردم ولي اينجا يه آموزش گذاشته .

http://aliha.ir/2009/10/08/coming-soon-page-with-jquery/

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


لینک به پست

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

جی کوئری کد

/*

* 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

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


لینک به پست

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

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


لینک به پست

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

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

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

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


لینک به پست

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

جی کوئری کد

/*

* 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

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


لینک به پست

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

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

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


لینک به پست

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

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

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


لینک به پست

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

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

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط hamid.he
      سلام بر دوستان .
      يك سايت با استفاده از قالب هاي آماده روي لوكال هاست طراحي كرده ام تصميم گرفت بقيه كار سايت را بعد از انتقال بر روي هاست انجام دهم . خودم بلد نبودم سايت را به هاست منقل كنم از دوستي خواهش كردم انجام دهد . منتها بعد از انتقال به هاست اولا صفحه به هم ريخته و نادرست است . عكس ها نمي آيند و هم چنين روي هر لينك و يا منويي كليك مي كنيم صفحه به لوكال هاست مي خواهد برود و براي همين چيزي بالا نمي آيد . آدرس سايت : www.behinja.com  مي باشد كه مي توانيد مشاهده . چگونه مي شود اين مشكل را رفع كرد . پيشاپيش از پاسخ گويي دوستان تشكر مي كنم
    • توسط MahTV
      سلام دوستان و اساتید عزیز
      اگه بخوایم به صورت شرطی (کوچک بودن صفحه نمایش ) تو موبایل یک باکس رو (مثل باکس دانلود) به کاربر در حالت چرخش صفحه نشون بدیم 
      و به کاربر بگیم که برا دیدن لینک ها باید گوشی موبایلت رو بچرخونی باید چیکار کنیم ؟
       
      من این کد رو از سایتی برداشتم ولی نمیدونم چطور باید ازش استفاده کنم 
      <div class="alerta"><b class="icon-screen-rotation"></b><p style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">برای دیدن لینکهای دانلود ، موبایل خود را بچرخانید . دقت کنید گزینه اسکرین روتیشن یا چرخش صفحه در دستگاه شما روشن باشد </span></p></div>  
       
       
       
       
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط armakcell
      سلام ، بنده یک مشکل خیلی بزرگ دارم اگر به بنده کمک کنید واقعا مدیون شما میشم
      بنده افزونه سئو را در وردپرس نصب کرده ام و اما هویت گوگل وقتی کد را میفرستد و بنده میزنم میگوید نمایه وجود ندارد
      فایلی را آپلود میکنم ببینید متوجه مشکل بنده میشید