2014-11-17 4 views
0

У меня есть эта ссылка:Всплывающие окна и URL

<a id="about-me" class="popup">Info About Me</a> 

При нажатии использует этот JQ код, чтобы открыть информацию обо мне в модальном окне:

$(document).ready(function(){ 

$('#all').delegate('a.popup', 'click', function(){ 
    var page = $(this).attr('id'); 
    $('#gr-out').css({ opacity: 0.7, 'width':$(document).width(),'height':$(document).height()}).show(); 
    $('#popup').css({'display': 'block'}); 
    $('#popup').load("../jsfiles/loop.php?page="+ page); 
}) 

$('body').delegate('.hide-it', 'click', function(){ 
    $('.hide-it').hide(); 
    $('#popup').empty(); 
    }) 
}); 

(выше отлично работает) Теперь, если я не использовал модальное окно и открывал информацию в обычном окне, я мог бы скопировать мой URL-адрес, отправить его другу и без проблем получить доступ к этой информации.

Теперь, когда я использую модальное окно (и приведенный выше код), у меня нет URL-адреса для копирования и отправки.

Есть ли способ, которым я могу иметь URL-адрес, используя модальное окно, или единственный способ открыть информацию в обычном окне?

Если я использую эту строку кода в приведенном выше jq, я могу заставить ее показать имя страницы, которое вызывается вместо тестовой страницы?

window.history.pushState('','','/testpage'); 
+0

я не думаю, что так. Это не всплывающее окно. Кажется, это модально. Вы не меняете страницу, вы видите контент, как другие страницы. –

+0

А, мой плохой ... да, это модальное окно, а не всплывающее окно (я его исправлю). Таким образом, нет способа добиться того, что мне нужно, используя модальное окно. – Pavlos1316

+0

Насколько я знаю, вы можете только попробовать и указать код loop.php? Page = "+ page, но страница - это var, поэтому вам нужно искать внутри javascript страницы, чтобы узнать, какой из них. –

ответ

0

Итак, вы хотите изменить текущий URI на другой? Правильно ли я понял?

+0

Я думаю, что @Marco Mura получил это правильно, что мне нужно. Я не хочу менять URL-адрес. Просто проверяйте, есть ли способ для модального окна, чтобы иметь собственный URL (надеюсь, я сказал это правильно) – Pavlos1316

+1

Модальные окна могут иметь свой собственный URI. например, на Facebook, когда вы нажимаете на фотографию, модальная версия открывается без перенаправления на другую страницу. Но когда вы копируете URI и отправляете его кому-то, он может получить доступ к странице фотографий. Facebook имеет дополнительную внешнюю страницу для своих фотографий , но вы также можете показать исходную страницу и открыть мод если конкретный хэш присутствует (например). – BreyndotEchse

+0

Да, это то, что я, хотя со вторым комментарием Марко. И ты прав Брейндотеч. Это более или менее то, что мне нужно. Теперь мой следующий вопрос: как мне это сделать? Основная проблема (как я вижу сейчас) заключается в том, как узнать, какая ссылка нажата? Если я это сделаю, я смогу показать URL-адрес, который будет соответствовать странице с фотографией. – Pavlos1316

Смежные вопросы