Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #31 (permalink)  
Старый 08.12.2016, 11:06
Аспирант
Отправить личное сообщение для Sergey and Посмотреть профиль Найти все сообщения от Sergey and
 
Регистрация: 06.12.2016
Сообщений: 44

Сильно сложно , у меня не получиться ?
Ответить с цитированием
  #32 (permalink)  
Старый 08.12.2016, 11:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Сообщение от Sergey and
Сильно сложно , у меня не получиться ?
про вас не знаю дерзайте!
Ответить с цитированием
  #33 (permalink)  
Старый 08.12.2016, 11:15
Аспирант
Отправить личное сообщение для Sergey and Посмотреть профиль Найти все сообщения от Sergey and
 
Регистрация: 06.12.2016
Сообщений: 44

Буду пробовать, опыта мало в этом деле Не знаю какой объект брать div table...
Ответить с цитированием
  #34 (permalink)  
Старый 08.12.2016, 11:17
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Sergey and,
Сообщение от Sergey and
сли у кого были магнитофоны не с круглой регулировкой а с бегуном?, бегунок хочу сделать.
Мне кажется, вы смешиваете в одну кучу индикатор и регулятор.
Насчет регуляторов смотрите слайдеры.
Ответить с цитированием
  #35 (permalink)  
Старый 09.12.2016, 13:29
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

индикатор с регулятором
<!DOCTYPE html>
<html>
<head>
    <title>Untitled Page</title>
<style>
  td { position:relative;
        width:20px;
        height:150px;
        padding: 0px;     
 }
  .back {position:absolute;
         left:0px;
         bottom:0px;
         width:100%;
         background-color:red;
         z-index:-1;
  }
  .slider { margin: 5px; height: 150px; }

</style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

<script>
    $(function () {
        $(".slider").slider({
            orientation: "vertical",
            min: 0,
            max: 100,
            step: 10,
            value: 50

        });
         var rows = $('tr'),
          lights = rows.find('.back'),
          slides = rows.find('.slider'),
          currHeight;

        function loop() {
            for (var i = 0; i < lights.length; i++) {
                currHeight = Math.random() * $(slides[i]).slider('values',0);
                 $(lights[i]).css('height', currHeight + "%");
            }
            setTimeout(loop, 200);
        }
        loop();
    })
</script>
</head>
<body>

<table border="1px">
  <tr>
    <td><div class="back"></div></td>
    <td><div class="back"></div></td>
    <td><div class="back"></div></td>
    <td><div class="back"></div></td>
    <td><div class="back"></div></td>
  </tr>
   <tr>
    <td><div class="slider"></div></td>
    <td><div class="slider"></div></td>
    <td><div class="slider"></div></td>
    <td><div class="slider"></div></td>
    <td><div class="slider"></div></td>
  </tr>
</table>
</body>
</html>
Ответить с цитированием
  #36 (permalink)  
Старый 10.12.2016, 15:33
Аспирант
Отправить личное сообщение для Sergey and Посмотреть профиль Найти все сообщения от Sergey and
 
Регистрация: 06.12.2016
Сообщений: 44

Благодарю.
Ответить с цитированием
  #37 (permalink)  
Старый 16.11.2018, 17:44
Новичок на форуме
Отправить личное сообщение для Пупел Посмотреть профиль Найти все сообщения от Пупел
 
Регистрация: 13.11.2018
Сообщений: 3

У меня тоже немного схожий вопрос...
А как сделать так, чтоб закрашивались только те ячейки таблицы, которые заполнены, а пустые ячейки таблицы не закрашивались?
<table border="1" id="row">
  <tr>
    <td width="20" height="20"></td>
    <td width="20" height="20"></td>
    <td width="20" height="20">2</td>
    <td width="20" height="20"></td>
</tr>
</table>
<script>
arr= document.getElementById("row").getElementsByTagName("td");
colors= "red";
window.onload = function () {
	for (var i=0; i!= arr.length; ++i) {
		if (typeof arr[i] !== "") {
			arr[i].style.background=colors;
		}	
	}
}

</script>
Ответить с цитированием
  #38 (permalink)  
Старый 16.11.2018, 17:53
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

<table border="1" id="row">
  <tr>
    <td width="20" height="20"></td>
    <td width="20" height="20"></td>
    <td width="20" height="20">2</td>
    <td width="20" height="20"></td>
</tr>
</table>
<script>
window.onload = function () {
   arr= document.getElementById("row").getElementsByTagName("td");
   colors= "red";

	for (var i=0; i!= arr.length; ++i) {
		if (typeof arr[i] !== "" && arr[i].innerHTML != "") {
			arr[i].style.background=colors;
		}	
	}
}

</script>

Последний раз редактировалось Dilettante_Pro, 16.11.2018 в 17:55.
Ответить с цитированием
  #39 (permalink)  
Старый 16.11.2018, 18:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Пупел,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  td:empty{
      background-color: #FFFFFF;
  }
  td{
      background-color: #FF0000;
  }

  </style>
</head>

<body>
<table border="1" id="row">
  <tr>
    <td width="20" height="20"></td>
    <td width="20" height="20"></td>
    <td width="20" height="20">2</td>
    <td width="20" height="20"></td>
</tr>
</table>

</body>
</html>
Ответить с цитированием
  #40 (permalink)  
Старый 16.11.2018, 18:09
Новичок на форуме
Отправить личное сообщение для Пупел Посмотреть профиль Найти все сообщения от Пупел
 
Регистрация: 13.11.2018
Сообщений: 3

Спасибо! Вопрос исчерпан)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
не удается порулить шириной ячеек в таблице ctocopok Events/DOM/Window 1 24.07.2011 18:00
Сортировка числовых данных в таблице Vladsss Общие вопросы Javascript 15 01.09.2009 17:02