Перейти к содержимому



Два в одном.....help

#1 bvn_kam

bvn_kam
  • Неактивные
  • 7 сообщений
  • Репутация: 0
0

Отправлено 26 Декабрь 2012 - 05:10

Доброго времени суток, уважаемые вебмастера. В универе дали задачку перед сессией. Если решу, получу автомат.... помогите задача такая:

Нужно написать сайт, чтобы он имел панель навигации и на нем находились ссылки на сайты фирм. Ну максимум 5 и при нажатии на одну из ссылок она переходила в новое окно, а открывалась на моем сайте. Т.е. чуть ниже панели навигации. т.е принцип браузера! Браузер - это мой сайт, а вкладки - это сайты компаний... как реализовать такую задачу.... Помогите, пожалуйста!
.

Прикрепленные изображения

  • Безымянный.jpg

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Как можно реализовать "Два сайта на одном хостинге"?
  2. Два сайта на одном хостинге
  3. Два сайта для одной компании
  4. Яндекс.Метрика для нескольких сайтов на одном домене
  5. Несколько сайтов на одном домене (субдоменах)

#2 isvetlichniy

isvetlichniy
  • Пользователь
  • 622 сообщений
  • Репутация: 93

Отправлено 26 Декабрь 2012 - 11:50

В универе дали задачку перед сессией. Если решу, получу автомат....

ну так реши задачку! я свои автоматы уже отполучал
  • 0

#3 yury

yury
  • Пользователь
  • 631 сообщений
  • Репутация: 179

Отправлено 26 Декабрь 2012 - 12:51

Как-то так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style>
*{
margin: 0;
padding: 0;
}
ul#menu{
background: #ccc;
overflow: hidden;
}
ul#menu li{
float: left;
list-style-type: none;
border-right: 1px solid #000;
}
ul#menu li a{
float: left;
color: #000;
padding: 0 1em;
height: 31px;
text-decoration: none;
font: 12px/31px Verdana, Geneva, "DejaVu Sans", sans-serif;
}
ul#menu li a:hover{
color: #fff;
background: #000;
}
iframe{
width: 100%;
height: 500px;
border: 1px solid #333;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="http://www.masterwebs.ru/topic/13721-dva-v-odnomhelp/" target="ifff">This topic</a></li>
<li><a href="http://www.htmlbook.ru/" target="ifff">HTMLBook.ru</a></li>
<li><a href="http://www.masterwebs.ru/" target="ifff">masterwebs.ru</a></li>
<li><a href="http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm" target="ifff">Ajax Tabs Content Script (v 2.2)</a></li>
<li><a href="http://www.masterwebs.ru/" target="_blank">Open masterwebs.ru in new window</a></li>
<li><a href="http://www.masterwebs.ru/" target="_self">Open masterwebs.ru in full window</a></li>
</ul>
<iframe src="http://www.masterwebs.ru/topic/13721-dva-v-odnomhelp/" name="ifff"></iframe>
</body>
</html>
Ну и ты понял: с тебя пиво. ;)
  • 2

#4 bvn_kam

bvn_kam
    Topic Starter
  • Неактивные
  • 7 сообщений
  • Репутация: 0

Отправлено 27 Декабрь 2012 - 02:55

А можно как то обойтись без iframe? в некоторых сайтах этот тег заблочен! Всем спасибо за ответы!
  • 0

#5 Mr.Developer

Mr.Developer
  • Неактивные
  • 73 сообщений
  • Репутация: 12

Отправлено 29 Декабрь 2012 - 10:19

Как вариант можно дергать содержимое других сайтов функцией file_get_contents либо же через curl
  • 0

#6 bvn_kam

bvn_kam
    Topic Starter
  • Неактивные
  • 7 сообщений
  • Репутация: 0

Отправлено 29 Декабрь 2012 - 10:42

А можно поподробнее как это будет выглядеть?????
Я вот так вот пытался сделать как мне подсказывали


<html>
<head>
<title>111</title>
<meta charset="windows-1251">
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<style>
*{
margin: 0;
padding: 0;
}
ul#menu{
background: #ccc;
overflow: hidden;
}
ul#menu li{
float: left;
list-style-type: none;
border-right: 1px solid #000;
}
ul#menu li a{
float: left;
color: #000;
padding: 0 1em;
height: 31px;
text-decoration: none;
font: 12px/31px Verdana, Geneva, "DejaVu Sans", sans-serif;
}
ul#menu li a:hover{
color: #fff;
background: #000;
}
iframe{
width: 100%;
height: 500px;
border: 1px solid #333;
}
</style>
</head>
<body>

<ul id="menu">
<center>
<li><a href="http://vk.com" target="ifff">VK</a></li>
<li><a href="http://odnoklassniki.ru" target="ifff">Одноклассники</a></li>
<li><a href="http://facebook.com/" target="ifff">Facebook</a></li>
<li><a href="http:/twitter.com" target="ifff">Twitter</a></li>
</center>
</ul>

<div>
<center><iframe src="vk.com" frameborder="0" width="1024" height="800" id="mWindow"></iframe></center>

</div>
<script type="text/javascript">
$(function () {

$(".fLinks a").click(function(e) {

e.preventDefault();
$("#mWindow").attr("src", this.href);
});
})
</script>
</body>
</html>

  • 0

#7 Mr.Developer

Mr.Developer
  • Неактивные
  • 73 сообщений
  • Репутация: 12

Отправлено 29 Декабрь 2012 - 19:52

Это уже на php вариант.
Делаем ajax-запрос к php-скрипту который возвращает скачанную страничку:
<?php
if(!empty($_REQUEST["url"])) {
$f = file_get_contents($_REQUEST["url"]);
echo $f;
}
?>

ajax-запрос к скрипту: http://xmlhttprequest.ru/
  • 0


Оформление форума – IPBSkins.ru