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

И это снова я и мои кружки Вообщем суть в чем, надо расположить кружки эти рандомно, чтобы не пересекались, я это сделал. Но проблема в чем, когда в блоке не хватает места он просто выдает ошибку и все. Как можно расположить в блоке так, чтобы они все уместились, но при этом не пересеклись?(а то уже просте идей нет) Высота и ширина кружков задаются рандомно(присваиваются классы)
Вот на то что есть щас.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="grid">
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
    <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
    <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
  <div class="item"><div class="item-before">ТУТА МНОГО ТЕКСТА ОЧЕНЬ МНОГО ТЕкста</div></div>
</div>
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
var circle_size = ["aqua", "red", "green", "purple", "black", "yellow"];
var max_class = 5;
var min_class = 0;
var min_coord_x = 0;
var min_coord_y = 0;
var max_coord_x = $("html").width() - max_size;
var max_coord_y = 500;
var margin = 30;
$(".item").each(function(){
    var random_num = Math.floor(Math.random() * (max_class - min_class + 1)) + min_class;
  var class_name = circle_size[random_num];
  $(this).addClass(class_name);
});
var coord = [];
var j = 0;
$(".item").each(function(j){
        var el = $(this);
    checkCoord(el);
});
function checkCoord(el) {
    var flag = 0;
    var random_x = Math.floor(Math.random() * (max_coord_x - min_coord_x + 1)) + min_coord_x;
    var random_y =  Math.floor(Math.random() * (max_coord_y - min_coord_x + 1)) + min_coord_x;    
   var rad = el.width();
  if (j == 0) {      
    el.css("left", random_x).css("top", random_y);
    coord.push([random_x, random_y, rad]);
  } else {
      for(var i = 0; i<coord.length; i++){
          var d_x = coord[i][0];
          var d_y = coord[i][1];
          var d_w = coord[i][2];
          if (el.width() > d_w) {
            d_w = el.width();
          }
          var d_x_d = d_x + d_w + margin; 
          var d_y_d = d_y + d_w + margin; 
          var m_d_x = d_x - d_w - margin;
          var m_d_y = d_y - d_w - margin;
          if ((random_x >= m_d_x && random_x <= d_x_d) && (random_y >= m_d_y && random_y <= d_y_d)) {
            flag = 1;   
            break;
                    } else {
            flag = 0;
                    }
      }
      if(flag==1){
            checkCoord(el, j);
      } else {
          el.css("left", random_x).css("top", random_y);
          coord.push([random_x, random_y, rad]);
      }
  }
  j++;
}
Ответ:
Сообщение от Padimanskas
пользуй флексбокс
При клике элемент расширяется, и если стоят на inline-block, float, flex и тому подобное они смещаются вниз некоторые, а такого быть не должно
Вопрос: При запуске теста вопросы в произвольеном порядке

Доброго времени суток!
Только начал изучать JS и столкнулся с проблемой.
Пишу тест для студентов.....на зачете будут искать на вопросы правильный ответ. Один из четырех.
В алгоритме не знаю, как сделать так, чтобы при прохождении одного теста последующий тест был из других вопросов, т.е. вопросы брались в произвольном порядке.
Вопросов 50, а для тестирования хватит 15, но нужно, чтобы каждый раз они запускались в произвольном порядке.
Постарался объяснить.
Может, кто знает как это организовать?
мой скрипт
<script type="text/javascript">

var countQuest = 0;
var plus = 0;
var test_start = 0;

function check(num){

if(num == 4){

document.getElementById('area').style.display='blo ck'; //
document.getElementById('start').style.display='no ne';
document.getElementById('end').style.display='inli ne';

if(test_start == 0){

//Массив вопросов
var questions = ["1. Яку мінімальну кількість зон повинен мати випробовувальний майданчик для сертифікації будівельних і дорожніх машин?\n",
"2. Що перевіряють у першій зоні на випробовувальному майданчику?\n",
"3. Що перевіряють у другій зоні на випробовувальному майданчику?\n",
"4. Що перевіряють у третій зоні на випробовувальному майданчику?\n",
"5. Які існують способи ідентифікації зразків?\n",
"6. Яким приладом проводять контрольні вимірювання лінійних розмірів?\n",
"7. Яку назву мають пристрої захисту від перекидання та падаючих предметів?\n",
"8. Система конструктивних елементів, змонтованих на машині для забезпечення захисту оператора від падаючих предметів називається\n",
"9. Система конструктивних елементів, змонтованих на машині для збереження життєвого простору в кабіні оператора при перекиданні машини називається\n",
"10. Захисні властивості систем ROPS та FOPS випробовуються\n",
"11. Сукупність конструктивних і експлуатаційних особливостей спецтехніки, спрямованих на попередження або зниження важкості дорожньо-транспортної пригоди, пошкодження спеціального засобу внаслідок перекидання або падіння на нього предметів називається\n",
"12. Пасивна безпека досягається використанням:\n",
"13. Що не перевіряється при проходженні випробувань?\n",
"14. Яку кількість раз необхідно проводити випробування машини на режимі вільного прискорення?\n",
"15. Після перевірки на режимі вільного прискорення, димність на режимі максимальної частоти обертання перевіряють"];

//Массивы вариантов ответов
var number1 = ["2","Оглядовість та освітлення","Оглядовість та освітлення","Оглядовість та освітлення","Візуальний","Лі нійкою","COPS та ROPS","COPS","COPS","При створенні кабіни на заводі\n",
"Активна безпека","Тільки пасків безпеки","Мікроклімат у кабіні","Не менше 6"];
var number2 = ["3","Кути з’їзду та заїзду","Кути з’їзду та заїзду","Кути з’їзду та заїзду","Візуальний і по документації","Курвиметр","RO PS та FOPS","FOPS","FOPS","Під час проведення сертифікації\n",
"Пасивна безпека","Поперечних брусів в дверях ТЗ","Зусилля на органах управління","7"];
var number3 = ["4","Гальмівну систему та поперечну стійкість машини","Гальмівну систему та поперечну стійкість машини","Гальмівну систему та поперечну стійкість машини","По документації","Рулеткою","FOPS та COPS","ROPS","ROPS","Одразу після установки на трактор\n",
"Безпека","Дуг безпеки","Товщина скла кабіни","Не більше 10"];
var number4 = ["5","Візуальну відповідність машини нормативним документам","Візуальну відповідність машини нормативним документам","Візуальну відповідність машини нормативним документам","Не існує таких","Далекоміром","ROВS та FOBS","FOBS","FOBS","Вони стандартні і не перевіряються\n",
"ROPS та FOPS","Всього переліченого","Питомий тиск гусениці на грунт","5"];


document.getElementById('question').innerHTML=ques tions[countQuest];

document.getElementById('option1').innerHTML=numbe r1[countQuest];
document.getElementById('option2').innerHTML=numbe r2[countQuest];
document.getElementById('option3').innerHTML=numbe r3[countQuest];
document.getElementById('option4').innerHTML=numbe r4[countQuest];


//Массив правильных ответов
var answer = [1,3,2,0,1,2,1,1,2,0,1,3,2,0,0];

test_start = 1;
}
}
else{
//Массив вопросов
var questions = ["1. Яку мінімальну кількість зон повинен мати випробовувальний майданчик для сертифікації будівельних і дорожніх машин?\n",
"2. Що перевіряють у першій зоні на випробовувальному майданчику?\n",
"3. Що перевіряють у другій зоні на випробовувальному майданчику?\n",
"4. Що перевіряють у третій зоні на випробовувальному майданчику?\n",
"5. Які існують способи ідентифікації зразків?\n",
"6. Яким приладом проводять контрольні вимірювання лінійних розмірів?\n",
"7. Яку назву мають пристрої захисту від перекидання та падаючих предметів?\n",
"8. Система конструктивних елементів, змонтованих на машині для забезпечення захисту оператора від падаючих предметів називається\n",
"9. Система конструктивних елементів, змонтованих на машині для збереження життєвого простору в кабіні оператора при перекиданні машини називається\n",
"10. Захисні властивості систем ROPS та FOPS випробовуються\n",
"11. Сукупність конструктивних і експлуатаційних особливостей спецтехніки, спрямованих на попередження або зниження важкості дорожньо-транспортної пригоди, пошкодження спеціального засобу внаслідок перекидання або падіння на нього предметів називається\n",
"12. Пасивна безпека досягається використанням:\n",
"13. Що не перевіряється при проходженні випробувань?\n",
"14. Яку кількість раз необхідно проводити випробування машини на режимі вільного прискорення?\n",
"15. Після перевірки на режимі вільного прискорення, димність на режимі максимальної частоти обертання перевіряють"];

//Массивы вариантов ответов
var number1 = ["2","Оглядовість та освітлення","Оглядовість та освітлення","Оглядовість та освітлення","Візуальний","Лі нійкою","COPS та ROPS","COPS","COPS","При створенні кабіни на заводі\n",
"Активна безпека","Тільки пасків безпеки","Мікроклімат у кабіні","Не менше 6","Не пізніше 60 секунд"];
var number2 = ["3","Кути з’їзду та заїзду","Кути з’їзду та заїзду","Кути з’їзду та заїзду","Візуальний і по документації","Курвиметр","RO PS та FOPS","FOPS","FOPS","Під час проведення сертифікації\n",
"Пасивна безпека","Поперечних брусів в дверях ТЗ","Зусилля на органах управління","7","Через 10 секунд"];
var number3 = ["4","Гальмівну систему та поперечну стійкість машини","Гальмівну систему та поперечну стійкість машини","Гальмівну систему та поперечну стійкість машини","По документації","Рулеткою","FOPS та COPS","ROPS","ROPS","Одразу після установки на трактор\n",
"Безпека","Дуг безпеки","Товщина скла кабіни","Не більше 10","Не раніше 2 хвилин"];
var number4 = ["5","Візуальну відповідність машини нормативним документам","Візуальну відповідність машини нормативним документам","Візуальну відповідність машини нормативним документам","Не існує таких","Далекоміром","ROВS та FOBS","FOBS","FOBS","Вони стандартні і не перевіряються\n",
"ROPS та FOPS","Всього переліченого","Питомий тиск гусениці на грунт","5","Через 30 хвилин"];


//Массив правильных ответов
var answer = [1,3,2,0,1,2,1,1,2,0,1,3,2,0,0];

if(num == answer[countQuest]) plus++;

if(questions.length - 1> countQuest){

countQuest++;

document.getElementById('question').innerHTML=ques tions[countQuest];

document.getElementById('option1').innerHTML=numbe r1[countQuest];
document.getElementById('option2').innerHTML=numbe r2[countQuest];
document.getElementById('option3').innerHTML=numbe r3[countQuest];
document.getElementById('option4').innerHTML=numbe r4[countQuest];


}
else{

document.getElementById('area').style.display='non e';
alert('Ви маєте ' + plus + ' вірних відповіді(ей)!');
}
}
}

</script>

Заранее спасибо всем откликнувшимся!
Ответ: ksa,
по моему твой и мой код одинаковы
Вопрос: Порядок вызова событий зарегистрированных в addEventListener

Имеется кнопка и на неё повешены обработчики "onclick" методом addEventListener
<body>
    <button type="button" id="myButton" >Нажми меня!</button>

    <script type="text/javascript">
        var myButton = document.getElementById("myButton");
        function handler0() {
            alert("handler0 ");
       }

        function handler1(){
             alert("handler1 ");
       };

        function handler2(){
             alert("handler2 ");
       };

        myButton.addEventListener("click", handler0, false);
        myButton.addEventListener("click", handler1, false);
        myButton.addEventListener("click", handler2, false);

    </script>

</body>


При нажатии на кнопку обработчики (handler) вызываются последовательно в том порядке в каком записаны в скрипте. А можно ли их вызывать в произвольном порядке в зависимости от каких-нибудь условий? Нигде не нашёл.
С уважением ...
Ответ: ValGer,

этот вопрос вполне решаем, но требует предварительного "втыкания" в тему.

Например, можно взять за основу этот код:
Только нужно разобраться, как он работает, внимательно прочитав всю страницу, и доработать под собственные нужды.
Там вполне можно вызывать обработчики в нужной последовательности, используя индексы массива.

Сам брал вроде-бы этот (или очень похожий) код ранее и дорабатывал под свои нужды.
Вопрос: Возможно ли изменить порядок миниатюр записей?

Установила тему, которая мне подошла по всем параметрам кроме порядка миниатюр. Хочу исправить. Суть в том, что на сайте записи расположены по порядку, а я хочу чтобы в одной строке были две- три. Скрины приложу, там все яснее. Скажите, реально ли это? Код править, плагины устанавливать или тему вообще менять?
Картинка 1 - это примерный вид сайта на данный момент. Записи идут последовательно
Картинка 2 - это примерный порядок миниатюр, который я хочу настроить
Ответ: Берешь html код твоих картинок и последовательно вставляешь их один за другим в нужном шаблоне
Вопрос: Массовое обновление произвольных полей в записях

Приветствую!

Добавил для записей еще одно произвольное поле логического типа "False\True". Значение по умолчанию - "True". Проверил существующие записи в редакторе, выборочно - поле появилось, галочка установлена. Но WP этого не видит, почему-то. Оказалось, каждую запись нужно обновить - ну просто зайти в каждую, и нажать "Обновить" кнопку.

А записей штук 400... Вобщем, вот и вопрос - как сделать массово эту "обновилку"? Как-то через MySQL?

З.Ы. Массовое редактирование записей через интерфейс редактора записей WP не помогает.

Добавлено через 46 минут
Помогло так:

PHP
1
2
3
4
5
6
<? query_posts('posts_per_page=-1') ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<? $post_id = get_the_ID(); ?>
<?php update_post_meta($post_id, 'ТУТ_ИМЯ_ПОЛЯ', 'TRUE', 'TRUE'); ?>
<? wp_update_post($post_id); ?>
<?php endwhile;endif; ?>
Краткое пояснение:
- первая строка говорит о том, что перебираем все посты, без пагинации;
...
- третья строка - берем ID текущего поста в цикле;
- четвертая строка - пишем в нужное произвольное поле текущего поста значение "TRUE" если его значение "TRUE" - ну то бишь обновляем;
- обновляем сам пост... наверное это лишнее )))
Ответ: Ребята, добрый день

По ходу то что нужно

Вот только объясните "ЧАЙНИКУ", как это все проделать.

Куда нужно вставить этот код.


Может положить в корень сайта, или как еще.

Настроил произвольные поля, но в старых записях их нет, при обновлении записи появляются.

Заранее большое спасибо
Вопрос: Произвольный тип записей

Всем привет. У меня уже есть один произвольный тип записей, но понадобилось создать еще, только вот страница, которую я в нем создаю кидает 404. Вот код
Код PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
register_post_type('test', array(
'label' => 'test',
'public' => true,
'show_ui' => true,
'capability_type' => 'post',
'hierarchical' => false,
'rewrite' => array('slug' => 'test'),
'query_var' => true,
'supports' => array(
'title',
'editor',
'excerpt',
'trackbacks',
'custom-fields',
'comments',
'revisions',
'thumbnail',
'author',
'page-attributes',
'template_part',
'post-formats',)
) );
Причем работает только тот тип записей, который я сделал первый, пробовал менять его slug и так далее и все равно кидает 404. помогите разобраться
Ответ: После регистрации произвольного типа записи нужно делать flush_rewrite_rules() ( при активации темы или плагина, всего 1-н раз нужно делать, а не каждый раз ) или, как сказали выше в комменте - обновить структуру ссылок ( выбрать стандартное и обратно ).
При обновлении параметров стоит сделать то же самое.
Вопрос: Не могу расположить картинки рядом с друг другом

Не могу расположить картинки с текстом рядом с друг другом
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
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Контрольная</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="left" >
        <img src="1.jpg" alt="Нацбанк" >    
        <p class="color">Сегодня 15:19</p>      
        <p>Рост курса доллара<br/>связан со сменой<br/> руководства Нацбанка<br/> - эксперт</p>
    </div>
    <div >
        <img src="21.jpg" alt="" class="center">
        <p class="color">сегодня, 14:06</p>
        <p>Законость<br/>использования<br/> радаров"Крис-П"<br/>разъеснили в полиции<br/>РК</p>
    </div>
    <div class="right">
        <img src="3.jpg" alt="">
        <p class="color">сегодня, 13:06</p>
        <p> Курс доллара в 300<br/>тенге не вызвал<br/> ажиотажа в<br/> - обменниках Алматы и<br/>Астаны</p>
    </div>
</body>
</html>
css
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.color{
    color:green;
}
.left{
    float:left;
    
}
.center{
    text-align: center;
    position: relative;
    }
.right{
    float: right;
}
Третья картинка не встает рядом
Ответ: Привет.
Из htmlbook ru
"Блочным называется элемент, который отображается на веб-странице в виде прямоугольника. Такой элемент занимает всю доступную ширину, высота элемента определяется его содержимым, и он всегда начинается с новой строки. К блочным элементам относятся теги <address>, <blockquote>, <div>, <fieldset>, <form>, <h1>,...,<h6>, <hr>, <ol>, <p>, <pre>, <table>, <ul> и некоторые устаревшие. Также блочным становится элемент, если в стиле для него свойство display задано как block, list-item, table и в некоторых случаях run-in.

Для блочных элементов характерны следующие особенности.

Блоки располагаются по вертикали друг под другом..."

То есть div это блочные элементы, которые располагаются друг над другом.
Я так понял, что ты хочешь их в ряд расположить, верно?
Вопрос: Расположить список в две колонки

Здравствуйте.
Скажите, как список <ul>, состоящий из нескольких строк, расположить в две (или несколько) колонки.
Желательно с использованием CSS, то есть без таблиц.
Ответ: А как можно расположить <span> в две колонки????
есть такой код:
HTML5
1
2
3
4
5
6
<span class="one">
<span class="two">чекбокс</span>
<span class="two">чекбокс</span>
<span class="two">чекбокс</span>
<span class="two">чекбокс</span>
</span>
они выводятся хаотично, а нужно чтобы они выводились в две колонки c помощью css, что нужно прописать в класс one и в класc two ????
Вопрос: список Latest Posts расположен криво

Подскажите на странице 
Внизу список Latest Posts расположен криво - с пустыми местами заместо постов.

Эта проблема только на нескольких постах - на остальных (http://dev.megabassusa.com/author/edwin-evers/ ) нормально...

Как это исправить?

  Спасибо!
Ответ:
Подскажите на странице 
Внизу список Latest Posts расположен криво - с пустыми местами заместо постов.

Эта проблема только на нескольких постах - на остальных (http://dev.megabassusa.com/author/edwin-evers/ ) нормально...

Как это исправить?

  Спасибо!
Вопрос: Chrome и Mozilla порядок чтения скрипта

Ребят, подскажите плиз как решается данный косяк:

Init()
function Init (){
...
}


Хром спокойно выполняет, мозила же выдает ошибку, мол функция Init не определена. Приходится все менять местами, и только такую последовательность мазила обрабатывает нормально:

function Init (){
...
}
Init()


Из-за чего такое вообще происходит и есть ли простой способ решения проблемы? (Не меняя порядок определения и вызова функций)
Ответ:
Цитата:
мазила затребует такой вот порядок:
Не затребует. По стандарту объявления функций поднимаются над остальным кодом.
Покажи код (содержание самих функцих не надо).