ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Поместить цифру внутри треугольника.
12 сообщений из 12, страница 1 из 1
Поместить цифру внутри треугольника.
    #39029021
Alex_Wong
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alex_Wong
Гость
Добрый день.
Подскажите, пожалуйста, как поправить в коде, чтобы цифра была внутри треугольника, а последний на месте цифры.
Код: sql
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.
!DOCTYPE html>
<html lang="ru-RU">
<head>
  <meta charset="UTF-8">                  
    <meta http-equiv="expires" content="0">
    <meta http-equiv="Cache-Control" content="no-cache"/>
  <title>www</title>
<style>
#tbl {
  border: 1px solid #ccc;
}
#spr1u {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 16px solid red;
}
#spr1d {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid red;
}
</style>
</head>  

<table id="tbl">
<tr><td>
         <div id="spr1u" style="float:left;display:none;" onclick="fspr1u()"> </div>
         <div id="spr1d" style="float:left;display:none;" onclick="fspr1d()"> </div>
         <div id="spr1n" style="float:left;margin-top:6px;display:none;font-size:10px;color:darkblue">8</div>
         <div id="sprc1" style="float:left;color:darkblue;background:#ccc;" onclick="fsprc1()">Текст</div>
</td></tr>
</table>

<script type="text/javascript">
function fsprc1() {

  if (document.getElementById('spr1u').style.display==='none' && document.getElementById('spr1d').style.display==='none') {
      document.getElementById('spr1u').style.display ='';
      document.getElementById('spr1n').style.display ='';
      return;
  }
  if (document.getElementById('spr1u').style.display==='') {
      document.getElementById('spr1u').style.display ='none';
      document.getElementById('spr1n').style.display ='none';
      return;
  }
  if (document.getElementById('spr1d').style.display==='') {
      document.getElementById('spr1d').style.display ='none';
      document.getElementById('spr1n').style.display ='none';
  }
}
function fspr1u() {
  document.getElementById('spr1u').style.display='none';
  document.getElementById('spr1d').style.display='';
}
function fspr1d() {
  document.getElementById('spr1u').style.display='';
  document.getElementById('spr1d').style.display='none';
}
</script>
</html>



Может есть другой подход, ячеек будет больше... цифра отражает порядок сортировки. Спасибо.
...
Рейтинг: 0 / 0
13.08.2015, 19:26
| Ответить | Цитировать | Написать  
Поместить цифру внутри треугольника.
    #39029093
скукотища
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скукотища
Гость
Alex_Wong,
 
Код: html
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.
<!DOCTYPE html>
<html lang="ru-RU">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Cache-Control" content="no-cache" />
<style>
    .x-tbl {
      border: 1px solid #ccc;
    }
    .x-hidden {
        display: none;
    }
    .x-float-left {
        float: left;
    }
    .x-updown{
      margin-top: 1px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
    }
    .x-up{
        border-top: 0;
        border-bottom: 16px solid red;
    }
    .x-down{
        border-top: 16px solid red;
        border-bottom: 0;
    }
    .x-updown-inner{
        margin-left: -10px;
        margin-top: 3px;
        font-size: 10px;
    }
    .x-cell-inner{
        color: darkblue; 
        background: #ccc;
    }
</style>

<title>triangle</title>

<table class="x-tbl">
    <tr><td>
        <div class="x-hidden x-float-left" onclick="updown(this)">
            <div class="x-float-left x-updown x-up"></div>
            <div class="x-float-left x-updown-inner">8</div>
        </div>
        <span class="x-cell-inner" onclick="updown(this, 2)">Текст</span>
    </td></tr>
</table>

<script type="text/javascript">
    function updown(a, b) {
        if(b) a = a.previousElementSibling;

        var lst = a.classList;

        if(lst.contains('x-hidden')){
            lst.remove('x-hidden'); 
            return;
        }

        a = a.firstElementChild;
        lst = a.classList;
        
        if(lst.contains('x-up')) {
            lst.remove('x-up');
            lst.add('x-down');
        }    
        else {
            lst.remove('x-down');
            lst.add('x-up');
        }
    }
</script>
</html>

...
Рейтинг: 0 / 0
13.08.2015, 23:59
| Ответить | Цитировать | Написать  
Поместить цифру внутри треугольника.
    #39029276
Alex_Wong
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alex_Wong
Гость
скукотища,

спасибо, очень круто.
...
Рейтинг: 0 / 0
14.08.2015, 11:02
| Ответить | Цитировать | Написать  
Поместить цифру внутри треугольника.
    #39032319
Alex_Wong
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alex_Wong
Гость
скукотища,

Как всегда бывает, увеличил потребность и испортил хороший код.

Добавил колонок и дал названия, чтобы было нагляднее. Сделал, чтобы сортировку можно было отключить повторным
нажатием на ее название. Кривизна вылазит, когда закрывая сортировку из положения DESC, ее потом опять открываю.

Не получается сделать, чтобы при повторном открытии сортировки - появлялся треугольник 'острием вверх', если до
этого сортировка была закрыта из положения 'острием вниз'.

Т.е. проблема, собственно, не в повторном отображении треугольника, а в том, чтобы исправить строку сортировки.
В текущем варианте, если закрывать из положения 'острием вниз', а потом открыть, то результат не правильный.
Нарушается соответствие ASC-DESC.

Правильно сделать полный сброс сортировки с закрытием всех активных, тоже не получилось.
Проблема видна, если смотреть строку сортировки кнопкой 'Показать выбор сортировки'.

Может грамотные люди подскажут, спасибо.

 

Код: plsql
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.
<!DOCTYPE html>
<html lang="ru-RU">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Cache-Control" content="no-cache" />
<style>
    .x-tbl {
      border: 1px solid #ccc;
    }
    .x-tbl td {
      width: 10%;
    }
    .x-hidden {
        display: none;
    }
    .x-float-left {
        float: left;
    }
    .x-updown{
      margin-top: 1px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
    }
    .x-up{
        border-top: 0;
        border-bottom: 16px solid red;
    }
    .x-down{
        border-top: 16px solid red;
        border-bottom: 0;
    }
    .x-updown-inner{
        color: yellow;
        margin-left: -10px;
        margin-top: 3px;
        font-size: 10px;
    }
    .x-cell-inner{
        color: darkblue; 
        background: #ccc;
    }
</style>

<title>triangle</title>

<table class="x-tbl">
    <tr>
    <td>
        <div class="x-hidden x-float-left" onclick="updown(this)">
            <div class="x-float-left x-updown x-up"> </div>
            <div class="x-float-left x-updown-inner"> </div>
        </div>
        <span class="x-cell-inner" onclick="updown(this, 2)">Производитель</span>
    </td>
    <td>
        <div class="x-hidden x-float-left" onclick="updown(this)">
            <div class="x-float-left x-updown x-up"> </div>
            <div class="x-float-left x-updown-inner"> </div>
        </div>
        <span class="x-cell-inner" onclick="updown(this, 2)">PN</span>
    </td>
    <td>
        <div class="x-hidden x-float-left" onclick="updown(this)">
            <div class="x-float-left x-updown x-up"> </div>
            <div class="x-float-left x-updown-inner"> </div>
        </div>
        <span class="x-cell-inner" onclick="updown(this, 2)">Наименование</span>
    </td>
    <td>
        <div class="x-hidden x-float-left" onclick="updown(this)">
            <div class="x-float-left x-updown x-up"> </div>
            <div class="x-float-left x-updown-inner"> </div>
        </div>
        <span class="x-cell-inner" onclick="updown(this, 2)">Цена</span>
    </td>
    <td>
        <div class="x-hidden x-float-left" onclick="updown(this)">
            <div class="x-float-left x-updown x-up"> </div>
            <div class="x-float-left x-updown-inner"> </div>
        </div>
        <span class="x-cell-inner" onclick="updown(this, 2)">Склад</span>
    </td>
    <td>
        <div class="x-hidden x-float-left" onclick="updown(this)">
            <div class="x-float-left x-updown x-up"> </div>
            <div class="x-float-left x-updown-inner"> </div>
        </div>
        <span class="x-cell-inner" onclick="updown(this, 2)">+/-</span>
    </td>
    </tr>            
</table>

<script type="text/javascript">
                                              function in_array(value, array) {
                                                 for(var i = 0; i < array.length; i++) {
                                                     if(array[i] == value) return true;
                                                 }
                                                 return false;
                                              }
                                              function in_arr(value, arr) {
                                                 for(var i = 0; i < arr.length; i++) {
                                                     if(arr[i][0] == value) return true;
                                                 }
                                                 return false;
                                              }
                                              function m_ind(value, arr) {
                                                 for(var i = 0; i < arr.length; i++) {
                                                     if(arr[i][0] == value) {
                                                      return i;
                                                     }
                                                 }
                                              }

                                              var allcoll = ['Производитель', 'PN', 'Наименование', 'Цена', 'Склад', '+/-'];
                                              // мой выбор сортировки :
                                              var sortmy = [];
    function updown(a, b) {
                                              var d = document.getElementsByClassName('x-float-left x-updown-inner');
                                              var p = a.innerHTML;
                                              
                                              if(in_array(p, allcoll)) {

                                                 if(in_arr(p, sortmy)) {
                                                    if(sortmy[sortmy.length-1][0] !== p) {
                                                    sortmy.splice(m_ind(p, sortmy), 1);
                                                    sortmy.push([p, "ASC"]);
                                                    }
                                                 }else{ 
                                                    sortmy.push([p, "ASC"]);
                                                 }
                                              }
        if(b) a = a.previousElementSibling;
        var lst = a.classList;
        if(lst.contains('x-hidden')) {
                                              
            lst.remove('x-hidden');
                                         
                                         d[allcoll.indexOf(p)].innerHTML = (m_ind(p, sortmy))+1;//вношу нумерацию в треугольник;
            return;
        }
                                         // Закрываю треугольники при повторном нажатии по имени сортировки. 
                                         if(!lst.contains('x-hidden')) {
                                            if(p===a.nextElementSibling.innerHTML) {

                                                var ind = m_ind(p, sortmy);
                                                sortmy.splice(ind, 1);
                                                // после удаления нужно перенумеровать активные треугольники;
                                                var num = d[allcoll.indexOf(p)].innerHTML;
                                                var index;
                                                for (index = 0; index < sortmy.length; ++index) {
                                                       if (index>=(num-1)) {
                                                          d[allcoll.indexOf(sortmy[index][0])].innerHTML = index+1;//вношу перенумерацию; 
                                                       }
                                                }                                                                                                

                                                lst.add('x-hidden');
                                                // ??? как сделать, чтобы при 'закрытии треугольника' из положения острием вниз, при 
                                                // ??? повторном нажатии по имени сортировки он появлялся острием вверх ... 
                                                return;
                                            }
                                         }

        a = a.firstElementChild;
        lst = a.classList;
        if(lst.contains('x-up')) {
                                                 sortmy[a.nextElementSibling.innerHTML-1][1] = 'DESC';
            lst.remove('x-up');
            lst.add('x-down');
        }    
        else {
                                                 sortmy[a.nextElementSibling.innerHTML-1][1] = 'ASC';
            lst.remove('x-down');
            lst.add('x-up');
        }
    }


function f_my_sort() {
  alert('Сортировка по выбору : '+sortmy);
}
function f_def_sort() {
  // сброс всех выбранных сортировок (закрыть все треугольники);
     sortmy.length =0;
}
</script>
<div style="width:300px; height:3px; background:green"> </div>
<input type="button" value="Показать выбор сортировки." style="width:300px; height:22px; font-size:10px" onclick="f_my_sort()">
</br>
<input type="button" value="Сброс выбора сортировки." style="width:300px; height:22px; font-size:10px" onclick="f_def_sort()">
</br>
<div style="width:300px; height:3px; background:green"> </div>

</html>


...
Рейтинг: 0 / 0
19.08.2015, 13:43
| Ответить | Цитировать | Написать  
Поместить цифру внутри треугольника.
    #39032811
скукотища
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скукотища
Гость
Alex_Wong,
 
стиль
Код: css
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.
.x-tbl{
  border: 1px solid #ccc;
  width: 98%;
}
.x-tbl thead{
  cursor: default;
}
.x-tbl thead th{
  background-color: #ccc;
  width: 18%;
}
.x-hidden{
    display: none;
}
.x-arrow{
  float: left;
  margin-rigth: 2px;
  border: 1px solid red;
}
.x-updown, .x-updown-inner{
    float: inherit;
}
.x-updown{
  margin-top: 1px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.x-updown-inner{
    color: yellow;
    margin-left: -10px;
    margin-top: 3px;
    font-size: 10px;
}
.x-up{
    border-top: 0;
    border-bottom: 16px solid red;
}
.x-down{
    border-top: 16px solid red;
    border-bottom: 0;
}
.x-cell-inner{
    color: darkblue;
}
.x-btn-group{
    width: 300px; 
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: green;
}
.x-btn-group [type=button]{
    width: inherit;
    height: 22px;
    font-size: 10px;
    margin-top: 2px;
}

 
скрипт
Код: 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.
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.
var mysort = {
        cols: {}, /* title:{arrow,txt,inv}, ... */
        order: [], /* title, ... */
        
        updown: function (key, e) {
            var me = this, col = me.cols[key], lst = col.arrow.classList;
            if(col.inv) {
                lst.remove('x-down');
                lst.add('x-up');
            }
            else {
                lst.remove('x-up');
                lst.add('x-down');
            }
            col.inv = !col.inv;
            e.stopPropagation();
            return false;
        },
        hide: function(col) {
            var arrow = col.arrow;
            arrow.parentNode.classList.add('x-hidden');
            if(col.inv){
                var lst = arrow.classList;
                lst.remove('x-down');
                lst.add('x-up');
                col.inv = false;
            }
            col.txt.nodeValue = ' ';
        },    
        add: function (key) {
            var me = this, col = me.cols[key], a = me.order;
            a.push(key);
            col.txt.nodeValue = a.length;
            col.arrow.parentNode.classList.remove('x-hidden');
        },
        remove: function (key) {
            var me = this, a = me.order, cols = me.cols;
            me.hide(cols[key]);
            a.splice(a.indexOf(key), 1);
            a.forEach(function(key, idx){
                cols[key].txt.nodeValue = idx +1;
            });
        },
        switchsort: function(key, lst, e) {
            this[lst.contains('x-hidden') ? 'add' : 'remove'](key);
            e.stopPropagation();
            return false;
        },    
        reset: function() { 
            var me = this, a = me.order, cols = me.cols; 
            a.forEach(function(key){ 
                me.hide(cols[key]);
            });
            a.splice(0);
            return false;
        },
        toString: function () { 
            var me = this, a = me.order, cols = me.cols, s = '';
            a.forEach(function(key){
                s += ', ['+ key + ': ' + (cols[key].inv ? 'DESC' : 'ASC') +']';
            });
            return s ? s.substring(2) : 'NO_SORT';
        }
    };

initsort(document, '.x-tbl thead th', mysort);

function initsort(root, selector, sortobj) {    
    var cols = sortobj.cols, switchsort = sortobj.switchsort, updown = sortobj.updown;

    Array.forEach(root.querySelectorAll(selector), function(item) {
        var arrow = item.firstElementChild, 
            title = item.lastElementChild, 
            key = title.firstChild.nodeValue;
        
        item.addEventListener('click', switchsort.bind(sortobj, key, arrow.classList));
        arrow.addEventListener('click', updown.bind(sortobj, key));
        
        cols[key] = {
            arrow: arrow.firstElementChild,
            txt: arrow.lastElementChild.firstChild,
            inv: false
        };
    });
    
    return false
}

 
документ
Код: html
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.
<!DOCTYPE html>
<html lang="ru-RU">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Cache-Control" content="no-cache" />
<style> /* под спойлером 'стиль' */ </style>

<title>triangle2</title>

<table class="x-tbl">
    <thead><tr>
        <!-- названия колонок должны быть уникальными -->
        <th>
            <div class="x-hidden x-arrow">
                <div class="x-updown x-up"></div>
                <div class="x-updown-inner"> </div>
            </div>
            <span class="x-cell-inner">Производитель</span>
        </th>
        <!-- остальные ячейки -->
    </tr></thead>
</table>

<script type="text/javascript"> /* под спойлером 'скрипт' */ </script>

<div class="x-btn-group">
    <input type="button" value="Показать выбор сортировки." onclick="alert('Сортировка по выбору:\n'+ mysort)"/>
    <input type="button" value="Сброс выбора сортировки." onclick="mysort.reset()"/>
</div>

</html>

...
Рейтинг: 0 / 0
20.08.2015, 03:01
| Ответить | Цитировать | Написать  
Поместить цифру внутри треугольника.
    #39033149
Alex_Wong
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alex_Wong
Гость
скукотища,

большое спасибо за помощь, код - высший пилотаж.

У меня, правда, еще не запустился. Отображает таблицу с названием колонки и кнопки.
Единственное, что пляшет, это кнопка : Сортировка по выбору:NO_SORT

В стилях : margin-rigth: 2px; поправил на right.
Смотрю под Хромом, если что ...
...
Рейтинг: 0 / 0
20.08.2015, 13:57
| Ответить | Цитировать | Написать  
Поместить цифру внутри треугольника.
    #39033248
скукотища
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скукотища
Гость
Alex_Wong,
в скрипте найти
Код: javascript
1.
Array.forEach


заменить на
Код: javascript
1.
Array.prototype.forEach.call
...
Рейтинг: 0 / 0
20.08.2015, 15:16
| Ответить | Цитировать | Написать  
Поместить цифру внутри треугольника.
    #39033302
Alex_Wong
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alex_Wong
Гость
скукотища, заработало, thanks
Буду пробовать на нескольких колонках с уникальными названиями.
...
Рейтинг: 0 / 0
20.08.2015, 15:49
| Ответить | Цитировать | Написать  
Поместить цифру внутри треугольника.
    #39033349
Alex_Wong
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alex_Wong
Гость
скукотища,

на multi_column отлично работает, спасибо.
...
Рейтинг: 0 / 0
20.08.2015, 16:32
| Ответить | Цитировать | Написать  
Поместить цифру внутри треугольника.
    #39034198
Alex_Wong
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alex_Wong
Гость
Уважаемый скукотища, будьте добры, подскажите, пожалуйста, как правильно поправить код.

В случае наличия в таблице двух первых колонок, которые не участвуют в сортировке, т.е. просто названия, то код не работает.
Собственно, перестает работать и при одной такой колонке спереди, а вот наличие таких колонок в конце таблицы, я так понял, -
не критично. Поставил одну в конец - код работает.

Мне нужно две колонки спереди и одну в конце, делаю так :
Код: plsql
1.
2.
3.
4.
5.
6.
7.
8.
9.
   <tr>
     <td>NoSort_1</td>
     <td>NS_2</td>
     <th>Здесь</th>
     <th>Сортировка</th>
     <th>Работает</th>
     <th>NS_3</th>
   </tr>


вроде работает, но не знаю корректен ли замес td--th в одной строке.

Как правильно сделать, чтобы только у одного названия колонки сортировки, которая идет по счету, например, вторая треугольники
появлялись не слева, а справа от имени.

Спасибо.
...
Рейтинг: 0 / 0
21.08.2015, 18:24
| Ответить | Цитировать | Написать  
Поместить цифру внутри треугольника.
    #39034296
скукотища
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скукотища
Гость
Alex_Wong,
 
patch
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
// в стиле найти
.x-updown, .x-updown-inner{
    float: inherit;
}
// заменить на
.x-arrow-right{
    float: right;
    margin-left: 2px;
    border: 1px solid red;
}
.x-updown, .x-updown-inner{
    float: left;
}
.x-sortable .x-cell-inner:before{
    content: "*";
}

// в скрипте найти
initsort(document, '.x-tbl thead th', mysort);
// заменить на 
initsort(document, '.x-tbl thead th.x-sortable', mysort);

 
doc part
Код: html
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.
    <thead><tr>
        <th>
            <span class="x-cell-inner">Производитель</span>
        </th>
        <th class="x-sortable">
            <div class="x-hidden x-arrow-right">
                <div class="x-updown x-up"></div>
                <div class="x-updown-inner"> </div>
            </div>
            <span class="x-cell-inner">PN</span>
        </th>
        <th>
            <div class="x-hidden x-arrow">
                <div class="x-updown x-up"></div>
                <div class="x-updown-inner"> </div>
            </div>
            <span class="x-cell-inner">Наименование</span>
        </th>
        <th class="x-sortable">
            <div class="x-hidden x-arrow">
                <div class="x-updown x-up"></div>
                <div class="x-updown-inner"> </div>
            </div>
            <span class="x-cell-inner">Цена</span>
        </th>
        <!-- остальные ячейки -->
    </tr></thead>

...
Рейтинг: 0 / 0
22.08.2015, 01:44
| Ответить | Цитировать | Написать  
Поместить цифру внутри треугольника.
    #39034345
Alex_Wong
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alex_Wong
Гость
скукотища,

решение - супер, большое спасибо.
...
Рейтинг: 0 / 0
22.08.2015, 13:09
| Ответить | Цитировать | Написать  
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Поместить цифру внутри треугольника.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39034198&tid=1445778]:
 0ms
get settings:
 6ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 144ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 61ms
get tp. blocked users:
 1ms
others: 199ms
total:  447ms
созд. / загр.: 447ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]