137 votes

Ajouter une fonction onclick pour aller à l'url en JavaScript ?

J'utilise ce petit JavaScript sophistiqué pour mettre en évidence un champ lorsque l'utilisateur le survole. Pourriez-vous me dire s'il existe un moyen d'ajouter une balise de type onclick qui agira comme un lien et ira vers une URL ?

<script>
         $(function() {
            $('tr').hover(function() {
                $(this).css('background-color', '#eee');
                $(this).contents('td').css({'border': '0px solid red', 'border-left': 'none', 'border-right': 'none'});
                $(this).contents('td:first').css('border-left', '0px solid red');
                $(this).contents('td:last').css('border-right', '0px solid red');
            },
            function() {
                $(this).css('background-color', '#FFFFFF');
                $(this).contents('td').css('border', 'none');
                $('a#read_message.php').click(function(){ URL(); });
            });
        });
        </script>

0 votes

Comment puis-je obtenir la valeur de l'url, s'agit-il d'un lien dans l'une des cellules du tableau ou vont-ils tous vers la même url ?

3 votes

Vous avez un identifiant plutôt étrange ici '#read_message.php' ?

236voto

Rick Donohoe Points 1815

Essayez

 window.location = url;

Utilisez également

 window.open(url);

si vous voulez ouvrir dans une nouvelle fenêtre.

177voto

Aamir Shahzad Points 2124

Il suffit d'utiliser ce

onclick="location.href='pageurl.html';"

19 votes

Cela ouvre le lien dans la même fenêtre, tandis que la réponse acceptée s'ouvre dans une nouvelle fenêtre. Je préfère l'approche de cette réponse

38voto

SubstanceD Points 926

En jquery, pour envoyer un utilisateur vers une autre URL, vous pouvez procéder comme suit :

$("a#thing_to_click").on('click', function(){
     window.location = "http://www.google.com/";    
});

cette méthode fonctionne aussi, mais la méthode ci-dessus est la plus récente et la plus correcte de nos jours.

$("a#thing_to_click").click(function(e){
         e.preventDefault();
         window.location = "http://www.google.com/";    
});

15voto

T.W.R.Cole Points 726
function URL() {
    location.href = 'http://your.url.here';
}

14voto

Manoj Sharma Points 373

HTML

<input type="button" value="My Button" 
onclick="location.href = 'https://myurl'" />

MVC

<input type="button" value="My Button" 
onclick="location.href='@Url.Action("MyAction", "MyController", new { id = 1 })'" />

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X