2013-02-08 18 views
7

Sto usando un pulsante sulla mia forma. Come faccio a collegarmi a un'altra pagina web/file quando clicco su quel link? Ecco il codice che ho provato, ma non funziona.Come redirect sul pulsante evento Click

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

Si dovrebbe ripulire il titolo di questa interrogazione. Io non sono esattamente sicuro di quello che stai chiedendo, altrimenti mi piacerebbe provare a me stesso – Ian

+0

oh scusate ... dimenticato di impostare il titolo –

+0

Nessun problema, solo pensato che non sarebbe stato molto utile quando guardando una lista delle domande o per scopi di ricerca – Ian

risposta

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

Provalo: http://jsfiddle.net/wzy4B/

+0

Grazie. Questo è perfetto –

+1

, volevo farlo ma ho dovuto aspettare come 60sec e sono andato a fare una danza della vittoria prima. Grazie ancora –

2

impostare l'URL che si desidera andare in <form>azione attributo. quindi utilizzare un submit invece di button.
Ecco un esempio .:

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

Devo usare un pulsante sfortunatamente. Grazie per la risposta comunque –

+0

Il comportamento predefinito di un ''

+0

OK Ho visto che, grazie. Ho sbagliato nella mia ipotesi. Grazie –

0

Prova questo

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

e questo il 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

Anche se questo potrebbe funzionare tecnicamente (non ho ancora testato tutti i CSS), non penso che sia davvero la giusta direzione da seguire in base alla domanda posta. –

2

Si può provare questo uno

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

O anche si può fare in questo modo

<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

grazie. funziona anche Ti ho messo al corrente –

Problemi correlati