Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   js , цвет + <b> </b> (https://forum.antichat.xyz/showthread.php?t=71624)

IIAHbI4 26.05.2008 21:28
js , цвет + <b> </b>
 
Отвечу сразу на вопроссы:
Да хаккир.
Да крутой чтоле.
С соседнего района.
Попечене ненадо.
Норкоман чтоле.

По существу, вот есть код
Код HTML:
if(days != 0){out += days +" <b> Дней</b>"+((days!=1)?"":"")+", ";}
                if(days != 0 || hours != 0){out += hours +"<b> часов</b>"+((hours!=1)?"":"")+", ";}
                if(days != 0 || hours != 0 || mins != 0){out += mins +"<b> минут</b>" + ((mins!=1)?"":"")+", ";}
                out += secs +" секунд";
как мне выделить <b></b> жирным не само слово "Дней" а цифру которая перед этим словом ? И предать определённый цвет ... ну #336600 к примеру.


***
Вобщето попробовал нопесать таймер обратного отсчета от нынешней даты, до грядущего дня, и вот нужно выделить, полный код ниже -->

Код HTML:
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!-- //start
dateFuture = new Date(2008,5,5,24,0,0);

// Панеч (с) 2008.

function GetCount(){

        dateNow = new Date();                                                                        //скрипт берёт нынешнюю дату
        amount = dateFuture.getTime() - dateNow.getTime();                //тут считаем милисекунды между датами
        delete dateNow;

        // тут уже прошло время
        if(amount < 0){
                document.getElementById('countbox').innerHTML="УРА!";
        }
        // date is still good
        else{
                days=0;hours=0;mins=0;secs=0;out="";

                amount = Math.floor(amount/1000);//убиваем милисекунды

                days=Math.floor(amount/86400);//дни
                amount=amount%86400;

                hours=Math.floor(amount/3600);//часы
                amount=amount%3600;

                mins=Math.floor(amount/60);//минуты
                amount=amount%60;

                secs=Math.floor(amount);//секунде

                if(days != 0){out += days +" <b> Дней</b>"+((days!=1)?"":"")+", ";}
                if(days != 0 || hours != 0){out += hours +"<b> часов</b>"+((hours!=1)?"":"")+", ";}
                if(days != 0 || hours != 0 || mins != 0){out += mins +"<b> минут</b>" + ((mins!=1)?"":"")+", ";}
                out += secs +" секунд";
                document.getElementById('countbox').innerHTML=out;

                setTimeout("GetCount()", 1000);
        }
}

window.onload=function(){GetCount();}//call when everything has loaded
//-->
</script>

FeraS 26.05.2008 21:31
\"<strong>\" + … + \"</strong>\"

IIAHbI4 26.05.2008 21:34
блять про слэши забыл. Фер а что с цветом? такая тема прокатит?
<span class="style1">\"<strong>\" + … + \"</strong>\" </span>

IIAHbI4 26.05.2008 21:47
Фер, не катит ... бльть, помогите хоть разгуглить, либо Ихю натравите на тему.

FeraS 26.05.2008 21:51
if(days != 0){out += \"<strong>\" + days \"</strong>\"
нет, да?

IIAHbI4 26.05.2008 21:57
неа, хз... щас чёнить покурю из литературы.

astrologer 26.05.2008 22:57
Код:
'строка'.bold();
Код:
amount %= 86400;
Код:
window.onload = GetCount;
Код:
setTimeout(GetCount, 1000);
etc.

bul.666 26.05.2008 23:09
Чета я не понил!
Этож бонально:
PHP код:
var stl1 = "<span style='color: #FF0000'><b>"; //Открытый тэг стиля
var stl2 = "</b></span>"; //Закрытый
        if(days != 0){out +=stl1+days+stl2+" Дней"+((days!=1)?"":"")+", ";}
        if(days != 0 || hours != 0){out += stl1+hours +stl2+" часов"+((hours!=1)?"":"")+", ";}
        if(days != 0 || hours != 0 || mins != 0){out += stl1+mins +stl2+" минут" + ((mins!=1)?"":"")+", ";}
        out += stl1+secs +stl2+" секунд"; 
Проверил В Осле и Опере...
-
ХЗ Иожет я дурак

Isis 26.05.2008 23:31
bulka, Qele, Qele :D
PHP код:
var stl1 = "<span style='color: #F00;font-weight:bold;'>"; //Открытый тэг стиля
var stl2 = "</span>"; //Закрытый 

IIAHbI4 27.05.2008 02:00
Буль ты не понял, чветным и жирным должны быть только цифры, тобишь Дни, минуты секунды ... так щас проверю. Ихес спасибо (:

astrologer 27.05.2008 05:02
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<style type="text/css">

#countbox
{
  font-family: "Lucida Grande", Calibri, Georgia, Verdana;
}

#countbox .unit
{
  margin-left: 3px;
  font-size: 80%;
}

</style>

<script type="text/javascript">

var Countdown =
{
  timer: null,
  init: function(id, until)
  {
    Countdown.node  = document.getElementById(id);
    Countdown.update(until);
    Countdown.timer = setInterval(function()
    {
      Countdown.update(until);
    }, 1000);
  },

  stop: function()
  {
    clearInterval(Countdown.timer);
    return true;
  },
 
  update: function(until)
  {
    var s = Countdown.process(new Date(), until);
    Countdown.node.innerHTML = s || Countdown.stop() && 'Всё :)';
  },
 
  difference: function(before, after)
  {
    if (after < before) return false;

    var
    days  = after.getDate()  - before.getDate(),
    months = after.getMonth() - before.getMonth(),
    years  = after.getYear()  - before.getYear(),
    hms    = (after / 1000 - before / 1000) % 86400,
   
    seconds = Math.floor(hms % 60),
    minutes = Math.floor(hms/60) % 60,
    hours  = Math.floor(hms/3600) % 60,

    date = new Date();

    if (days < 0)
    {
      date.setFullYear(before.getYear(), before.getMonth(), 32);
      days += 32 - date.getDate();
      months--;
    }

    if (months < 0)
    {
      months += 12;
      years--;
    }

    return {
      years:  years,
      months:  months,
      days:    days,
     
      hours:  hours,
      minutes: minutes,
      seconds: seconds
    };
  },

  process: function(before, after)
  {
    var diff = null, a = [], i = '';
    if(!(diff = Countdown.difference(before, after))) return false;

    for(i in diff)
    {
      if(!diff[i]) continue;
      a.push('<span class="num">'
              + diff[i] +
            '</span><span class="unit">'
              + Countdown.lang[i][Countdown.lang.choose( diff[i] )] +
            '</span>');
    }

    return a.join(' ');
  },

  lang:
  {
    years:  ['год', 'года', 'лет'],
    months:  ['месяц', 'месяца', 'месяцев'],
    days:    ['день', 'дня', 'дней'],
    hours:  ['час', 'часа', 'часов'],
    minutes: ['минута', 'минуты', 'минут'],
    seconds: ['секунда', 'секунды', 'секунд'],
    choose:  function(n)
    {
      var m = n % 100, i = 2;
      if(m < 5 || 20 < m)
      {
        if((m %= 10) === 1)
        {
          i = 0;
        }
        else if(1 < m && m < 5)
        {
          i = 1;
        }
      }
      return i;
    }
  }
};

window.onload = function()
{
  Countdown.init('countbox', new Date(2010, 7, 29, 0, 0, 30));
};

</script>
</head>
<body>

<span id="countbox"></span>

</body>
</html>

IIAHbI4 27.05.2008 10:10
Цитата:
Сообщение от astrologer
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<style type="text/css">

#countbox
{
  font-family: "Lucida Grande", Calibri, Georgia, Verdana;
}

#countbox .unit
{
  margin-left: 3px;
  font-size: 80%;
}

</style>

<script type="text/javascript">

var Countdown =
{
  timer: null,
  init: function(id, until)
  {
    Countdown.node  = document.getElementById(id);
    Countdown.update(until);
    Countdown.timer = setInterval(function()
    {
      Countdown.update(until);
    }, 1000);
  },

  stop: function()
  {
    clearInterval(Countdown.timer);
    return true;
  },
 
  update: function(until)
  {
    var s = Countdown.process(new Date(), until);
    Countdown.node.innerHTML = s || Countdown.stop() && 'Всё :)';
  },
 
  difference: function(before, after)
  {
    if (after < before) return false;

    var
    days  = after.getDate()  - before.getDate(),
    months = after.getMonth() - before.getMonth(),
    years  = after.getYear()  - before.getYear(),
    hms    = (after / 1000 - before / 1000) % 86400,
   
    seconds = Math.floor(hms % 60),
    minutes = Math.floor(hms/60) % 60,
    hours  = Math.floor(hms/3600) % 60,

    date = new Date();

    if (days < 0)
    {
      date.setFullYear(before.getYear(), before.getMonth(), 32);
      days += 32 - date.getDate();
      months--;
    }

    if (months < 0)
    {
      months += 12;
      years--;
    }

    return {
      years:  years,
      months:  months,
      days:    days,
     
      hours:  hours,
      minutes: minutes,
      seconds: seconds
    };
  },

  process: function(before, after)
  {
    var diff = null, a = [], i = '';
    if(!(diff = Countdown.difference(before, after))) return false;

    for(i in diff)
    {
      if(!diff[i]) continue;
      a.push('<span class="num">'
              + diff[i] +
            '</span><span class="unit">'
              + Countdown.lang[i][Countdown.lang.choose( diff[i] )] +
            '</span>');
    }

    return a.join(' ');
  },

  lang:
  {
    years:  ['год', 'года', 'лет'],
    months:  ['месяц', 'месяца', 'месяцев'],
    days:    ['день', 'дня', 'дней'],
    hours:  ['час', 'часа', 'часов'],
    minutes: ['минута', 'минуты', 'минут'],
    seconds: ['секунда', 'секунды', 'секунд'],
    choose:  function(n)
    {
      var m = n % 100, i = 2;
      if(m < 5 || 20 < m)
      {
        if((m %= 10) === 1)
        {
          i = 0;
        }
        else if(1 < m && m < 5)
        {
          i = 1;
        }
      }
      return i;
    }
  }
};

window.onload = function()
{
  Countdown.init('countbox', new Date(2010, 7, 29, 0, 0, 30));
};

</script>
</head>
<body>

<span id="countbox"></span>

</body>
</html>
ты ближе всех к истине, я ещё немного переделал, но твёрдая пятёрка, это точно!


Время: 12:58