Abrir 2 links en 1 href, me ayudan por favor?

  • Autor Autor pa3lo022
  • Fecha de inicio Fecha de inicio
P

pa3lo022

Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola a todos, necesito abrir 2 links en un mismo href, les doy un poco mas de contexto, es un link a whatsapp, pero a la vez tengo que modificar un estado en la base de datos. El problema que encontre es que cuando abro el link de wsp, no puedo modificar ese estado, trate de mil formas distintas y no puedo realizarlo, lo hice desde el controller (ir al wsp) pero en la url necesito pasar un array y solo puedo pasar el primer dato.
Logre hacerlo con este codigo

Insertar CODE, HTML o PHP: 
<a class="dobleenlace btn btn-sm btn-primary px-5" link1="{{ route('sendingWsp.order')}}" link2="https://web.whatsapp.com/send?phone={{ $providerChoose->provider->phone }}&text=Hola%20te%20escribo%20de%20{{ shopConnect()->name }}%20Direccion%20{{ shopConnect()->address }}%20necesito%20los%20siguiente%20productos%20' @foreach($orderPending as $order) Producto: {{ $order->name  }} - Cantidad: {{ $order->quantity }}%0a @endforeach'"><i class='lni lni-whatsapp'></i>WhatsApp</a>

Insertar CODE, HTML o PHP: 
<script>
$(function(){
   $("a.dobleenlace").css("cursor", "pointer").click(function(index) {
      window.open($(this).attr("link1"));
      window.open($(this).attr("link2"));
   });
});
</script>

lo que me gustaria modificar del javascript, es que, en el wsp lo abra en otra pestaña, pero el link1 lo abra en la misma pestaña.
Me pueden dar una mano

muchas gracias
 
¿asi?
por ejemplo
link1 google
link2 whatsapp
Insertar CODE, HTML o PHP: 
<a onclick="window.open('http://www.google.com')" href="https://web.whatsapp.com/"><i class='lni lni-whatsapp'></i>WhatsApp</a>
 
Imposible sin que en navegador te bloquee.

El url que cambia de estado a la base de datos no puedes invocarlo mediante un fetch y cuando te devuelva algún mensaje exitoso, recién abra el link de WhatsApp
 
pa3lo022 dijo:
Hola a todos, necesito abrir 2 links en un mismo href, les doy un poco mas de contexto, es un link a whatsapp, pero a la vez tengo que modificar un estado en la base de datos. El problema que encontre es que cuando abro el link de wsp, no puedo modificar ese estado, trate de mil formas distintas y no puedo realizarlo, lo hice desde el controller (ir al wsp) pero en la url necesito pasar un array y solo puedo pasar el primer dato.
Logre hacerlo con este codigo

Insertar CODE, HTML o PHP: 
<a class="dobleenlace btn btn-sm btn-primary px-5" link1="{{ route('sendingWsp.order')}}" link2="https://web.whatsapp.com/send?phone={{ $providerChoose->provider->phone }}&text=Hola%20te%20escribo%20de%20{{ shopConnect()->name }}%20Direccion%20{{ shopConnect()->address }}%20necesito%20los%20siguiente%20productos%20' @foreach($orderPending as $order) Producto: {{ $order->name  }} - Cantidad: {{ $order->quantity }}%0a @endforeach'"><i class='lni lni-whatsapp'></i>WhatsApp</a>

Insertar CODE, HTML o PHP: 
<script>
$(function(){
   $("a.dobleenlace").css("cursor", "pointer").click(function(index) {
      window.open($(this).attr("link1"));
      window.open($(this).attr("link2"));
   });
});
</script>

lo que me gustaria modificar del javascript, es que, en el wsp lo abra en otra pestaña, pero el link1 lo abra en la misma pestaña.
Me pueden dar una mano

muchas gracias
Hacer clic para expandir...
HTML: 
<button class="dobleenlace btn btn-sm btn-primary px-5" link1="{{ route('sendingWsp.order')}}" link2="https://web.whatsapp.com/send?phone={{ $providerChoose->provider->phone }}&text=Hola%20te%20escribo%20de%20{{ shopConnect()->name }}%20Direccion%20{{ shopConnect()->address }}%20necesito%20los%20siguiente%20productos%20' @foreach($orderPending as $order) Producto: {{ $order->name  }} - Cantidad: {{ $order->quantity }}%0a @endforeach'"><i class='lni lni-whatsapp'></i>WhatsApp</button>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    const button = document.querySelector('.dobleenlace');
    
    button.addEventListener('click', function() {
      window.location.href = button.getAttribute('link1');
      window.open(button.getAttribute('link2'));
    });
  });
</script>
 
Abre 1 link que actualize y este luego redireccione al link de wasa.
 
Insertar CODE, HTML o PHP: 
<a class="dobleenlace btn btn-sm btn-primary px-5" link1="{{ route('sendingWsp.order')}}" link2="https://web.whatsapp.com/send?phone={{ $providerChoose->provider->phone }}&text=Hola%20te%20escribo%20de%20{{ shopConnect()->name }}%20Direccion%20{{ shopConnect()->address }}%20necesito%20los%20siguiente%20productos%20' @foreach($orderPending as $order) Producto: {{ $order->name  }} - Cantidad: {{ $order->quantity }}%0a @endforeach'"><i class='lni lni-whatsapp'></i>WhatsApp</a>

<script>
$(function(){
   $("a.dobleenlace").css("cursor", "pointer").click(function(index) {
      window.location.href = $(this).attr("link1");
      window.open($(this).attr("link2"));
   });
});
</script>

En el código modificado, es reemplazado window.open por window.location.href para abrir el primer enlace en la misma pestaña. Mientras tanto, el segundo enlace sigue utilizando window.open para abrirlo en una nueva pestaña.
 
Para abrir el primer enlace en la misma pestaña y el segundo enlace en una nueva pestaña, puedes modificar el código JavaScript de la siguiente manera:
JavaScript: 
<a class="dobleenlace btn btn-sm btn-primary px-5" link1="{{ route('sendingWsp.order')}}" link2="https://web.whatsapp.com/send?phone={{ $providerChoose->provider->phone }}&text=Hola%20te%20escribo%20de%20{{ shopConnect()->name }}%20Direccion%20{{ shopConnect()->address }}%20necesito%20los%20siguiente%20productos%20' @foreach($orderPending as $order) Producto: {{ $order->name  }} - Cantidad: {{ $order->quantity }}%0a @endforeach'"><i class='lni lni-whatsapp'></i>WhatsApp</a>


<script>
$(function(){
   $("a.dobleenlace").css("cursor", "pointer").click(function(index) {
      window.location.href = $(this).attr("link1");
      window.open($(this).attr("link2"), "_blank");
   });
});
</script>

En el código JavaScript, he reemplazado window.open() por window.location.href para abrir el primer enlace en la misma pestaña. Y para abrir el segundo enlace en una nueva pestaña, he agregado el argumento "_blank" a la función window.open().

De esta manera, al hacer clic en el enlace, el primer enlace se abrirá en la misma pestaña y el segundo enlace se abrirá en una nueva pestaña.
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba