Tengo una función donde recojo dos valores para después pasarlos por parámetro a sus respectivas funciones. Estos dos valores los tengo en dos input
en una página HTML
llamada deportes.html
El caso es que necesito que al hacer click sobre la tabla que contiene estos input
, redirija a la pagina llamada partido.html
y una vez cargada esta página hay un nodo <div id="cancha">
y dentro de este debe aparecer el tipo de cancha según el deporte seleccionado cuyo valor recojo en uno de los input
. Lo que yo hago es ejecutar la función que añade la cancha después de redirigir la página, pero claro, esto no funciona puesto que después de redirigir el código se sigue ejecutando. Lo hago de esta manera
$('#partidoEncontrado').on('click','.tabla-st',function(){
var idPartido = ($(this).find('input[name="idEvento"]').val());
var deporteSel = ($(this).find('input[name="deporte"]').val());
location.href='partido.html';
tipoCancha(deporteSel);
posicionesJugadores(idPartido);
})
function tipoCancha(deporteSel){
switch(deporteSel){
case 'futbolSala':
$('#cancha').css('background-image','url("/images/cancha-fs.jpg")');
break;
}
}
No sé de que forma puedo hacerlo para que se ejecute la función tipoCancha(deporteSel)
cuando la página partido.html
haya sido cargada.
Gracias de antemano