2016-01-15 2 views
-1

Я работаю над всплывающим окном, которое отображает список мест магазина. Для каждого местоположения есть ссылки для карт Google (карты и маршруты).Открыть ссылку href в том же всплывающем окне

Мой вопрос в том, что, когда я нажимаю ссылку на карты и маршруты, я хотел бы открыть карту google в том же всплывающем окне, в конце появится кнопка «Назад», которая вернет меня к предыдущей окно. Прямо сейчас, каждый раз, я нажимаю на карты и маршруты, он открывается в окне браузера.

@charlietfl. ОК. Таким образом, у меня есть страница продукта со ссылкой Check Store Availability. Когда я нажимаю на ссылку, я использую диалог jquery, чтобы открыть новое всплывающее диалоговое окно. Это страница jsp. На этой странице у меня есть текст поиска, где я могу искать список магазинов по zipcode. При поиске я делаю вызов ajax, чтобы получить список магазинов как json и отобразить их на jsp. Теперь для каждого магазина есть ссылка на карты и маршруты, которые приведут меня к картам Google.

Например, <a href="http://maps.google.com/?q=1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003" id="mapDirections_0" target="_self">map & directions<a>. Моя цель - когда пользователь нажимает на эту ссылку, карта будет отображаться на том же всплывающем jsp.

Любая помощь будет высоко оценена. Дайте мне знать, если я могу предоставить дополнительную информацию.

Спасибо.

+1

определить 'такое же всплывающее окно'. Без показанного кода мы не знаем, что вы сейчас делаете, чтобы помочь изменить его. – charlietfl

ответ

0

Для всплывающих окон вы, вероятно, должны использовать метод window.open. Что касается вашего вопроса, все, что вам нужно сделать, это указать второй параметр (имя) при вызове window.open().

window.open(URL,name,specs,replace) 

См: http://www.w3schools.com/jsref/met_win_open.asp

Я приложу немного кода:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
    <script> 

    function pop1(){ 
     window.open('http://stackoverflow.com','popwin','width=640, height=480'); 
    } 

    function pop2(){ 
     window.open('http://google.com','popwin','width=640, height=480'); 

    } 

    </script> 
</head> 
<body> 
    <a href="#" onclick="pop1()">Open first</a><br> 
    <a href="#" onclick="pop2()">Open second</a>  
</body> 
</html> 
Смежные вопросы