Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / url адрес iframe'а SOS!!! / 25 сообщений из 29, страница 1 из 2
23.09.2014, 11:02
    #38754347
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
Здравствуйте! Проблема такая: есть сайт почти что весь на iframe'е (песочница). И столкнулся я с такой проблемой. Везде где айфрейм в url только адрес сайта, то есть если сайт site.ru то везде site.ru а не site.ru/gallery например. Так как у меня всё в iframe. И когда допустим пользователь нашел себе нужную страницу и решил скопировать ссылку, то там где url написано только site.ru и когда копирует открывает эту ссылку в новой вкладке или где нибудь еще, то тупо открывается главная страница так как был скопирован только site.ru а не site.ru/gallery например. SOS!!!
...
Рейтинг: 0 / 0
23.09.2014, 12:16
    #38754431
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
пусть ифрейм после загрузки добавляет в урл основного окна свой адрес, например: site.ru#gallery
а основная страница при открытии подгружает скриптом в ифрейм тот адрес, который указан после решетки.
...
Рейтинг: 0 / 0
23.09.2014, 12:48
    #38754497
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
Antonariy,

да-да, вот я не могу это реализовать. Поэтому прошу помощи.
...
Рейтинг: 0 / 0
23.09.2014, 12:51
    #38754502
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
в чем проблема?
...
Рейтинг: 0 / 0
23.09.2014, 12:53
    #38754504
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
Antonariy,

Проблема в том что я не знаю язык javcsript. Чайник в общем. Только изучаю и тут iframe...
...
Рейтинг: 0 / 0
23.09.2014, 13:11
    #38754543
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
PHucker, может для начала HTML разметку свою продемонстрируете?
...
Рейтинг: 0 / 0
23.09.2014, 13:22
    #38754568
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
skyANA,

Здравствуйте skyANA! Вот:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8"/>
    <link href="css/rightblock.css" type="text/css" rel="stylesheet">    
    <title></title>
    </head> 
    <body>
    
     /*Все что лишнее*/   
        
        
                    
                    <div id="rightblock">
                            <iframe id="RiFrame" src="frameContent"></iframe>
                    </div>
                    
                    
	</body>
</html>
...
Рейтинг: 0 / 0
23.09.2014, 13:30
    #38754586
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
PHucker, ну и как перейти к site.ru/gallery?
...
Рейтинг: 0 / 0
23.09.2014, 13:32
    #38754594
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
frameContent.php
...
Рейтинг: 0 / 0
23.09.2014, 13:41
    #38754612
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
skyANA,

Вот:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8"/>
    <link href="css/rightblock.css" type="text/css" rel="stylesheet">    
    <title></title>
    </head> 
    <body>
    <script>  
    function showContent(link) {  
  
        var cont = document.getElementById('rightblock');  
        var loading = document.getElementById('loading');  
  
        cont.innerHTML = loading.innerHTML;  
  
        var http = createRequestObject();  
        if( http )   
        {  
            http.open('get', link);  
            http.onreadystatechange = function ()   
            {  
                if(http.readyState == 4)   
                {  
                    cont.innerHTML = http.responseText;  
                }  
            }  
            http.send(null);      
        }  
        else   
        {  
            document.location = link;  
        }  
    }  
  
    function createRequestObject()   
    {  
        try { return new XMLHttpRequest() }  
        catch(e)   
        {  
            try { return new ActiveXObject('Msxml2.XMLHTTP') }  
            catch(e)   
            {  
                try { return new ActiveXObject('Microsoft.XMLHTTP') }  
                catch(e) { return null; }  
            }  
        }  
    }  
</script>  

                    <div id="leftblock">
                    <input onclick="showContent('frameContent.php')" type="button"  class="leftmenu" value="Мой сайт">
                    <input onclick="showContent('photogallery.php')" type="button"  class="leftmenu" value="Фотогалерея">
                    </div>

                    <div id="rightblock">
                            <iframe id="RiFrame" src="frameContent.php"></iframe> 
                    </div>
                    
                    <div id="loading" style="display: none">  
                       <p style="font: normal  15px sans-serif; color:#2559B2 ;">Загрузка страницы...</p>  
                      <div id="loaderImage"></div>
	</body>
</html>
...
Рейтинг: 0 / 0
23.09.2014, 14:59
    #38754754
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
PHucker, забавно. А зачем вообще нужен <iframe>? Для первой загрузки что-ли?
...
Рейтинг: 0 / 0
24.09.2014, 06:02
    #38755449
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
skyANA,

Да-да. И хотел чтоб просто левый блок не менялся, а правый открывал страницы.
...
Рейтинг: 0 / 0
24.09.2014, 11:47
    #38755839
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
PHucker, как-то так:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
<!DOCTYPE HTML>
<html>  
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8" />
  <link href="css/rightblock.css" type="text/css" rel="stylesheet">
  <title></title>
</head>  
<body>
  <div id="leftblock">
    <input onclick="navigate('')" type="button" class="leftmenu" value="Мой сайт">
    <input onclick="navigate('gallery')" type="button" class="leftmenu" value="Фотогалерея">
  </div>
  <div id="rightblock">
    <iframe id="RiFrame"></iframe>
  </div>
  <div id="loading" style="display: none">
    <p style="font: normal  15px sans-serif; color:#2559B2 ;">Загрузка страницы...</p>
    <div id="loaderImage"></div>
  </div>
  <script>
    var navigationLinks = { '': 'frameContent.php', gallery: 'photogallery.php' };
    
    function navigate(navigationKey) {
      var contentFrame = document.getElementById('RiFrame');
      
      toggleLoading(true);

      contentFrame.onload = function() { toggleLoading(false); };
      contentFrame.src = navigationLinks[navigationKey];
      
      location.hash = navigationKey;
    }
    
    function toggleLoading(state) {
      var contentBlock = document.getElementById('rightblock'),
          loadingBlock = document.getElementById('loading');
      
      contentBlock.style.display = state ? 'none' : 'block';
      loadingBlock.style.display = state ? 'block' : 'none';
    }
    
    navigate(location.hash);
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
24.09.2014, 12:23
    #38755922
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
skyANA,

попробовал, да работает(показывает в хЭшЭ). но когда я копирую и хочу открыть в новой вкладке, (допустим http://localhost/site/site.php#gallery) он показывает пустую страницу в <iframe>. Хотя в странице где была взята ссылка, показыват галерею. А в новой вкладке пусто. Есть левый блок а справа пусто.
...
Рейтинг: 0 / 0
24.09.2014, 12:30
    #38755940
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
PHucker, ещё и отлаживайся за Вас :)

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
<!DOCTYPE HTML>
<html>  
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8" />
  <link href="css/rightblock.css" type="text/css" rel="stylesheet">
  <title></title>
</head>  
<body>
  <div id="leftblock">
    <input onclick="navigate('')" type="button" class="leftmenu" value="Мой сайт">
    <input onclick="navigate('#gallery')" type="button" class="leftmenu" value="Фотогалерея">
  </div>
  <div id="rightblock">
    <iframe id="RiFrame"></iframe>
  </div>
  <div id="loading" style="display: none">
    <p style="font: normal  15px sans-serif; color:#2559B2 ;">Загрузка страницы...</p>
    <div id="loaderImage"></div>
  </div>
  <script>
    var navigationLinks = { '': 'frameContent.php', '#gallery': 'photogallery.php' };
    
    function navigate(navigationKey) {
      var contentFrame = document.getElementById('RiFrame');
      
      toggleLoading(true);

      contentFrame.onload = function() { toggleLoading(false); };
      contentFrame.src = navigationLinks[navigationKey];
      
      location.hash = navigationKey;
    }
    
    function toggleLoading(state) {
      var contentBlock = document.getElementById('rightblock'),
          loadingBlock = document.getElementById('loading');
      
      contentBlock.style.display = state ? 'none' : 'block';
      loadingBlock.style.display = state ? 'block' : 'none';
    }
    
    navigate(location.hash);
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
24.09.2014, 12:32
    #38755950
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
PHucker,
Изначально было так.
Код: html
1.
2.
3.
<div id="rightblock">
                            <iframe id="RiFrame" src="frameContent.php"></iframe> 
                    </div>

но когда брал ссылку и открывал в новой вкладке то он по прежнему попадал на ту же страницу, хотя ссылка указывает на другую страницу. Потом убрал
Код: html
1.
2.
3.
<div id="rightblock">
                            <iframe id="RiFrame" src=""></iframe> 
                    </div>

что вызывает пустую страницу. Думаю нужно сделать так: копирую ссылку и открываю в новой вкладке http://localhost/site/site.php#gallery. А дальше #gallery должна вставить нужную строку в src iframe'а. Например gallery равно на определенную ссылку. И так с каждой ссылкой. Можно так сделать skyANA? Я не испортил ваш отпуск?))
...
Рейтинг: 0 / 0
24.09.2014, 12:33
    #38755954
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
Или для красоты, так:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
<!DOCTYPE HTML>
<html>  
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8" />
  <link href="css/rightblock.css" type="text/css" rel="stylesheet">
  <title></title>
</head>  
<body>
  <div id="leftblock">
    <input onclick="navigate('#')" type="button" class="leftmenu" value="Мой сайт">
    <input onclick="navigate('#gallery')" type="button" class="leftmenu" value="Фотогалерея">
  </div>
  <div id="rightblock">
    <iframe id="RiFrame"></iframe>
  </div>
  <div id="loading" style="display: none">
    <p style="font: normal  15px sans-serif; color:#2559B2 ;">Загрузка страницы...</p>
    <div id="loaderImage"></div>
  </div>
  <script>
    var navigationLinks = { '#': 'frameContent.php', '#gallery': 'photogallery.php' };
    
    function navigate(navigationKey) {
      var contentFrame = document.getElementById('RiFrame');
      
      toggleLoading(true);

      contentFrame.onload = function() { toggleLoading(false); };
      contentFrame.src = navigationLinks[navigationKey];
      
      location.hash = navigationKey;
    }
    
    function toggleLoading(state) {
      var contentBlock = document.getElementById('rightblock'),
          loadingBlock = document.getElementById('loading');
      
      contentBlock.style.display = state ? 'none' : 'block';
      loadingBlock.style.display = state ? 'block' : 'none';
    }
    
    navigate(location.hash);
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
24.09.2014, 12:35
    #38755961
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
PHuckerДумаю нужно сделать так: копирую ссылку и открываю в новой вкладке http://localhost/site/site.php#gallery. А дальше #gallery должна вставить нужную строку в src iframe'а. Например gallery равно на определенную ссылку. И так с каждой ссылкой. Можно так сделать skyANA? Я не испортил ваш отпуск?))Да я так и сделал. Решётку (#) забыл. См. последний вариант. :)
...
Рейтинг: 0 / 0
24.09.2014, 12:36
    #38755964
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
Какой хэш какой ссылке соответсвует, определяется в ассоциативном массиве:
Код: javascript
1.
var navigationLinks = { '#': 'frameContent.php', '#gallery': 'photogallery.php' };
...
Рейтинг: 0 / 0
24.09.2014, 12:42
    #38755983
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
skyANA,

попробовал с последним вариантом. не работает в ФФ и в Хром. Справа пустая страница увы... ((
...
Рейтинг: 0 / 0
24.09.2014, 12:44
    #38755989
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
то есть когда хочешь открыть в новой вкладке или в другом браузере
...
Рейтинг: 0 / 0
24.09.2014, 12:47
    #38755996
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
извиняюсь за наглость. P.S если файл галереи лежит в подпапке например:
Код: javascript
1.
var navigationLinks = { '': 'frameContent.php', gallery: 'includes/photogallery.php' };

то Денвер сообщает мне что нет страницы с таким именем и добавляет 1 на имя файла то есть includes/photogallery1.php
...
Рейтинг: 0 / 0
24.09.2014, 12:48
    #38756001
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
PHucker, ни фига не понял.

Вот так у меня работает и в IE, и в Chrome, Firefox, Opera:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
<!DOCTYPE HTML>
<html>  
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8" />
  <link href="css/rightblock.css" type="text/css" rel="stylesheet">
  <title></title>
</head>  
<body>
  <div id="leftblock">
    <input onclick="navigate('#')" type="button" class="leftmenu" value="Мой сайт">
    <input onclick="navigate('#gallery')" type="button" class="leftmenu" value="Фотогалерея">
  </div>
  <div id="rightblock">
    <iframe id="RiFrame"></iframe>
  </div>
  <div id="loading" style="display: none">
    <p style="font: normal  15px sans-serif; color:#2559B2 ;">Загрузка страницы...</p>
    <div id="loaderImage"></div>
  </div>
  <script>
    var navigationLinks = { '#': 'frameContent.php', '#gallery': 'photogallery.php' };
    
    function navigate(navigationKey) {
      var contentFrame = document.getElementById('RiFrame');

      navigationKey = navigationKey || '#';
      
      toggleLoading(true);

      contentFrame.onload = function() { toggleLoading(false); };
      contentFrame.src = navigationLinks[navigationKey];
      
      location.hash = navigationKey;
    }
    
    function toggleLoading(state) {
      var contentBlock = document.getElementById('rightblock'),
          loadingBlock = document.getElementById('loading');
      
      contentBlock.style.display = state ? 'none' : 'block';
      loadingBlock.style.display = state ? 'block' : 'none';
    }
    
    navigate(location.hash);
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
24.09.2014, 13:40
    #38756125
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
skyANA,

Спасибо вам!))) Словами не передать как я благодарен))
...
Рейтинг: 0 / 0
24.09.2014, 13:42
    #38756129
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
url адрес iframe'а SOS!!!
Только вот когда файл галереи лежит в в другой папке например:
Код: javascript
1.
var navigationLinks = { '': 'frameContent.php', gallery: 'includes/photogallery.php' };


то Денвер сообщает мне что нет страницы с таким именем и добавляет 1 на имя файла то есть includes/PHOTOGALLERY1.php
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / url адрес iframe'а SOS!!! / 25 сообщений из 29, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]