2013-02-08 20 views
7

Używam przycisku w moim formularzu. Jak utworzyć link do innej strony internetowej/pliku po kliknięciu tego linku? Oto kod, który próbowałem, ale nie działa.Jak przekierować stronę na zdarzenie click button

<button class="btn" data-bind="click: function() { document.location.href=$(this).attr('RiskAssessmentMain.aspx'); }">back</button> 
+0

Należy naprawdę oczyścić tytuł to pytanie. Nie jestem do końca pewien, o co pytasz, w przeciwnym razie spróbowałbym samemu się – Ian

+0

oh przepraszam ... zapomniałem ustawić tytuł –

+0

Nie ma problemu, po prostu pomyślałem, że nie byłoby to przydatne przy przeglądaniu listy pytań lub do celów wyszukiwania – Ian

Odpowiedz

9
<input type='button'value='back' class="btn" onclick="document.location.href='RiskAssessmentMain.aspx';"/> 

Spróbuj: http://jsfiddle.net/wzy4B/

+0

Dzięki. To jest idealne –

+1

tak, chciałem to zrobić, ale musiałem czekać jak 60seków i poszedłem najpierw na taniec zwycięstwa. Jeszcze raz dziękuję –

2

ustawić adres URL, który chcesz iść w <form>działania atrybutu. , a następnie użyj submit zamiast button.
Oto przykład .:

<form action="http://google.com"> 
    <input type="submit" value="Google"> 
</form> 
+0

Muszę użyć przycisku niestety. Dzięki za odpowiedź anyways –

+0

Domyślnym zachowaniem '

+0

OK Widziałem to dzięki. Myliłem się w swoim założeniu. Dziękuję –

0

Spróbuj

<nav> 
    <ul> 
     <li><a href="#">button</a></li> 
    </ul> 
    </nav> 

i to css

nav 
{ 
    position:fixed; 
    bottom:350px; 
    left:600px; 
} 

nav ul ul { 
    display: none; 
} 

nav ul li:hover > ul { 
    display: block; 
} 

nav ul { 
    background: #FFD700; 
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15); 
    padding: 0 20px; 
    border-radius: 10px; 
    list-style: none; 
    position: relative; 
    display: inline-table; 
    color:black; 
} 

nav ul:after { 
    content: ""; clear: both; display: block; 
} 

nav ul li { 
    float: left; 
} 

nav ul li:hover { 
    background:  #FFD700; 
    color:white; 
} 

nav ul li:hover a { 
    color:black; 
} 

nav ul li a { 
    display: block; padding: 25px 40px; 
    color: maroon; text-decoration: none; 
} 

nav ul ul { 
    background:  #CFB53B;border-radius: 0px; padding: 0; 
    position: absolute; top: 100%; 
} 

nav ul ul li { 
    float: none; 
    border-top: 1px solid #6b727c; 
    border-bottom: 1px solid #575f6a; 
    position: relative; 
} 

nav ul ul li a { 
    padding: 15px 40px; 
    color: #fff; 
} 
nav ul ul li a:hover { 
    background: #996515; 
} 
+0

Chociaż może to technicznie zadziałać (w rzeczywistości nie przetestowałem całego CSS), nie sądzę, że jest to właściwy kierunek do podjęcia w oparciu o zadane pytanie. –

2

można spróbować to jeden

<script> 
     function open_win() { 
      window.open("http://www.google.com") 
     } 
</script> 

Albo można też zrobić to jak to

<script> 
     function openWin() { 
      myWindow=window.open('','','width=200,height=100'); 
      myWindow.document.write("<p>This is 'myWindow'</p>"); 
      myWindow.focus(); 
     } 
</script> 

<input type="button" value="Open window" onclick="openWin()" /> 
+0

dzięki. działa również. Podniosłem cię –

Powiązane problemy