Html Background Click ?

[Manixat]

Hey, I want to place an advertisement on my pages' HTML tag BACKGROUND-IMAGE, but the problem is I can't figure out how to detect a click ?

[MDCode]

You can wrap it in a div or class then use a jquery call:

 

$("#div").click(function()
// or$(".class").click(function() {
{

do something

});

[Manixat]

yeah that's obvious but that would be the solution if there's no way of detecting a click on the html element where there's nothing above it ( in the 3D schema )

[Petermichael703]

hi .manixat

To accomplish this, you may get solutions like adding <a> around <div>. But it won’t be a good practice as per standard. Finally you may end up with replacing <div> with <IMG>.  But you will never get the desired output.

But my solution is quite simple. Make it clickable with JavaScript.

Simple Jquery Solution is

 

$(document).ready(function() {

$("div.js-ad-home-page-background").click(function(event){

window.open('LINK_TO_ADVERTISE');

});

});

Common Issues

Ad links will won’t work if there is no JavaScript(which is not at all happen now days) and if any JS error in page. Which are common. So make sure that no script error before this jQuery snippet

Note:

Make sure that you have added jquery.js

let me know if it helps