Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Открытие html-файла в главном окне сайта (https://javascript.ru/forum/dom-window/74224-otkrytie-html-fajjla-v-glavnom-okne-sajjta.html)

Avumir 23.06.2018 10:14

Открытие html-файла в главном окне сайта
 
Просмотрел весь форум интерфейса и не смог найти ответ. Извините за, наверное, простой вопрос, но уже мучаюсь месяц (из двух, что изучаю программирование) и не могу найти ответ, думаю, на очень простой вопрос. Создал первый сайт на HTML и CSS: все работает, за исключением ссылок: не хотят файлы, содержащиеся в папке images открываться на главной странице ("center") с помощью html-якорей. Вот код html:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Еколайф</title>
<style>
@import url("style.css/href.css");
</style>
</head>
<body>
<div class="container">
<a href="images1/main-1.html">Головна</a>
<a href="images1/price-2018-OK-850-2.html#price">Прайс</a>
<a href="images1/europe.html">Контакти</a>
</div>
<div class="img">
<img src='images-Ecolife/sunflower4-int-1.jpg' id="image_1" style="position: absolute;" />
</div>
<div id="content">
<div class="parent">
<div class="child" title="Зернові"><a href="images1/Ecograin-2.html">Екогрейн</a></div>
<div class="child" title="Бобові"><a href="images1/Ecozorf-OK-A-2-5.html#parent">Екозорф</a></div>
<div class="child" title="Бульбочкові бактерії"><a href="images1/Inoculant.html">Інокулянт</a></div>
<div class="child" title="Ріпак"><a href="images1/Ecocrus.html">Екокрус</a></div>
<div class="child" title="Гречка"><a href="images1/Ecobuckwheat.html">Екобаквіт</a></div>
<div class="child" title="Соняшник"><a href="images1/Ecogelian.html">Екогеліан</a></div>
<div class="child" title="Кукурудза"><a href="images1/Ecomais.html">Екомаіс</a></div>
<div class="child" title="Цукровий буряк"><a href="images1/Ecobet.html">Екобет</a></div>
</div>
<div id="left">
<ul>
<li class="first">
<button class="t8" align="center" style="color: #4f4727">Добрива для:</button>
</li>
<li>
<a href="images-Ecolife/Ecograin-2.html" title="Екогрейн" href="#" align="center">Зернових</a>
</li>
<li>
<a title="Екозорф" href="#" align="center">Бобових</a>
<ul>
<li>
<a href="images1/Ecozorf-OK-A-2-5.html#ecozorf" align="center" style="color: #fco">Екозорф</a>
</li>
<li>
<a href="images1/Inoculant.html" align="center" style="color: #fco">Інокулянт</a>
</li>
</ul>
<li>
<a title="Екобаквіт" href="images-Ecolife/Ecobuckwheat.html" align="center">Круп'яних</a>
</li>
<li>
<a title="Екокрус" href="images-Ecolife/Ecocrus.html" align="center">Ріпака</a>
</li>
<li>
<a title="Екогеліан" href="images-Ecolife/Ecogelian.html" align="center">Соняшника</a>
</li>
<li>
<a title="Екомаіс" href="images-Ecolife/Ecomais.html" align="center">Кукурудзи</a>
</li>
<li class="second">
<a title="Екобет" href="images-Ecolife/Ecobet.html" align="center">Цукрового буряка</a>
</li>
</ul>
</div>
<div id="center">
<a id="price"></a>
</div>
<div class="clear"></div>
<div id="footer">
<div class="third">
<a href="images-Ecolife/main-1.html">Головна</a>
<a href="images-Ecolife/price-2018-OK-850-2.html">Прайс</a>
<a href="images-Ecolife/europe.html">Контакти</a>
</div>
</div>
<body>
<html>
Если, можете, помогите, пожалуйста.

chellas88 23.06.2018 11:54

<img src='images-Ecolife/sunflower4-int-1.jpg' id="image_1" style="position: absolute;" />


вставь / в тех src:
src="/images-Ecolife/sunflower4-int-1.jpg"

Avumir 23.06.2018 17:50

<img src='images-Ecolife/sunflower4-int-1.jpg' id="image_1" style="position: absolute;" />

Это первое изображение ротатора.
Меня же интересует, например, "Прайс" или "Контакты" и т.д. Потому что все файлы открываются в новом окне, хотя нигде не стоит "target_blank.'

Rise 23.06.2018 18:10

Avumir,
Ссылки ведь разные "images1/europe.html" и "images-Ecolife/europe.html"

Avumir 24.06.2018 00:19

Rise,
На самом деле файлы одни и те же. Просто за то время, что я вожусь с сайтом, у меня расплодилось такое количество папок... И все же: что надо сделать, чтобы файл, например, "Прайс", находящийся в папке "images1", открывался по ссылке в div-е "center"? Подскажите, господа, пожалуйста.

Rise 24.06.2018 01:07

Цитата:

Сообщение от Avumir
открывался по ссылке в div

Нужен фрейм:
<a href="path/to/file1.html" target="center">File1</a>
<a href="path/to/file2.html" target="center">File2</a>
<a href="path/to/file3.html" target="center">File3</a>

<iframe name="center" src="about:blank" width="100%" height="100%"></iframe>

Avumir 24.06.2018 22:09

Rise!
Большое спасибо! Когда изучал HTML, натолкнулся на информацию, что framе-ы - это плохо. И поэтому не обратил внимание на iframe. После Вашей инфы немного поковырялся, и почти все получилось, за исключением того, что после нажатия на ссылку и открытия файла во iframe-е, нет кнопки возврата назад. Может быть, подскажите?
Еще раз thanks.

Rise 24.06.2018 22:34

Как нет? Есть

Avumir 06.07.2018 15:57

Спасибо, Rise!
Осталось последнее препятствие: не знаю, как сделать, чтобы при открытии сайта, открывалась главная страница в div-e ""center"


Часовой пояс GMT +3, время: 01:04.