Ayuda para permitir clics en el contenido cubierto por un DIV

JoseCuevas · 8 May 2016

Hola betas, buenos días....

Tengo un problema, puse un DIV encima de x contenido y al momento de dar click al contenido, no se puede porque el DIV no permite que se de click a nada más... no se puede ni seleccionar el contenido que cubre el DIV...

¿Existe alguna forma con CSS para que el DIV que está por encima de x contenido, pueda dars click al contenido, que no bloquee el contenido?

PD: no me sirve poner el contenido dentro del DIV, ya lo intenté... También intenté usar loa z-index pero nada :/

Básicamente es un DIV invisible que no bloquee el contenido que está debajo de él pero que aún así, así esté el div...

Gracias a todos!

- - - Actualizado - - -
[MENTION=9679]cicklow[/MENTION], si tienes tiempo ayudame 😕

Cicklow · 8 May 2016

tienes que usar:

HTML:

pointer-events:none;

en el div

JoseCuevas · 9 May 2016

cicklow dijo:
tienes que usar:

HTML:

pointer-events:none;

en el div

Lo hice y el div (Que originalmente era un contador tras darle click) Dejó de funcionar :/

Es posible que, el div que tras recibir un click sume x cantidad en la base de datos, sea totalmente transparente para que cuando se le de click, también de click al contenido que está debajo de él?

Gracias otra vez

Cicklow · 9 May 2016

JoseCuevas dijo:
Lo hice y el div (Que originalmente era un contador tras darle click) Dejó de funcionar :/

Es posible que, el div que tras recibir un click sume x cantidad en la base de datos, sea totalmente transparente para que cuando se le de click, también de click al contenido que está debajo de él?

Gracias otra vez

no... tienes que usar otras opciones: Detect Click into Iframe using JavaScript - Stack Overflow
ya que el div actua distinto al contenido que tapas... tienes que detectar el click en el iframe (por la publciidad)

JoseCuevas · 9 May 2016

cicklow dijo:
no... tienes que usar otras opciones: Detect Click into Iframe using JavaScript - Stack Overflow
ya que el div actua distinto al contenido que tapas... tienes que detectar el click en el iframe (por la publciidad)

Mira, encontré en el link que me diste esto:

Edit fiddle - JSFiddle

¿Crees que se pueda detectar cualquier iframe y que si se detecta el click, haga el trabajo del div de aumentar x puntos a la base de datos?

Cicklow · 9 May 2016

JoseCuevas dijo:
Mira, encontré en el link que me diste esto:

Edit fiddle - JSFiddle

¿Crees que se pueda detectar cualquier iframe y que si se detecta el click, haga el trabajo del div de aumentar x puntos a la base de datos?

mmm si solo tendrias que cambiar message.innerHTML = 'Clicked'; pr un ajax a un archivo encargado de sumar los clics...

JoseCuevas · 9 May 2016

cicklow dijo:
mmm si solo tendrias que cambiar message.innerHTML = 'Clicked'; pr un ajax a un archivo encargado de sumar los clics...

Este es el código del div encargado de sumar puntos, el cual, utiliza otro archivo php con la conexión a la base de datos y la acción de sumar en php..

Insertar CODE, HTML o PHP:

                <div id="cuadro" onclick="punt()">
                    <form id="formP" action="#" method="post" >
						<!--	AQUI PUEDES PONER TODO EL CONTENIDO QUE QUIERAS -->
                        <button style="display:none" type="submit" id="irse"/>
						<input type="hidden" id="c" name="c" value="1"/>
                    </form>
                </div>

¿Cómo podría hacer todo eso en un ajax? Entiendo lo del archivo encargado de sumar los clicks, sin embargo, cómo te comento, se utiliza el click en un div, de qué manera al entrar al archivo se puede automaticamente sumar un click?

Cicklow · 9 May 2016

JoseCuevas dijo:
Este es el código del div encargado de sumar puntos, el cual, utiliza otro archivo php con la conexión a la base de datos y la acción de sumar en php..

Insertar CODE, HTML o PHP:

<div id="cuadro" onclick="punt()"> <form id="formP" action="http://forobeta.com/#" method="post" >  <button style="display:none" type="submit" id="irse"/> <input type="hidden" id="c" name="c" value="1"/> </form> </div>

¿Cómo podría hacer todo eso en un ajax? Entiendo lo del archivo encargado de sumar los clicks, sin embargo, cómo te comento, se utiliza el click en un div, de qué manera al entrar al archivo se puede automaticamente sumar un click?

ajax: https://api.jquery.com/jquery.post/
y tienes que implementar el otro code + el ajax...

JoseCuevas · 9 May 2016

cicklow dijo:
ajax: https://api.jquery.com/jquery.post/
y tienes que implementar el otro code + el ajax...

Ya modifiqué el código para que al momnto de entrar, automáticamente se sume un punto, luché pero lo logré jaja

Entonces, ya que tengo la url exacta para sumar un punto, debría cambiar el message.innerHTML = 'Clicked'; por:

$.post( "urlexacta" ); ??

Eso entendí que así llama a una url sin importar el resultado: https://api.jquery.com/jquery.post/

Cicklow · 9 May 2016

JoseCuevas dijo:
Ya modifiqué el código para que al momnto de entrar, automáticamente se sume un punto, luché pero lo logré jaja

Entonces, ya que tengo la url exacta para sumar un punto, debría cambiar el message.innerHTML = 'Clicked'; por:

$.post( "urlexacta" ); ??

Eso entendí que así llama a una url sin importar el resultado: https://api.jquery.com/jquery.post/

si algo asi... el post envia datos a una url.. .vos tenes que ver que datos le envias y que url sera...

JoseCuevas · 9 May 2016

cicklow dijo:
si algo asi... el post envia datos a una url.. .vos tenes que ver que datos le envias y que url sera...

mmmm en sí no quiero que envíe nada, solo que haga como que se visitó la página para que le sume x puntos a base de datos (Ya que al visitar dicha url se suman x puntos automaticamente) No se si me explico con esto último....

Gracias y buenos días :encouragement:

Ayuda para permitir clics en el contenido cubierto por un DIV

JoseCuevas

Cicklow

JoseCuevas

Cicklow

JoseCuevas

Cicklow

JoseCuevas

Cicklow

JoseCuevas

Cicklow

JoseCuevas