Помощник
|
Не могу заставить отображаться строчный блок по очереди на одном и том же месте с |
brian_adams
|
Сообщение
#1
|
||
|
|
||
|
|||
Degradator |
15.11.2016, 14:23;
Ответить: Degradator
Сообщение
#2
|
|
Я бы сказал что все плохо.
Начнем с того, что если ты работаешь с HTML (ты ведь работаешь именно с ним, правда?), то создание собственных тегов типа <usertext id="text_4" data-title= ="вообще другой" > дело не благородное, и всеми осуждаемое. Не делай так. (кстати почему здесь два знака "=" после data-title?) каждый раз обращаться к DOM дереву для получения доступа к эдементу плохо, Хотя, ты обращаешься по ID, так что не думаю что это будет заметно, но в любом случае, это очень плохая практика, не делай так. В стилях у тебя прописаны два одинаковых селектора, это тоже плохо, потому что в одном блоке данные могут перезатирать другие данные. Не делай так. Все свойства твоего скрипта похоже что торчат наружу. Так тоже не делай, примерно 30 лет назад изобрели ООП, или, хотябы, оберни весь твой код в функцию. Короче перепиши все так, чтобы не было очевидных ошибок, исправь мои замечания, потом будем смотреть что получилось. |
|
|
brian_adams
|
Сообщение
#3
|
|
знака "=" я описался и скопировал ошибку ( спасибо я бы не обратил внимание)
"В стилях у тебя прописаны два одинаковых селектора" вы имели в виду var usertext = document.getElementById(current_text).data-title; content: attr(data-title); если да то я просто хочу отобразить в конкретный промежутка времени конкретный текст под конкретным ID, тоесть содержимое data-title для переменной usertext будет равняться разным значением в зависимости от промежутка времени и должно быть отрадено через . <div class="onthetop" usertext id="text_1" data-title="какой-то там текст"........................ |
|
|
brian_adams
|
Сообщение
#4
|
|
а если вы имели в виду
".onthetop { display: inline-block; position: relative; } .onthetop { content: attr(data-title); " тоя просто описывал разные свойства одного стиля ( да я его объеденил но на суть не повлияло- пока не выходит) |
|
|
Degradator |
16.11.2016, 11:15;
Ответить: Degradator
Сообщение
#5
|
|
Как насчет чего-то такого:
[JS] var TextPanel = function(texts){ if(!Array.isArray(texts)) { throw 'Invalid arguments exception, should be string array'; } this.container = document.createElement('div'); this.texts = texts; this.interval = null; this.pointer = 0; } TextPanel.prototype.start = function() { this.stop(); var me = this; this.interval = setInterval(function(){ me.increment(); me.update(); }, 3000) } TextPanel.prototype.increment= function() { this.pointer++; if(this.pointer >= this.texts.length) { this.pointer = 0; } } TextPanel.prototype.update = function() { var text = this.texts[this.pointer]; this.container.innerHTML = text; } TextPanel.prototype.stop = function(){ if(this.interval){ clearInterval(this.interval); } } var textPanel = new TextPanel(['text1', 'text 2', 'text 3']); textPanel.start(); document.body.appendChild(textPanel.container);[/JS] |
|
|
brian_adams
|
Сообщение
#6
|
|
|
Попробую . Спасибо
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
RedBox - все нужные инструменты в одном месте | 0 | fantomofdarkness | 801 | 15.2.2023, 14:50 автор: fantomofdarkness |
|
Affshark - прямой рекламодатель и партнерская сеть в одном лице | 0 | Affshark | 884 | 20.8.2020, 18:09 автор: Affshark |
|
Adobe muse: Не могу разместить нужный мне код сразу после Body | 0 | Evg82 | 3833 | 20.6.2020, 10:24 автор: Evg82 |
|
Как скрыть блок в приложении на Android | 0 | Вито_052 | 1094 | 15.12.2019, 12:37 автор: Вито_052 |
|
Появляющийся блок | 0 | sergei_burg | 2226 | 1.6.2019, 13:39 автор: -sergei1980- |
Текстовая версия | Сейчас: 26.4.2024, 2:15 |