Jump to content
  • 0

Как изолировать JS?


fedotxxl
 Share

Question

Привет,

недавно переквалифицировался в веб-программисты. Знаний мало, запросы большие...

Сейчас делаю плагин к Chrome. Интерфейс не стандартный, а виде бара сверху экрана (как на stackoverflow.com). Бар реализуется вставкой html кода в код страницы. При таком подходе у меня возникает ряд проблем:

1. Для реализации мне требуется ряд библиотек JS. Как их изолировать от библиотек основной страницы?

2. Как сделать так, чтобы css сайта не влиял на мой бар?

3. Как сделать так (если возможно), чтобы JS сайта не видел мой бар?

4. Какой тип верстки (табличную или блочную) мне лучше использовать для реализации моего бара?

Edited by fedotxxl
Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

Привет,

недавно переквалифицировался в веб-программисты. Знаний мало, запросы большие...

Сейчас делаю плагин к Chrome. Интерфейс не стандартный, а виде бара сверху экрана (как на stackoverflow.com). Бар реализуется вставкой html кода в код страницы. При таком подходе у меня возникает ряд проблем:

1. Для реализации мне требуется ряд библиотек JS. Как их изолировать от библиотек основной страницы?

2. Как сделать так, чтобы css сайта не влиял на мой бар?

3. Как сделать так (если возможно), чтобы JS сайта не видел мой бар?

4. Какой тип верстки (табличную или блочную) мне лучше использовать для реализации моего бара?

Эти вопросы лучше задавать разработчикам Хрома.

Link to comment
Share on other sites

  • 0

sigma77

Возможно... не подскажете, какие могут возникнуть проблемы с iphrame?

Например, что будет если размер содержимого iphrame изменится (по высоте)? Или пользователь изменит разрешение экрана / ширину окна браузера? Возможно другие проблемы?

Link to comment
Share on other sites

  • 0

1. Обычно библиотеки не стремятся засорять глобальное пространство имен. JQuery, например вводит всего один объект $ и его синоним JQuery, а плагины JQuery вставляют свою функциональность уже в $. Так что коллизии очень маловероятны.

2. Оберни свой бар в div, и задай этому div уникальный id, например <div id=my_bar>. Потом сбрось все стили таким образом #my_bar *{}. В фигурных скобках пропиши стили поумолчанию. Что бы знать, что именно там писать, погугли тему: сброс CSS. Дальше, перед каждым стилем бара ставь #my_bar .

3. Оберни весь код бара в тело функции.

4. Это ваще не регламентируется ни какими критериями. Делай, как тебе будет удобнее

Link to comment
Share on other sites

  • 0

у кого то мания ставить минусеги мне ? или я реально самый косячный в этой теме и на самом форуме? :devil:

Так это... Не надо писать не по делу. Пишите по делу — будет вам куча плюсов.

Link to comment
Share on other sites

  • 0

у кого то мания ставить минусеги мне ? или я реально самый косячный в этой теме и на самом форуме? :devil:

Так это... Не надо писать не по делу. Пишите по делу — будет вам куча плюсов.

да ладно вам ересь нести, могу привести пример, где мне за мой первый пост в моей же теме поставили минусег. тоесть, мне нельзя было спрашивать ? :)

а тут я кстати написал по делу, разве не понятно, почему человек написал iphrame ? вместо iframe ? да потому, что он полный 0 в скриптах, там прочёл, что пишут другие и написал по анологии с telephone :facepalmxd:

я тонко намекнул, спросившему: "что такое iphrame"

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy