В начале сотрудничества студий с изготовителями шаблонов и готовых сборок, всегда возникает техническая заковырка - как быстро поднять личный демо сайт студии или воспользоваться демками изготовителя, но притом каким-то образом обрезать там все ссылки на сайт изготовителя. Чтобы клиент студии всегда оставался на студийной "территории", а сайт изготовителя не обратился бы невольно в конкурента. Опишем несколько путей решения обозначенной трудности.

Физическая копия демо сайта

Это когда мы заводим свой сервер, устанавливаем на него движок, и один за другим устанавливаем демонстрационные шаблоны и сборки. Скажем так, процесс длительный, утомительный в силу концентрации внимания на исправлении демо баз и макетов страничек под себя.

Но при таком подходе мы точно уверены, наш демо сайт будет содержать только те ссылки. Из недостатков следует отметить необходимость ручной синхронизации обновлений.

Демо сайт на фрейме

Это когда мы показываем демо сайт через незаметное "окошко" на своей страничке. Будто накрыли чужой сайт своим фантиком, и всё выглядит так, словно это на нашем сайте находится столько демок. При данном подходе собственный демо сайт запускается хоть за минуту, отсутствует проблема синхронизации обновлений. А недостаток в том, что если визитёр откроет внутрифреймовую ссылку в новом окне, реальный сайт выскочит из-под нашей обёртки.

Тем не менее, такой способ используется в знаменитых супермаркетах шаблонов, поэтому опишем его подробнее и дадим простейшую реализацию.

Смотрите вот этот живой пример.

var pattern = 'a[href^="http://]',
    valid = 'http://demo.imperacms.com/',
    landing = 'http://ваш.сайт/hello',
    url, i;

var items = frameDoc.querySelectorAll(pattern);
for (i = 0; i < items.length; i++) {
    url = items[i].getAttribute('href');
    if (url.indexOf(valid) !== 0) {
        items[i].setAttribute('href', landing);
    }
}

Надеемся вам тоже понравится такой способ постановки демо сайта, и предложенный выше файлик с простенькой реализацией окажется полезным началом большого сотрудничества. Ведь Импера заметна в среде веб-разработок не только производством новых методик, а также высоким качеством изготовляемых собственно или курируемых ею изделий других изготовителей, но и очень выгодными партнёрскими предложениями.

Даже главная есть) Спасибо.

Теперь минусы. Надо было fixDemo написать базовый, хоть под комментарий. Не понятно же frameDoc откуда взялся.

Тег section. Вы предлагаете удалить. ????? Главная ведь, там список шаблонов. Вот боковой aside это под нож.

И недостаток html файла. Список на главной руками надо писать. Автоматизировать можно?

Разработчик написал: пока мы не внесём домен вашего сайта в CROSS DOMAIN POLICY

Так могли в http://demo.imperacms.com/.htaccess разрешить get-запросы к вам с любого источника без проверки полномочий. Вот

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
    Header set Access-Control-Allow-Methods "GET"
    Header set Access-Control-Allow-Credentials "false"
</IfModule>

если сервак не apache, просто

Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "GET"
Header set Access-Control-Allow-Credentials "false"

Анатолий написал: Не понятно же frameDoc откуда взялся

Смотрите строку 2.

function fixDemo ( frm ) {
    var frameDoc = frm.contentWindow.document,
        items = frameDoc.querySelectorAll('a[href^="http://]'),
        url;
    for (var i = 0; i < items.length; i++) {
        url = items[i].getAttribute('href');
        if (url.indexOf('http://demo.imperacms.com/') !== 0) {
            items[i].setAttribute('href', 'http://ваш.сайт/hello');
        }
    }
}

Только не сработает это. Механизм Same-Origin предотвращает доступ к свойствам ифрейм окна, если его url имеет иной протокол, хост или порт. Ведь документ http://pupkin.site/demo.html ифреймит http://demo.imperacms.com/ - другой хост.

Исключение когда домен imperacms.com предоставит вам домен 3-го уровня для вашего html. Что-то такое получится http://pupkin.imperacms.com/demo.html и притом в инциализации скрипта html обязательно должны заявить, что приравниваете свой документ тому же origin, что родитель demo.imperacms.com.

function init () {
    document.domain = 'imperacms.com';
    ...
}

Спасибо за плодотворное обсуждение. Я обновил html-файл. В коде скрипта появилась переменная ajaxModeOn, по умолчанию установлена чтобы работало как сейчас - показ демок без динамического изменения их контента. Если установить равным true, будет производить изменение согласно логике функции fixDemo (она тоже слегка изменилась).