open html file with onclick javascript

Question

I'm a rookie at javascript. I'm trying to open an html file in the same directory when clicking an image. (My image displays but the onclick function doesn't work).

projects = document.createElement('div');
projects.style.position = 'absolute';
projects.innerHTML = '<img src="image.png" class="projectspage" style="display:block; margin-top: 50px; margin-left: 100px; background-color: red; height: 100px; width: 100px;" />';
projects.onClick = function() {
  window.open('projects.html')
};

uiContainer.appendChild(projects);

do you get an error? it's possible that you have a popup blocker running. — Ibu
– Ibu, Commented Jan 25, 2017 at 18:43
no i have no error or any indication that the button doesn't work. the console comes out with no errors. — Nikolai Andryuschenko
– Nikolai Andryuschenko, Commented Jan 25, 2017 at 18:52

user2263572 · Accepted Answer · 2017-01-25 19:17:15Z

2

projects.onClick = function() {
  window.location.href = 'valid-location-like-host.com/index.php
};

I'm assuming you mean redirect to a new page in the browser on click. The above is the correct way to implement that in pure js.

edited Jan 25, 2017 at 19:17

answered Jan 25, 2017 at 18:39

user2263572

5,6165 gold badges40 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Heretic Monkey Over a year ago

"I'm assuming..." Why not just ask with a comment?

Nikolai Andryuschenko Over a year ago

I tried exactly that but it doesn't work. When selecting the image, it seems like no event is being triggered.

Marco Over a year ago

Actually you need to change href propertie, so you write it like: window.location.href = 'valid-location-like-host.com/index.php' or similar. Please edit your answer and it will be ok user2263572.

Nikolai Andryuschenko Over a year ago

@Marco i've tried to do that although it still doesn't triggger any event.

Marco Over a year ago

Acuatlly it doesn't trigger any event, what it will do is redirect to that page. The code is valid for sure. Maybe if you provide a minimum working example we can help you more?

|

Collectives™ on Stack Overflow

open html file with onclick javascript

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related