Javascript: Как добавить верхнюю строку в короткий URL-адрес?

Question

Я пытался понять, как можно разработать сокращающий URL-адрес в стиле bit.ly, который также добавляет панель на сайт.

Например: http://om.ly/BSdZu

В Твиттере есть группа, которая делится всеми своими URL-адресами, начиная с «om.ly», и у них есть верхняя строка в каждом из URL-адресов, которыми они делятся.

Как это сделать? Я представляю, с JavaScript, но как? Кроме того, есть ли какой-либо сервис, который вы знаете, который делает это, чтобы я мог понять, как?

Answer 1

вы можете сделать это с помощью

 position: fixed;

см. этот пример

Answer 2

Вы можете сделать это двумя способами (по крайней мере):

• через наборы фреймов - не рекомендуется, так как это старый стиль;но вы можете установить верхний фрейм для отображения панели инструментов, а нижний фрейм установить URL-адрес страницы
• через фреймы - ваш URL-адрес загружает страницу с вашего сайта, которая показывает фреймам: верхний - вашпанель инструментов, и вы отображаете в ней все, что вы хотите, а нижний вы устанавливаете URL-адрес на длинный URL-адрес.Вот как это делают bit.ly, linkedin и многие другие.

Answer 3

Существует много разных методов, но я бы предпочел сделать поле DIV и указать ему плавающее: пример кода здесь

EDIT

Вот основной код, который вам нужен:

    <div id="fixeddiv" style="position:absolute;width:200px;height:50px;right:10px;top:10px;padding:16px;background:#FFFFFF;border:2px solid #2266AA">  
    This is a (Javascript/CSS) Fixed menu.  
    </div>