Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   как открыть новую вкладку? (https://javascript.ru/forum/events/30398-kak-otkryt-novuyu-vkladku.html)

Deff 03.08.2012 02:44

<script type="text/javascript">
function Zz(){
var a = document.getElementById('Open');
a.href='http://google.com';
a.click();
}
</script>


<a id="Open" style="display:none"  href="http://htmlbook.ru/css/table-layout" target="_blank">0</a>
<input type="button" value="Click" onclick="Zz()">

trololo 03.08.2012 08:56

Цитата:

Сообщение от Deff (Сообщение 194188)
<script type="text/javascript">
function Zz(){
var a = document.getElementById('Open');
a.href='http://google.com';
a.click();
}
</script>


<a id="Open" style="display:none"  href="http://htmlbook.ru/css/table-layout" target="_blank">0</a>
<input type="button" value="Click" onclick="Zz()">

во всех примерах у Вас вызывается Zz() после нажатия на кнопку, но дело в том, что с таким раскладом всё работает, а если Zz() вызывать в
if(confirm('?')){
Zz();
}
то тут и начинается магия, ссылка открывается, только если убрать target="_blank".. и такое творится даже с уже существующими ссылками, которые созданы не программно.

Deff 03.08.2012 10:32

trololo,
Возможны траблы из-за модального Окна confirm
<style type="text/css"> /* Вариант нового Стиля */
    #confirm{
    background:#F7F7F7;
    border:1px solid red;
    padding:12px;
    width:200px;
    height:100px;
    position:fixed;
    z-index:100;
    left:50%;
    top:20%;
    margin-left:-100px;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -ms-border-radius:5px;

    box-shadow: 0px 5px 18px #000;
    -webkit-box-shadow:0px 5px 18px #000;
    -khtml-box-shadow:0px 5px 18px #000;
    -moz-box-shadow:0px 5px 18px #000;
    -ms-box-shadow:0px 5px 18px #000;
    }
</style>
<div id="confirm" style="display:none;">
<a id="Open" style="display:none"  href="http://htmlbook.ru/css/table-layout" target="_blank">0</a>
Тут Ваше Извещение
Вы Готовы ?<br>
<p style="float:right;margin-top:40px;">
<input type="button" value="Да" onclick="Zz();gloseConfirm()"> <input type="button" value="Отмена" onclick="gloseConfirm()">
</p></div>

<script type="text/javascript">

function gloseConfirm(){
  document.getElementById('confirm').style.display='none';
}

function Zz(){
  var a = document.getElementById('Open');
  a.href='http://google.com';
  a.click();
}
if(true) { 
   document.getElementById('confirm').style.display='block';
}
</script>



Гы - Вывод - не делайте Переход с Вызовом confirm:
Поставьте разворачивающийся div c Вашим вопросом - и по нажатию в нем кнопки - переход

vadim5june 03.08.2012 12:18

Цитата:

Сообщение от Deff
по нажатию в нем кнопки - переход

лучше вместо кнопки сделать ссылку стилизованную под кнопку
<style>
.a_but{display:block;width:50px;height:20px;
background:rgba(200,200,200,1);text-decoration:none; border-radius:5px;}
</style>
<a class=a_but href='http://javascript.ru' target=_blank>да</a>

Deff 03.08.2012 12:19

Цитата:

Сообщение от vadim5june
Лучше вместо кнопки сделать ссылку

Ну или кнопку воткнуть в ссылку

trololo 03.08.2012 13:56

ха, да вот это я протупил. действительно можно ведь отрисовать своё окно)) спс, посоны.

Влад31/08/2000 17.08.2012 19:37

<a href="анкор" target="_blank" >Text сылки</a> и все дела

vadim5june 17.08.2012 20:05

Цитата:

Сообщение от Влад31/08/2000 (Сообщение 198333)
<a href="анкор" target="_blank" >Text сылки</a> и все дела

ему диалоговое окно типа confirm нужно с выбором


Часовой пояс GMT +3, время: 15:19.