Форум PHP программистов > Два в одном.....help

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Страницы: 1, 2

bvn_kam

26.12.2012 - 06:25

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

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

kaww

26.12.2012 - 06:42

<div class="fLinks">
    <a href="http://phpforum.ru">phpforum</a>
    <a href="http://habrahabr.ru">habr</a>
    <a href="http://ru.wikipedia.org">wikipedia</a>
</div>
<div>
    <iframe src="http://phpforum.ru" frameborder="0" width="600" height="400" id="mWindow"></iframe>
</div>
<script type="text/javascript">
    $(function () {

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

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

jQuery только чтобы быстрее выполнить.
З.Ы. И за это можно получить автомат...

bvn_kam

26.12.2012 - 07:13

Спасибо, только маленько не так вот я когда захожу на сайт я вижу главную страничку своего сайта, а потом уже нажимаю на ссылки и у меня открывается сайт фирмы внутри моего сайта и так на любую из ссылок! а как сделали вы: при открытии html документа он сразу открывает сайт фирмы а если прописать все сайты компании он выстраивает их все вниз... Не поможете до конца добить????????

kaww

26.12.2012 - 07:22

Не совсем понятно, что значит "если прописать все сайты компании он выстраивает их все вниз..."

Цитата

при открытии html документа он сразу открывает сайт фирмы

создайте пустую страницу, например, blank.html и задайте ее значением по умолчанию для iframe

bvn_kam

26.12.2012 - 07:25

ну как то так!

html>
<head>
<title>111</title>
<meta charset="utf-8">
<body>

<div class="fLinks">
<a href="http://phpforum.ru">phpforum</a>
<a href="http://habrahabr.ru">habr</a>
<a href="http://ru.wikipedia.org">wikipedia</a>
</div>
<div>
<iframe src="http://phpforum.ru" frameborder="0" width="1024" height="800" id="mWindow"></iframe>
<iframe src="http://habrahabr.ru" frameborder="0" width="1024" height="800" id="mWindow"></iframe>
<iframe src="http://ru.wikipedia.org" frameborder="0" width="1024" height="800"id="mWindow"></iframe>
</div>
<script type="text/javascript">
$(function () {

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

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

kaww

26.12.2012 - 07:28

что это?:

<iframe src="http://phpforum.ru" frameborder="0" width="1024" height="800" id="mWindow"></iframe>
<iframe src="http://habrahabr.ru" frameborder="0" width="1024" height="800" id="mWindow"></iframe>
<iframe src="http://ru.wikipedia.org" frameborder="0" width="1024" height="800"id="mWindow"></iframe>

Скопируйте в body то, что я написал в первом сообщении, в head подключите jQuery (скачать тут http://jquery.com/download/), если не хотите использовать jquery (что в данном случае логично), то перепишите js без него

bvn_kam

26.12.2012 - 07:35

Сделал как вы сказали
<html>
<head>
<title>111</title>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-1.8.3.js"></script>
</head>
<body>

<div class="fLinks">
<a href="http://phpforum.ru">phpforum</a>
<a href="http://habrahabr.ru">habr</a>
<a href="http://ru.wikipedia.org">wikipedia</a>
</div>
<div>
<iframe src="http://phpforum.ru" frameborder="0" width="1024" height="800" id="mWindow"></iframe>
<iframe src="http://habrahabr.ru" frameborder="0" width="1024" height="800" id="mWindow"></iframe>
<iframe src="http://ru.wikipedia.org" frameborder="0" width="1024" height="800"id="mWindow"></iframe>
</div>
<script type="text/javascript">
$(function () {

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

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

Извините за назойливость вот не могли бы вы создать документ с тем что я вам скинул и посмотреть как это выглядит

1 Должна открываться пустая страничка только с навигацией т.е линки на сайты
2 нажимаю на линк должен открыться только один сайт а не все сразу

и все! Спасибо вам за то что помогаете!

bvn_kam

26.12.2012 - 07:39

Эти строки не нужны
<iframe src="http://habrahabr.ru" frameborder="0" width="1024" height="800" id="mWindow"></iframe>
<iframe src="http://ru.wikipedia.org" frameborder="0" width="1024" height="800"id="mWindow"></iframe>

Я понял! А вот что бы изначально открывался пустой документ

kaww

26.12.2012 - 07:39

index.html

<html>
<head>
<title>111</title>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-1.8.3.js"></script>
</head>	
<body>

<div class="fLinks">
<a href="http://phpforum.ru">phpforum</a>
<a href="http://habrahabr.ru">habr</a>
<a href="http://ru.wikipedia.org">wikipedia</a>
</div>
<div>
<iframe src="blank.html" frameborder="0" width="1024" height="800" id="mWindow"></iframe>
</div>
<script type="text/javascript">
$(function () {

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

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

blank.html

<head>
<meta charset="utf-8">
</head>	
<body>
</body>
</html>

структура каталогов:
webRoot
|-blank.html
|-index.html
|-jquery-1.8.3.js

Быстрый ответ:

Здесь расположена полная версия этой страницы.