Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.04.2012, 11:19
Новичок на форуме
Отправить личное сообщение для zLobster Посмотреть профиль Найти все сообщения от zLobster
 
Регистрация: 20.04.2012
Сообщений: 1

Не получается интегрировать скрипт с подгрузкой контента в cms
Значит, есть один сайт на HostCMS. Дабы не рекламировать - пока не пишу. Нужно - скину.
Была задача: организовать при нажатии на ссылку выпрыгивающий div с информацией, получаемой из текстовика/html-ки. Скрипт написал, но запихнуть его на страницы cms не выходит.

Содержание кода:

popScript.js:
window.globalHello="hello world";
function createGlobalVar(var_name, value) {
	window[var_name]=value;							// Короче, создаем тут из локальной функции глобальную переменную
}
$(document).ready(function(){              			// по окончанию загрузки страницы
	$('#load1').click(function(){      				// вешаем на клик по элементу с id
		var div = document.createElement("div");	// создание дива
		div.id = "content";							// с айдишником контент
		div.style.position = "absolute";
		document.body.appendChild(div);				// аппендим див
        $('#content').load(pgNm); 					// грузим контент из файла html
		$('#content').removeClass();				// на всякий случай чистим класс
		$('#content').addClass('grc');				// добавляем скругление и синеву
    })
});



popStyle.css:
.grc {									/* Начало особой, уличной магии */
 	padding: 5px 15px;
	position: absolute;
 	width: 700px;
	height: 500px;
}
 .grc .e{display:block; position: relative;}
 
 .grc .e *{
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 2;
	font-size: 0px;
	background-color: #9cb4e0;
}
 .grc b.e b, .grc b.e i, .grc b.e u, .grc b.e s, .grc b.e span, .grc b.e strong {height: 1px !important; background: #9cb4e0;}
 .grc b.e b, .grc b.e i, .grc b.e s {border-left:1px solid #f1f4f9; border-right:1px solid #f1f4f9;}
 .grc b.e u, .grc b.e b strong, .grc b.e i strong, .grc b.e span {border-left:1px solid #9eb4d3; border-right:1px solid #9eb4d3;}
 .grc b.e b{margin: 0 3px;}
 .grc b.e i{margin: 0 1px;}
 .grc b.e u{margin: 0 1px;}
 .grc b.e s{margin: 0;}
 .grc b.e b strong, .grc b.e i strong {margin: 0;}
 .grc b.e span{margin: 0;}
 .grc div{background: #1d5198; padding: 0 10px; color: white;}  /* Конец особой, уличной магии */
 

 
 td {
    scrollbar-3dlight-color:#1d5198; /* Задание цвета верхней и левой границ полосы прокрутки, стрелок и бегунка */
    scrollbar-arrow-color:#fff; /* Задание цвета стрелок */
    scrollbar-base-color:#9cb4e0; /* Задание основного цвета полос */
	scrollbar-highlight-color:#9cb4e0;
	scrollbar-shadow-color: #9cb4e0;
    scrollbar-darkshadow-color:#1d5198; /* Задание цвета тени от стрелок и бегунка */
    scrollbar-face-color:#9cb4e0; /* Задание цвета центральной части бегунка и полос прокрутки */
    scrollbar-track-color:#1d5198; /* Задание цвета свободного места полос прокрутки */
}



nvd24.html (оно грузится в div и убивает этот div по нажатию ссылки)

<script type="text/javascript">
function dell(){
 	document.body.removeChild(document.getElementById("content"));
}
</script>
<!-- это была функция удаления дива с контентом -->
	<b class='e'><b><strong></strong></b><i><strong></strong></i><u></u><s></s><span></span></b>
	<div style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;">
    <!-- Не забываем задавать размер шрифта -->
      <table width="100%" height="450" border="0" style="table-layout:fixed;">
        <tr>
          <td width="71%"><div align="center">
            <h2>ДИЗЕЛЬ SKL NVD-24</h2>
          </div></td>
          <td width="30%"><div align="right"><a href="#" onclick="dell()"><img border="0" src="close_btn.png" alt="ЗАКРЫТЬ" width="170" height="42"></a></div></td>
        </tr>
        <tr>
          <td colspan="2"><div style="overflow: auto; height: 400px;">
          <p><strong>Основной каталог запчастей &quot;КАТАЛОГ ЗАПАСНЫХ ЧАСТЕЙ ДВИГАТЕЛЕЙ типа NVD-24, 80, 100 и 150 л.с.&quot;. В него входят самые популярные позиции, которые мы рады Вам предложить в короткий срок и за разумные цены: </strong></p>
            <ol>
              <li>Блок цилиндров 05001</li>
              <li> Болт шатуна 08011</li>
              <li> Вал коленчатый 03001</li>
              <li> Вал распределительный 21001</li>
              <li> Втулка  13006</li>
              <li> Втулка  21019</li>
              <li> Втулка направляющая клапана  11003</li>
              <li> Втулка поршневого пальца  08003</li>
              <li> Втулка цилиндровая  06001</li>
              <li> Головка цилиндров 10901</li>
              <li> Клапан впускной 11901</li>
              <li> Клапан выпускной   11902</li>
              <li> Клапан зарядный 15901</li>
              <li> Клапан предохранительный  13901</li>
              <li> Клапан пусковой  12901</li>
              <li> Кольцо маслоотражательное  07010</li>
              <li> Кольцо маслоотражательное с прорезью  07011</li>
              <li> Кольцо поршневое d=175 mm  07008</li>
              <li> Кольцо поршневое  18027</li>
              <li> Крышка головки цилиндров 10014</li>
              <li> Насос охлажд. воды в сборе  37951</li>
              <li> Насос пресной воды </li>
              <li> Насос для смазочного масла в сборе  36901</li>
              <li> Насос топливный в сборе  53/25901</li>
              <li> Палец поршня  07006</li>
              <li> Пара плунжерная  53/25006</li>
              <li> Подшипник коренной  02001</li>
              <li> Подшипник упорный 02003 02003</li>
              <li> Поршень в сборе  07901</li>
              <li> Распылитель S1A 625-130</li>
              <li> Распылитель 6х0,25х130</li>
              <li> Сопло форсунки  14010</li>
              <li> Трубопровод всасывающий  41002</li>
              <li> Трубопровод нагнетательный к двигателю 41003</li>
              <li> Фильтр для смазочного масла 40904</li>
              <li> Фильтр морской воды  63901</li>
              <li> Форсунка в сборе 53/14901</li>
            </ol>
           
          <p>Запчасти невошедшие в основной перечень мы готовы предоставить по Вашей заявке. Свяжитесь с нами по нашим контактным телефонам. <a href="http://interplus.spb.ru/contacts/" style="color:#FFFFFF"><b>Контакты</b><br><br></a></p></div></td>
        </tr>
      </table>
    </div>
	<b class='e'><span></span><s></s><u></u><i><strong></strong></i><b><strong></strong></b></b>


Вызов скрипта осуществляется ссылой вида:
<a id="load1" onclick="createGlobalVar('pgNm', '/nvd24.html')" href="#">NVD24</a>

Иными словами, мы тут делаем вот что:
1) путем присвоения id ссылкам мы определяем, что при нажатии на любую из них будет создаваться один и тот же div (много дивлв с одним id не создастся -создаваемый див закроет собой все ссылки, и добраться до них можно только нажав на диве "закрыть", тем самым убив его нафиг)
2) а вот уже через ф-ю createGlobalVar мы указываем функции что конкретно для этой ссылки будет в нем отображаться. В данном случае, там будет содержимое nvd24.html
Надеюсь, понятно =))

Скрипт полностью рабочий - тестировал на домашнем тестовом веб-сервере. Единственное - там не цмс, а просто страницы на html, но там всё работает на ура.
Значит, все затыки с хостцмс идут на этапе подгрузки div. Никак не пойму куда в хостцмс кидать его содержимое (nvd24.html).
1) библиотека jqueryб popScript.js и popStyle.js лежат в /hostcmsfiles и линкуются в основной макет страницы.
2) при запуске путём подсовывания alert'ов было выяснено, что скрипт не видит nvd24.html
Я пихал этот файл в корень директории сайта, в /hostcmsfiles, в /scripts и в /documents. Сейчас попробую еще кинуть в папку с основными макетами, но думаю, что не получится.

Что делать?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
скрипт смены контента на странице bolton Элементы интерфейса 1 25.01.2012 02:58
Скрипт отслеживающий подгрузку контента на страницу. psqs Events/DOM/Window 2 23.01.2012 21:29
Скрипт замены контента Spamol Общие вопросы Javascript 1 13.10.2011 01:01
Скрипт Universal Subtitles - как интегрировать с блогом... rustamaha Общие вопросы Javascript 1 08.10.2011 00:41
Новая система управления сайтом Scripto CMS deepslam Ваши сайты и скрипты 38 31.01.2011 14:55