ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как защитить стили своих элементов от внешнего влияния?
19 сообщений из 19, страница 1 из 1
Как защитить стили своих элементов от внешнего влияния?
    #38119888
Дебагер
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Дебагер
Гость
Здравствуйте

Пишу плагин. Хочу, чтобы люди могли внедрять его на свои сайты, просто подключив мой файл javascript.
Человек подключает мой файл javascript, который в свою очередь создает и внедряет на страницу dom elements, и подключает файл стилей для этих элементов.

Проблема в том, что стили, применяемые на странице, могут влиять и на мои элементы.
Есть ли возможность избежать этого без использования iframe?
...
Рейтинг: 0 / 0
22.01.2013, 15:57
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38119941
пробегалло
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
пробегалло
Гость
Код: css
1.
2.
3.
.my-plugin-name-style1{}

.my-plugin-name .style1{}

свой хитрый класс или запихивай усё в div с классом my-plugin-name
...
Рейтинг: 0 / 0
22.01.2013, 16:27
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120084
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Нужно прописать дефолтные значения всем свойствам всех элементов. Существуют готовые css reset , один из которых нужно будет взять и допилить так, чтобы дефолты присваивались лишь внутри определенного элемента.
...
Рейтинг: 0 / 0
22.01.2013, 17:28
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120088
Дебагер
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Дебагер
Гость
пробегалло
Код: css
1.
2.
3.
.my-plugin-name-style1{}

.my-plugin-name .style1{}

свой хитрый класс или запихивай усё в div с классом my-plugin-name

и как мне это поможет при label {text-shadow:2px 2px #FF0000;} на странице?

прописывать для всех своих элементов все возможные стили? :)
вы знаете сколько это получится :) ?
...
Рейтинг: 0 / 0
22.01.2013, 17:30
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120094
Дебагер
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Дебагер
Гость
Antonariyдопилить так, чтобы дефолты присваивались лишь внутри определенного элемента.

не понял
как насчет того что я спросил у предыдущего человека?
...
Рейтинг: 0 / 0
22.01.2013, 17:32
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120102
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
ДебагерAntonariyдопилить так, чтобы дефолты присваивались лишь внутри определенного элемента.

не понял
как насчет того что я спросил у предыдущего человека?Две трети работы, о которой вы подумали, уже кем-то сделаны. Ваше желание не очень-то оригинально.
...
Рейтинг: 0 / 0
22.01.2013, 17:38
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120112
Дебагер
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Дебагер
Гость
AntonariyДебагерпропущено...


не понял
как насчет того что я спросил у предыдущего человека?Две трети работы, о которой вы подумали, уже кем-то сделаны. Ваше желание не очень-то оригинально.

не понял ваш ответ
вот только одна инструкция для h1
h1{
background-image: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);
background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);
background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);
background-image: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #00A3EF 100%);
}
которая находится в css страницы
вы представляете сколько инструкций надо прописать, чтобы блокировать подобгые возможности?

можете дать более понятный ответ - если он у вас есть?
...
Рейтинг: 0 / 0
22.01.2013, 17:42
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120139
Дебагер
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Дебагер
Гость
В общем, после исследования темы:
Единственный разумный вариант, если хочешь иметь полный контроль над собственными стилями - это iframe
чего не хотелось

Спасибо всем
...
Рейтинг: 0 / 0
22.01.2013, 17:50
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120389
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
ДебагерAntonariyпропущено...
Две трети работы, о которой вы подумали, уже кем-то сделаны. Ваше желание не очень-то оригинально.

не понял ваш ответ
вот только одна инструкция для h1
h1{
background-image: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);
background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);
background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);
background-image: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #00A3EF 100%);
}
которая находится в css страницы
вы представляете сколько инструкций надо прописать, чтобы блокировать подобгые возможности?Всего одну:

Код: css
1.
.yourClass h1 {background-image:none}

Очень хорошо представляю, а как же. И повторюсь: кто-то уже написал за вас h1 {background-image:none}. Осталось найти.
...
Рейтинг: 0 / 0
22.01.2013, 20:10
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120441
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Дебагер...Есть ли возможность избежать этого...
!important. Наверное есть, но Вам не скажу.
...
Рейтинг: 0 / 0
22.01.2013, 20:58
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120474
Дебагер
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Дебагер
Гость
ShSergeДебагер...Есть ли возможность избежать этого...
!important. Наверное есть, но Вам не скажу.

не тупите пожалуйста
прописать !important всем возможным свойствам всевозможных элементов для всех возможных браузеров?
вы вопрос прочитайте внимательно
...
Рейтинг: 0 / 0
22.01.2013, 21:48
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120479
Дебагер
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Дебагер
Гость
Antonariyкто-то уже написал за вас h1 {background-image:none}. Осталось найти.


проходить по всем css rules в рантайме?
а заодно задать на случай если найдется что-то - стиль для рисета для каждой роли?
это что-ли вы предлагаете?
...
Рейтинг: 0 / 0
22.01.2013, 21:51
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120519
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
А кстати этот css можно просто сгенерировать.
...
Рейтинг: 0 / 0
22.01.2013, 22:23
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120529
Дебагер
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Дебагер
Гость
AntonariyА кстати этот css можно просто сгенерировать.
я думал об этом решении
но какое количество правил рисета надо предусмотреть для работы?
сами понимаете, для background - "none" подходит, а вот для display - уже не очень
поэтому - не вариант

но все равно спасибо
...
Рейтинг: 0 / 0
22.01.2013, 22:39
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120543
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Дебагерне тупите пожалуйста
Продолжай в том же духе...
Ты все равно не решишь свою проблему на 100%.
...
Рейтинг: 0 / 0
22.01.2013, 23:03
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120553
Дебагер
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Дебагер
Гость
krvsaДебагерне тупите пожалуйста
Продолжай в том же духе...
Ты все равно не решишь свою проблему на 100%.

я ее решил давно - через iframe
думал, может что-то упустил
но видно нет

как мне продолжать - я уже сам решу
уж точно не ответами не в попад, когда сказать нечего
...
Рейтинг: 0 / 0
22.01.2013, 23:17
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38120727
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Дебагеркак мне продолжать - я уже сам решу
уж точно не ответами не в попад, когда сказать нечего
Все нормально, двигайся прямо! (с)
...
Рейтинг: 0 / 0
23.01.2013, 08:51
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38121910
stopkran
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
stopkran
Гость
Дебагер,

мне кажется, исходная задача неверна (потому и решение чрезмерно сложное). Я бы шёл от обратного - переопределять те свойства, которые для моих элементов критичны, не пытаться охватить всё. Например, видимый border у tableCell может создать настоящую кашу, поэтому обязательно пишем что-то вроде .myClass * {border:none;}.

А background-image... Ну, будет там у h1 какой-то фон, который у всех других h1 на странице, так и пускай его. Хотя я бы вообще не стал использовать h1 в надстройке . Это, кстати, вторая часть стратегии - стараться использовать редкие элементы (например, s вместо span ), я так обычно в своей CMS делаю.
...
Рейтинг: 0 / 0
23.01.2013, 17:15
| Ответить | Цитировать | Написать  
Как защитить стили своих элементов от внешнего влияния?
    #38122351
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
stopkranвторая часть стратегии - стараться использовать редкие элементы (например, s вместо span ), я так обычно в своей CMS делаю.
И не повторять каждый тег более одного раза!
...
Рейтинг: 0 / 0
23.01.2013, 22:38
| Ответить | Цитировать | Написать  
19 сообщений из 19, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как защитить стили своих элементов от внешнего влияния?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38122351&tid=1448823]:
 0ms
get settings:
 8ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 162ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 57ms
get tp. blocked users:
 1ms
others: 207ms
total:  463ms
созд. / загр.: 463ms
x
x
Закрыть


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