Вопросы по JavaScript

Swank

2 янв 2015 г., 23:01

Сексуальность валенка

selemet, У гугла есть но я в ихнем коде не фига не вехал

Rakovskiy

2 янв 2015 г., 23:05

The Fast, Secure and Professional - Yii2

# Swank (02.01.2015 / 22:36)
selemet, А я разве пишу про "без жс"?
Я пишу про то что я не хочу юзать jquery библиотеку

А почему JQuery не хочешь юзать?

Swank

2 янв 2015 г., 23:07

Изменено

Сексуальность валенка

Rakovskiy, А нафига мне дополнительные 100+ кб или сколько она там весит ради слайдера одного?
Хотя можно заголовок на длительное кешерование отдаваьь клиент раз качает и все
Ну тогда если делать с jquery то с открытием свайпом Гг

Swank

2 янв 2015 г., 23:14

Сексуальность валенка

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

ramzes

2 янв 2015 г., 23:20

# Swank (02.01.2015 / 23:14)
Щас посмотрел на сайте jquerymobile можно собрать его с нужными компонентами, наверно тпак и зделаю

лучше jquery чем эту дрянь для краборуких бери.
причем не клади файл к себе на хост, а подключай его прям с сервера гугла

selemet

2 янв 2015 г., 23:25

Ego vir viden

# Swank (02.01.2015 / 23:01)
selemet, У гугла есть но я в ихнем коде не фига не вехал

Ты уверен что там без jquery?

Swank

2 янв 2015 г., 23:50

Сексуальность валенка

selemet, О_о что сам гугл jquery юзает, не думаю, хотя я не смотрел есть ли там подключение jquery

selemet

2 янв 2015 г., 23:55

Ego vir viden

# Swank (02.01.2015 / 23:50)
selemet, О_о что сам гугл jquery юзает, не думаю, хотя я не смотрел есть ли там подключение jquery

Использует.
http://blog.jquery.com/2007/11 ... uery/

Swank

3 янв 2015 г., 0:04

Сексуальность валенка

selemet,

jquery захватил мир, надо бежать он скоро будет у моего дома, о нет, опера мини останови его!!!
Лад чет я оффтопю

Swank

3 янв 2015 г., 13:34

Сексуальность валенка

Помогите, не как не могу зделать выдвигающеюся горизонтально влево панель, вертикально вышло, а горизонтально...

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>panel demo</title>
 

</head>
<body>
<script>

var sliderIntervalId = 0;
var sliderWidth = 0;
var sliding = false;
var slideSpeed = 15;

var   slider = document.getElementById('Slider');
slider.style.left = screen.width;

function Slide()
{
   if(sliding)
      return;
   sliding = true;
   if(sliderWidth == 232)
      sliderIntervalId = setInterval('SlideRightRun()', 15);
   else
      sliderIntervalId = setInterval('SlideLeftRun()', 15);
}

function SlideRightRun()
{
   slider = document.getElementById('Slider');
   if(sliderWidth <= 0)
   {
      sliding = false;
      sliderWidth = 0;
      slider.style.width = '0px';
      slider.style.left = screen.width + 'px';
      //slider.style.display = 'none';
      clearInterval(sliderIntervalId);
   }
   else
   {
     slider.style.display = '';
      sliderWidth-= slideSpeed;
      if(sliderWidth < 0)
         sliderWidth = 0;
      slider.style.left = screen.width - sliderWidth + 'px';
      slider.style.width= sliderWidth+ 'px';
   }
}

function SlideLeftnRun()
{
   slider = document.getElementById('Slider');
   if(sliderWidth >= 232)
   {
      sliding = false;
      sliderWidth = 232;
      slider.style.width = '232px';
      slider.style.left = screen.width - sliderWidth + 'px';
      clearInterval(sliderIntervalId);
   }
   else
   {
      slider.style.display = '';
      sliderWidth += slideSpeed;
      if(sliderWidth > 232)
         sliderWidth = 232;
      slider.style.left = screen.width - sliderWidth + 'px';
      slider.style.width = sliderWidth + 'px';
   }
}
</script>
<input type="button" onclick="Slide();" value="Открыть/Закрыть">
  <div id="Slider" style="position:absolute;left:0px;width:0px;height:50px;background:blue;border:1px solid red;color:#000000;overflow:hidden;">
lololo
  </div>
</div>
</body>
</html>

Вроде все должно работать но не работает почемуто