Javascript.RU

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

Как правильно сделать выполнения из внешнего файла
Доброго Вам!

Есть код который указанн ниже с этого кода надо сделать что бы скрипт выполнялся из внешнего файла как правильно это сделать.

Код:
<link rel="stylesheet" href="http://www.oc1.5demo.ocmodz.co.uk/ebay/template/default/default.css" type="text/css" media="all" />
	<div id="ebay-container">
		<img src="http://www.oc1.5demo.ocmodz.co.uk/image/data/ebay/oc15demo-header.jpg" class="ebay-header" alt="Header Image" />
		<div class="ebay-listing">
			<h1>Canon EOS 5D</h1>
			<h3>15% Off While Stocks Last !</h3>
			<br />
			<div class="ebay-main-image">
				<img src="http://www.oc1.5demo.ocmodz.co.uk/image/data/demo/canon_eos_5d_1.jpg" alt="Product Image - Canon EOS 5D" />
			</div>
			<p>Canon's press material for the EOS 5D states that it 'defines (a) new D-SLR category', while we're not typically too concerned with marketing talk this particular statement is clearly pretty accurate. The EOS 5D is unlike any previous digital SLR in that it combines a full-frame (35 mm sized) high resolution sensor (12.8 megapixels) with a relatively compact body (slightly larger than the EOS 20D, although in your hand it feels noticeably 'chunkier'). The EOS 5D is aimed to slot in between the EOS 20D and the EOS-1D professional digital SLR's, an important difference when compared to the latter is that the EOS 5D doesn't have any environmental seals. While Canon don't specifically refer to the EOS 5D as a 'professional' digital SLR it will have obvious appeal to professionals who want a high quality digital SLR in a body lighter than the EOS-1D. It will also no doubt appeal to current EOS 20D owners (although lets hope they've not bought too many EF-S lenses...) äë</p>

		</div>
		<div class="ebay-listing">
			<div id="ebay-tabs" class="not-mobile">
				<ul>
					<li><a id="ebay-tab-1-tab" class="ebay-active" onclick="ebayTabs('ebay-tab-1')">Shipping</a></li>
					<li><a id="ebay-tab-2-tab" class="" onclick="ebayTabs('ebay-tab-2')">Payment</a></li>
					<li><a id="ebay-tab-3-tab" class="" onclick="ebayTabs('ebay-tab-3')">Returns</a></li>
					<li><a id="ebay-tab-4-tab" class="hidden" onclick="ebayTabs('ebay-tab-4')"></a></li>
					<li><a id="ebay-tab-5-tab" class="hidden" onclick="ebayTabs('ebay-tab-5')"></a></li>
				</ul>
			</div>
			<h2 class="mobile">Shipping</h2>
			<div id="ebay-tab-1">
				<p>Enter your shipping information here.</p>

<p>There are five information tabs to use just as you wish. Simply edit the Tab name and put any relevant information in the description box.</p>

<p>You don"t have to use all five. Simply leave any Tab Name blank and that tab won"t appear on the ebay page.</p>

			</div>
			<h2 class="mobile">Payment</h2>
			<div id="ebay-tab-2" class="hidden">
				<p>Enter your Payment Details Here</p>

			</div>
			<h2 class="mobile">Returns</h2>
			<div id="ebay-tab-3" class="hidden">
				<p>You"ve got it !</p>

<p>Your returns information goes here</p>

			</div>
			<h2 class="mobile"></h2>
			<div id="ebay-tab-4" class="hidden">
				<p>This tab won"t display because there is nothing in the Tab Name box</p>

			</div>
			<h2 class="mobile"></h2>
			<div id="ebay-tab-5" class="hidden">
				
			</div>
		</div>
		<div class="ebay-listing">
			<div class="ebay-footer">
				<p style="text-align: center;font-family:times new roman,times,serif;"><em>Ebay Listing Tool for Opencart by justcurious.</em></p>

			</div>
		</div>
	</div>

	<script>
		function ebayTabs(tab) {

			var tabs = ["ebay-tab-1", "ebay-tab-2", "ebay-tab-3", "ebay-tab-4", "ebay-tab-5"];
			var i;
			for (i = 0; i < tabs.length; ++i) {

				var tabHead = tabs[i] + '-tab';
				var elem = document.getElementById(tabs[i]);
				var th = document.getElementById(tabHead);

				if(tabs[i] == tab) {
//					elem.style.display = 'block';
					removeClass(elem, 'hidden');
					addClass(th, 'ebay-active');
				} else {
//					elem.style.display = 'none';
					addClass(elem, 'hidden');
					removeClass(th, 'ebay-active');
				}
			}
		}

		function addClass(element, classToAdd) {
			var currentClassValue = element.className;

			if (currentClassValue.indexOf(classToAdd) == -1) {
				if ((currentClassValue == null) || (currentClassValue === "")) {
					element.className = classToAdd;
				} else {
					element.className += " " + classToAdd;
				}
			}
		}

		function removeClass(element, classToRemove) {
			var currentClassValue = element.className;

			if (currentClassValue == classToRemove || (currentClassValue == null) || (currentClassValue === "")) {
				element.className = "";
				return;
			}

			var classValues = currentClassValue.split(" ");
			var filteredList = [];

			for (var i = 0 ; i < classValues.length; i++) {
				if (classToRemove != classValues[i]) {
					filteredList.push(classValues[i]);
			}
			}

			element.className = filteredList.join(" ");
		}
	</script>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
Подскажите, как сделать правильно отрисовку без перезагрузки всей страницы yiooxir Angular.js 1 24.12.2013 18:30
Не правильно работает прокрутка, подскажите как сделать правильно? denfer12 Общие вопросы Javascript 0 09.05.2012 00:34
Кодировка внешнего JS файла - проблема в Chrome Freddis Opera, Safari и др. 3 26.07.2011 21:48
Как сделать электронный каталог продукции? natarius Серверные языки и технологии 6 24.05.2009 20:56