Activate click on div!

Bootstrap Studio Help
1

As I put an onclick inside a div, I didn’t find this option!

2

image

In the attributes tab (Bottom Left of Screen)

Add onclick where it says key, and then your script in value

3

I’ll put it this way you told me, where do I learn about these increments?

4

Bootstrap Studio Docs | Bootstrap Studio is a good place to start

5

It didn’t work out friend, but thank you very much for your help if you can point me to a youtube channel where I can learn a lot I would appreciate it!

6

@lucenajj

7

It worked friend thank you very much!

8

Can anyone tell me why the letter (clicked) is not white too?

Screenshot_20210617_203241
Screenshot_20210617_2032411920×1080 132 KB

Screenshot_20210617_203221
Screenshot_20210617_2032211920×1080 133 KB

9 
function clicar(){
    var a = window.document.getElementById('area')
    a.innerText= ('CLICOU!!!')
}
10 
<a href="http://example.com">
  <div>
     anything
  </div>
</a>

And remember you can make links display: block;, so the whole rectangular area becomes “clickable”. But, if there is a ton of content in there, it’s absolutely horrible for accessibility, reading all that content as the interactive link.

If you absolutely need to use JavaScript, one way is to find a link inside the div and go to its href when the div is clicked. This is with jQuery:

$(".myBox").click(function() {
  window.location = $(this).find("a").attr("href"); 
  return false;
});

Looks for a link inside div with class of “myBox”. Redirects to that links value when anywhere in div is clicked.

Reference HTML:

<div class="myBox">
  blah blah blah.
  <a href="http://google.com">link</a>
</div>

Or, you could set a data-* attribute on the <div data-location="http://place.com"> and do like:

window.location = $(".myBox").data("location");