Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Select: как сделать, чтобы выпадающий список находился в родительском контейнере?


HTML5
1
2
3
4
<div>
Hello World
    <p><select  id="hello" name="dsfdsf"><option value="sdfdsf">sdfsdf</option><option value="sdfsdf">sdfdf</option><option value="sdfsdfsdf">sdfsdf</option><option value="ewrewrwe">dfserwfe</option></select></p>
</div>
CSS
1
2
3
4
5
6
div {
    border:1px solid #000000;
    height:60px;
    width:100%;
    overflow: auto;
}
Когда жмем на селект, выпадающий список вылазит поверх родительского блока, как сделать чтобы он находился внутри и при скролле родительского можно было его просматривать ?
Ответ:
Сообщение от Wizlight
как сделать чтобы он находился внутри и при скролле родительского можно было его просматривать ?
Никак. Селект - это системный элемент браузера и на его поведение влиять нельзя. Но если сильно хочется - можно подменить оригинальный селект кастомным построенным на обычных элементах(div, span)
Вопрос: как сделать чтобы скрипт не спотыкался если какой то элемент не находит на странице?

как сделать чтобы скрипт не спотыкался если какой то элемент не находит на странице?
(function foo(i, n, max) {
     var t = setInterval(function() {
        ++i;
document.getElementsByClassName('_si7dy')[i].click();
setTimeout (function q () {document.getElementsByClassName('_8scx2 coreSpriteHeartOpen')[0].click();
setTimeout (function w ()
            {document.getElementsByClassName('_qv64e _gexxb _4tgw8 _njrw0')[0].click();
setTimeout (function e ()
            {document.getElementsByClassName('_dcj9f')[0].click();
        if (max == i) {
          clearInterval(t);
          return;
        }
        if (i % n === 0) {
          clearInterval(t);
          setTimeout(function() {
             foo(i, n, max);

          }, 30000);
        }
     }, 2000);
},2000);
},2000);
},2000);
   })(0, 5, 100);
Ответ:
Сообщение от денис77447327
как сделать чтобы скрипт не спотыкался если какой то элемент не находит на странице?
Это строка 4 вашего кода.
var els=document.getElementsByClassName('_si7dy');
if(i in els) els[i].click();
else console.error('Element not found (index: '+i+')');
Вопрос: Как сделать чтобы c++ демон передавал данные в javascript frond-end?

Как сделать чтобы c++ демон передавал данные в javascript frond-end (чтобы php вообще не было)? Как вообще это делается?
Ответ: ultima2ultima, у nodejs можно писать c++ модули. По идее их можно использовать как "мост", но я не знаю как эти c++ модули соединить с вашим "сервером".
Так же можно использовать потоки stdin и stdout.
Вопрос: Как сделать, чтобы ссылки на папку работали, а сама папка не открывалась

Кто поможет??? У меня написана электронная книга E-book. Всё просто Файл index.html в котором оглавление и ссылки, ведущие на главы. И папка А в которой эти главы находятся. Файл index.html ссылается на папку A. Папку А надо сделать невидимой, но чтобы ссылки на неё работали. Или чтобы эта папка А не открывалась. Были попытки скрыть папку, запаролить, но тогда html ссылки не работают, выдаётся сообщение "Вы не подключены к интернету". Как сделать, чтобы ссылки на папку А работали, а сама папка не открывалась, или была скрыта.
Ответ: Как сделать самораспаковывающийся архив - дело доступное. Программ много. А вот саморасапаковывающийся и запускающий нужный файл - сложнее. Дайте ссылочку на инструкцию.
Вопрос: Как сделать чтобы рядом с width:auto блоком, в одной строке находился другой

В общем, проблема в том, что я тупой (и не только), не могу понять как сделать чтобы в 1 строке располагалась ссылка с шириной Auto, и в той же строке был блок div, содержащий как бы кнопки управления. И чтобы при изменении размеров браузера и др. они всегда были на 1 строке.

Я прикреплю картинку как необходимо.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<ul class="col-md-5">
 <li class="articleCategory">Основы</li>
 <li>
  <a class="admin" href="/Home/Articles?id=8">qweqwekj lksfjkldjfklsjfkljsdkl fjqjkl jqw klejqwkl jeqw      klejqwkljeqkleqweqweasdas</a>
  <div style="float:right">
   <a class="glyphicon glyphicon-chevron-up text-info" data-ajax="true" data-ajax-mode="replace" data- ajax-update="#listOfArticles" href="/Manage/ListOfArticles?id=8&amp;catId=2&amp;goUp=True"></a>
   <a class="glyphicon glyphicon-chevron-down text-info" data-ajax="true" data-ajax-mode="replace" data-ajax-update="#listOfArticles" href="/Manage/ListOfArticles?id=8&amp;catId=2&amp;goUp=False" style="padding-right:20px;"></a>
   <a class="glyphicon glyphicon-pencil text-success" href="/Manage/EditArticle?id=8"></a><a class="glyphicon glyphicon-remove text-danger" data-ajax="true" data-ajax-confirm="Вы действительно хотите удалить данную статью?" data-ajax-mode="replace" data-ajax-update="#listOfArticles" href="/Manage/DeleteArticle?id=8" style="padding-right:20px;"></a>
  </div>
  <div class="articleSummary">
   sfkdjfdklfjklj kljqwklejqklwjeklqjw kljasdkl jklqwqi roiqwueioqwuioe uqiow sdadioasiodaiosduioquwioeuqweq
  </div>
 </li>
 <li>
  <a class="glyphicon glyphicon-plus" href="/Manage/AddArticle" style="color:#3c763d;float:right;"></a>
 </li>
</ul>

CSS
1
2
3
4
5
6
7
8
9
10
11
.articles > ul > li > a.admin {
    border:1px solid black;
    display:inline-block;
}
ul > li > .articleSummary {
    text-align:justify;
    word-wrap: break-word;
    padding-top:3px;
    padding-bottom:15px;
    color:#515862;
}
Буду очень благодарен за вашу помощь!
Ответ:
Сообщение от gen1usqq
Скажите плиз напоследок, почему моя вёрстка настолько убога?
Смотря с чем сравнивать... Если отбросить использование бутстрапа, то проще для всех элементов в li сделать обёртку:
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
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
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>
            <div><a href=""></a></div>
            <div>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
            </div>
        </li>
        <li>
            <div><a href=""></a></div>
            <div>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
            </div>
        </li>
        <li>
            <div><a href=""></a></div>
            <div>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
            </div>
        </li>
        <li>
            <div><a href=""></a></div>
            <div>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
            </div>
        </li>
        <li>
            <div><a href=""></a></div>
            <div>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
            </div>
        </li>
    </ul>
</body>
</html>
Так проще управлять содержимым в теге li, а соответственно и блоками с информацией и вьювером... Классам лучше давать имена строчными буквами, меньше вероятности сделать ошибку при определении стилей... Ну и текст лучше использовать тот, который будет использоваться при вёрстке макета, а не случайные наборы букв...
Вопрос: Как сделать чтобы на экране 320px загружалось 600px

Как сделать чтобы на экране 320px; загружалось 600px;
Фотографии прикрепил. При первой загрузке приходится раздвигать экран, как бы сразу сделать чтобы он загружался на 600 пикселей.
Ответ: Реально помог! Сделал так:
HTML5
1
<meta name="viewport" content="width=600, initial-scale=1.0" />
Добавлено через 19 минут
Убрал еще initial-scale=1.0
HTML5
1
<meta name="viewport" content="width=600" />
Вопрос: Как сделать чтобы иконки не наползали на текст

А как сделать чтобы иконки не НАПОЛЗАЛИ на текст?
Ответ:
Сообщение от Vors
нет бы помочь, а он видишь ли глумится
Так кто глумится? Я Вам предложил два метода без ножа и топора... Почему Вы не хотите ими пользоваться? Приведёте иконки в нормальный вид, как я написал выше - я Вам сделаю пример... Ну а на нет и суда нет... Я же не виноват, что Вы не хотите сделать всё по человечески, потому-что Вам цвет фотошопа не нравится... Уже давно бы сделали красивые, аккуратные, контрастные иконки(выложили архивом) и любовались на красивую страничку контактов, с не менее красивым кодом... А приделывать ходули к костылям увы не моя стихия... А на открытие сайта всё равно позовите - интересно же, что у Вас получится... Как никак весь форум HTML уже приложился к Вашему коду...
Вопрос: Как сделать чтобы изображения на сайте в новостях отображались одинакового размера в ленте

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


И еще плагин чтобы при нажатии на картинку оно открывалось в окне в увеличенном виде
ВЕРСИЯ JOOMLA 2.5.8
Ответ: Вариант 1. Вручную изменяйте размер картинок ДО загрузки на сайт и вставки в статью.
Вариант 2. В коде статьи укажите нужный размер для картинки: <img src="http://www.cyberforum.ru/joomla/..." width="200" height="150" />
Вариант 3. Поставьте какую-нибудь галерею изображений, грузите картинки для новостей в неё, а из неё вставляйте в статьи. Галерея будет приводить Ваши картинки к должному виду. Я рекомендую JoomGallery. Куча настроек, но если сделаешь под себя один раз - не подведёт. И даст просмотр в Slimbox, как Вы хотите. Но в этом случае не факт, что при репосте Вашу картинку подхватит фейсбук или твиттер.

Писать текст на картинках лучше не надо. Текст не индексируется; если картинка масштабируется, то текст становится не читабельным.
Вопрос: Как сделать чтобы не сбрасывался таймер после перезагрузки страницы?

Изначальный таймер. Всё работает как надо! Как сделать чтобы не сбрасывался таймер после обновления страницы?


<html>
<head>
<style>
.st{background-color:blue;
color:white;}
.sp{background-color:red;
color:white;}
</style>
</head>
<body>

<table border="0" cellpadding="0" cellspacing="0" bordercolor="#00000">
<tr><td><div class="st" id="tm">00:00:00</div></td></tr>
<input type="button" value="mail" onclick="startTimer('tm');Sl();" >




<script>      

var Timer = function(element, hours, minutes, sec){
var me = this;
this.hours = hours;
this.minutes = minutes;
this.sec = sec;
this.element = element;
this.interval = null;


this.reduce = function() {
if(me.hours + me.minutes + me.sec <= 0) {
me.stop();
return;
}
me.sec-=1;
if(me.sec<0) me.sec=59,me.minutes-=1;
if(me.minutes<0) me.minutes=59,me.hours-=1;
if(me.hours<0) me.hours=23;
me.sec = me.sec+"";
me.minutes = me.minutes+"";
me.hours = me.hours+"";
if (me.sec.length<2) me.sec = "0"+me.sec;
if (me.minutes.length<2) me.minutes = "0"+me.minutes;
if (me.hours.length<2) me.hours = "0"+me.hours;
me.element.innerHTML=me.hours+":"+me.minutes+":"+me.sec;
}

this.start = function(){
me.interval = setInterval(me.reduce, 1000);
me.element.className="sp"
}
this.stop = function(){
clearInterval(me.interval);
me.element.className="st"
}

}
function Sl()
{window.open('https://mail.ru/','_blank');}
function startTimer(obgId) {
var timer = new Timer(document.getElementById(obgId), 10, 01, 10);
timer.start();
}
</script>

</body>
</html>



Немного модифицированный но не могу запустить где-то допущена ошибка. Вроде как должен не сбрасываться после перезагрузки.

<html>
<head>
<meta charset = "utf-8">
<title>111</title>

<style>
.st{background-color:blue;
color:white;}
.sp{background-color:red;
color:white;}
</style>
</head>
<body>

<table border="0" cellpadding="0" cellspacing="0" bordercolor="#00000">
<tr><td><div class="st" id="tm"></div></td></tr>
<input type="button" value="mail" onclick="startTimer('tm');Sl()" >


<script>

var hr = "00";
var ms = "00";
var sc = "17";

var hours = hr;
var minutes = ms;
var sec = sc;

var Timer = function(element, hours, minutes, sec){
var me = this;
this.hours = hours;
this.minutes = minutes;
this.sec = sec;
this.element = element;
this.interval = null;


this.reduce = function() {
if(me.hours + me.minutes + me.sec <= 0) {
me.stop();
return;
}
me.sec-=1;
if(me.sec<0) me.sec=59,me.minutes-=1;
if(me.minutes<0) me.minutes=59,me.hours-=1;
if(me.hours<0) me.hours=23;

localStorage.setItem('hours5', me.hours);
localStorage.setItem('minutes5', me.minutes);
localStorage.setItem('sec5', me.sec);

me.sec = me.sec+"";
me.minutes = me.minutes+"";
me.hours = me.hours+"";
if (me.sec.length<2) me.sec = "0"+me.sec;
if (me.minutes.length<2) me.minutes = "0"+me.minutes;
if (me.hours.length<2) me.hours = "0"+me.hours;
me.element.innerHTML=me.hours+":"+me.minutes+":"+me.sec;
}

this.start = function(){
me.interval = setInterval(me.reduce, 1000);
me.element.className="sp"
}
this.stop = function(){
clearInterval(me.interval);
me.element.className="st"
}
}
function Sl()
{window.open('https://mail.ru/','_blank');}

function startTimer(obgId) {
/* if(localStorage.getItem('sec5') > 0)
{return;};*/

if (localStorage.getItem('sec5') != NaN && localStorage.getItem('sec5') ==0) {
hours = hr;
minutes = ms;
sec = sc;

localStorage.setItem('hours5', hr);
localStorage.setItem('minutes5', ms);
localStorage.setItem('sec5', sc);

document.getElementById('tm').innerHTML = hours+":"+minutes+":"+sec;
};

var timer = new Timer(document.getElementById(obgId), hours, minutes, sec);
timer.start();
}
</script>


<script>

if (localStorage.getItem('sec5') != NaN && localStorage.getItem('sec5') !=0) {
var hours = localStorage.getItem('hours5');
var minutes = localStorage.getItem('minutes5');
var sec = localStorage.getItem('sec5');
sec = sec+"";
if (sec.length<2) sec = "0"+sec;
}
document.getElementById('tm').innerHTML = hours+":"+minutes+":"+sec;
</script>

</body>
</html>
Ответ:
Ну ты норм продвинулся, я думал что у тебя ничего не выйдет. Ты все почти правильно сделал, единственное но - ты не запоминаешь текущий момент времени. Для этого я использую

var timestamp = new Date().getTime();

Тоесть, тебе надо

localStorage.setItem('timestamp5', new Date().getTime());

и при инициализации скрипта

var h =
var m =
var s =
var oldTimestamp = localStorage.getItem('timestamp5');
var currentTimestamp = new Date().getTime();
var shift = (h*3600 + m*60 + s) * 1000;
if(oldTimestamp + shift > currentTimestamp()){
//перерассчитать значения для часов, минут и секунд
} else {
//сделать что-то когда таймер истек
}
Вопрос: Как сделать чтобы плагин создавал возможность добавить страницу, которая использует шаблон из плагина , в меню

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

Добавлено через 1 минуту
Вот сюда добавить и чтобы после добавления в меню работала страница по шаблону, который я сделаю. А все это должно добавляться через плагин. Просто никак в wordpress codex найти не могу, а нужно по зарез!

Комментарий администратора TaatshiЗагружайте изображения и файлы на форум и прикрепляйте к сообщению.