Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 05.11.2020, 00:10   #1
Write name
Новичок
Джуниор
 
Регистрация: 04.11.2020
Сообщений: 1
Злость Не вызывается функци javascript.

Не понимаю почему он отказывается работать, молю о помощи.
html:
Код:
<!DOCTYPE html>
<html lang=ru dir="ltr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name=viewport content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/test.js"></script>
  </head>
  <body>
    <div class="next">
 <input type="button" value="кнопка" onclick="next();">
 <input type="button" name="кнопка" value="кнопка" onclick="sayhi();">
    </div>

    <div id="slider-wrap" >
       <div class="slider-list">
        <div id="slider">
            <div class="slide1 slide">
                <h1>Заголовок 1</h1>
                <p>Описание...</p>
            </div>
            <div class="slide2 slide">
                <h1>Заголовок 2</h1>
                <p>Описание...</p>
                <div class="box">
                  <input type="button" value="Хочу красный" onclick="document.querySelector('.box').style.background ='red'" />
                </div>
            </div>
            <div class="slide3 slide">
                <h1>Заголовок 3</h1>
                <p>Описание...</p>
            </div>
            <div class="slide4 slide">
                <h1>Заголовок 4</h1>
                <p>Описание...</p>
            </div>
        </div>
      </div>
    </div>
  </body>
</html>
css:
Код:


body {
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.slider-list {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slide {
  width:100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  /*padding-top: 40px;*/
  background-color: black;
}

.next{
  position: absolute;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  background-color: white;
  top:50%;
  right: 10%;
  z-index: 10;
}

/* .slide1{
} */
/* .slide2{
  top:0%;
  left:100%;
}
.slide3{
  top:100%;
  left:0%;
}
.slide4{
  top:100%;
  left:100%;
} */


/* .test{
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: white;
  top: 10%;
  left: 10%;
} */

/* #slider-wrap {
    max-width:650px;
    margin: 100px auto;
    background-color: black;
}

#slider {
    position:relative;
    height: 200px;
    overflow: hidden;
    border:#fafafa solid 10px;
    background-color: black;
} */
js:
Код:
$(document).ready(function () {

  window.sayhi = function(){
    alert('hi')
  }

  var pw=document.documentElement.scrollWidth;
  var ph=document.documentElement.scrollHeight;

  var xslide1=0;
  var yslide1=0;

  var xslide2=pw;
  var yslide2=0;

  var xslide3=0;
  var yslide3=ph;

  var xslide4=pw;
  var yslide4=ph;

  window.next = function(){
    if (yslide1==0) {
      if (xslide1==0) {
        xslide1=xslide1-pw;
        xslide2=xslide2-pw;
        xslide3=xslide3-pw;
        xslide4=xslide4-pw;
    }}};

  document.querySelector('.slide1').style.top=yslide1+'px';
  document.querySelector('.slide1').style.left=xslide1+'px';

  document.querySelector('.slide2').style.top=yslide2+'px';
  document.querySelector('.slide2').style.left=xslide2+'px';

  document.querySelector('.slide3').style.top=yslide3+'px';
  document.querySelector('.slide3').style.left=xslide3+'px';

  document.querySelector('.slide4').style.top=yslide4+'px';
  document.querySelector('.slide4').style.left=xslide4+'px';
});
Вложения
Тип файла: zip help.zip (30.6 Кб, 0 просмотров)
Write name вне форума Ответить с цитированием
Старый 05.11.2020, 00:29   #2
Desc
Участник клуба
 
Аватар для Desc
 
Регистрация: 21.11.2007
Сообщений: 1,063
По умолчанию

Код:
<script type="тип" src="URL"></script>
Код:
<script type="text/javascript" src="js/test.js"></script>
P. S.
Или указать последовательность выполнения скриптов:
Код:
<script defer src="js/jquery-3.2.1.min.js"></script>
<script defer src="js/test.js"></script>
или
Код:
<script async src="js/jquery-3.2.1.min.js"></script>
<script async src="js/test.js"></script>
Зависит от необходимости порядка выполнения скриптов..
I am not a wizard, I am just learning.

Последний раз редактировалось Desc; 05.11.2020 в 00:38. Причина: Добавил P. S.
Desc вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не вызывается функция KoBaL JavaScript, Ajax 0 15.01.2014 23:24
Воспроизведение функци в функци. WORLA Общие вопросы C/C++ 1 08.12.2012 13:48
переполнения NEW функци GDima Visual C++ 3 14.11.2012 06:35
Дружиские функци и перегрузка операторов wwe2012 Общие вопросы C/C++ 6 19.03.2011 18:53
использованием функци в паскале !) ALABAMA Паскаль, Turbo Pascal, PascalABC.NET 11 25.05.2010 13:59