Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как защитить стили своих элементов от внешнего влияния? / 19 сообщений из 19, страница 1 из 1
22.01.2013, 15:57
    #38119888
Дебагер
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как защитить стили своих элементов от внешнего влияния?
Здравствуйте

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

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

.my-plugin-name .style1{}

свой хитрый класс или запихивай усё в div с классом my-plugin-name
...
Рейтинг: 0 / 0
22.01.2013, 17:28
    #38120084
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как защитить стили своих элементов от внешнего влияния?
Нужно прописать дефолтные значения всем свойствам всех элементов. Существуют готовые css reset , один из которых нужно будет взять и допилить так, чтобы дефолты присваивались лишь внутри определенного элемента.
...
Рейтинг: 0 / 0
22.01.2013, 17:30
    #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:32
    #38120094
Дебагер
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как защитить стили своих элементов от внешнего влияния?
Antonariyдопилить так, чтобы дефолты присваивались лишь внутри определенного элемента.

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

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

Спасибо всем
...
Рейтинг: 0 / 0
22.01.2013, 20:10
    #38120389
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:58
    #38120441
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как защитить стили своих элементов от внешнего влияния?
Дебагер...Есть ли возможность избежать этого...
!important. Наверное есть, но Вам не скажу.
...
Рейтинг: 0 / 0
22.01.2013, 21:48
    #38120474
Дебагер
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как защитить стили своих элементов от внешнего влияния?
ShSergeДебагер...Есть ли возможность избежать этого...
!important. Наверное есть, но Вам не скажу.

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


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

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

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

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

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

А background-image... Ну, будет там у h1 какой-то фон, который у всех других h1 на странице, так и пускай его. Хотя я бы вообще не стал использовать h1 в надстройке . Это, кстати, вторая часть стратегии - стараться использовать редкие элементы (например, s вместо span ), я так обычно в своей CMS делаю.
...
Рейтинг: 0 / 0
23.01.2013, 22:38
    #38122351
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как защитить стили своих элементов от внешнего влияния?
stopkranвторая часть стратегии - стараться использовать редкие элементы (например, s вместо span ), я так обычно в своей CMS делаю.
И не повторять каждый тег более одного раза!
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как защитить стили своих элементов от внешнего влияния? / 19 сообщений из 19, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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