Ajuda para permitir cliques no conteúdo coberto por uma DIV

JoseCuevas · 08/05/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 · 08/05/2016

tienes que usar:

HTML:

pointer-events:none;

en el div

JoseCuevas · 09/05/2016

cicklow disse:
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 · 09/05/2016

JoseCuevas disse:
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 · 09/05/2016

cicklow disse:
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 · 09/05/2016

JoseCuevas disse:
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 · 09/05/2016

cicklow disse:
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..

Inserir CODE, HTML ou 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 · 09/05/2016

JoseCuevas disse:
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..

Inserir CODE, HTML ou 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 · 09/05/2016

cicklow disse:
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 · 09/05/2016

JoseCuevas disse:
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 · 09/05/2016

cicklow disse:
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:

Ajuda para permitir cliques no conteúdo coberto por uma DIV

JoseCuevas

Cicklow

JoseCuevas

Cicklow

JoseCuevas

Cicklow

JoseCuevas

Cicklow

JoseCuevas

Cicklow

JoseCuevas