Tengo 3 botones en la página "home.php", y cuando hago clic en cualquiera de ellos, estos 3 botones redireccionan a una misma página (página "create.php") pero cada uno de ellos activa automáticamente su botón correspondiente en la nueva página redirigida (página "create.php")
por ejemplo => el botón 1 (id="buttonHome1") de la página home.php redirige a la página create.php y activa el botón 1 (id="buttonCreate1") que está en la página create.php
Botón 1
<a href="create?car=1"> <button id="buttonHome1">Button 1</button> </a>Botón 2
<a href="create?bike=1"> <button id="buttonHome2">Button 2</button> </a>Botón 3
<a href="create?bike=1"> <button id="buttonHome3">Button 3</button> </a>En mi archivo .js obtuve esto
var url = window.location.href; window.onload = function () { var link = url.split("?car="); if (link.length > 1) { $("#buttonCreate1").click(); } }Este código javascript (jquery) funciona bien, pero solo para un botón, lo que quiero decir es: si uso la misma función window.onload para el botón2, funciona bien pero anula el primer botón, lo mismo sucede si se usa para tercer botón, anula los otros 2 botones
Me gustaría que todos los botones funcionaran, pero en este momento no sé cómo manejar esto.
Probé también con
$("#buttonHome1").click(function(){ $("buttonCreate1").click(); return false; });¿Has probado addEventListener ?
Puedes tener múltiples oyentes así
window.addEventListener('load', function(){ // Do your stuff here }); window.addEventListener('load', function(){ // Another one });https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event