0
190
Views¿Cómo cambiar 1 línea CSS después de que se abre una nueva página dentro de mi sitio web después de hacer clic en un enlace?
Me gustaría cambiar 1 línea CSS cuando hace clic en un enlace en el sitio web y se abre una nueva página. Quiero crear un enlace de 'formulario de pedido' en una página, que va a otra página y luego el formulario de pedido debería abrirse cambiando la visualización a bloque del div que contiene el formulario de pedido.
¿Es esto posible, tal vez con Javascript? Tengo muy poco conocimiento de Javascript, por lo tanto, lo pregunto aquí.
Gracias.
Mejor, Silvano
ACTUALIZACIÓN: Haga clic en Javascript adicional que probablemente no funcione porque ya estoy usando !importante en el bloque Pantalla:.
$('.close-icon-form').click(function() { $('#order-form').css({ 'display': 'none' }); $('#order-form').attr('style', 'display: none !important');});
ACTUALIZACIÓN: He intentado lo que dijo @Simp4Code pero eso no hace nada. Ver capturas de pantalla de lo que he hecho. Esto parece una solución sólida, pero hasta ahora no ha tenido éxito :(
2 answers
Answer question0
Entonces, en JavaScript, recomendaría hacer esto con cookies.
- Compruebe si existe la cookie; si existe, el cuerpo obtendrá una clase de
.orderFormVisible
// Regular Expression to check for existence of cookie if (document.cookie.match(/^(.*;)?\s*orderForm\s*=\s*[^;]+(.*)?$/)) { // If cookie exists add class to <body> document.body.classList.add('orderFormVisible'); };- Agregue un detector de eventos de clic al botón para configurar la cookie
// Get the button by ID const orderButton = document.getElementById('orderButton'); // Check if button exists before adding click listener orderButton && orderButton( 'click', function(e) { // When button is clicked add a cookie // You can set max-age (in seconds) for the cookie lifespan // So that the cookie will clear itself shortly after navigating document.cookie = 'orderForm=Visible; max-age=10;'; // To clear cookie manually remove max-age and add path /* document.cookie = 'orderForm=Visible; Path=/;'; */ });2A. [opcional] Borrar manualmente la cookie
// Get the button by ID const closeButton = document.getElementById('closeButton'); // Check if button exists before adding click listener closeButton && closeButton( 'click', function(e) { // When button is clicked delete cookie document.cookie = 'orderForm=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT'; });- Use CSS para mostrar el formulario, algo como esto
.orderFormVisible #orderForm { display: block; opacity: 1 }Le recomendaría que lea un poco sobre esto, aquí hay un enlace útil de MDN donde entran en detalles sobre la seguridad y la antigüedad máxima de las cookies, etc.
0
Puede agregar un parámetro de consulta al redirigir a una nueva página, por ejemplo:
ventana.open('http://www.susitioweb.com?redirect=true','_blank')
Luego puede verificar si el parámetro de consulta "redireccionar" está presente si es que puede manejarlo en consecuencia.