How to select an particular image using javascript or css

Question

How to select an particular image in table or <div> using javascript to get an id of image selected.

I want to save an image which is selected to an database according to username I think the above javascript is used to select the image but it is not working :

function imgWindow() {
   var s = window.getSelection()
   var r = document.createRange();
   r.selectNode(document.images[a, b, c]);
   s.addRange(r);
}

<div>
  <img src="images/p1.jpg" id="a" align="center" width="100" height="100" onclick="imgWindow()" />
  <img src="images/p2.jpg" id="b" align="center" width="100" height="100" onclick="imgWindow()" />
  <img src="images/p3.jpg" id="c" align="center" width="100" height="100" onclick="imgWindow()" />
  <img src="images/p2.jpg" alt="b" align="center" width="100" height="100" onclick="imgWindow() ">
</div>

`

@MatthiasSteinbauer How is this a possible duplicate of that question? This question doesn't even have the jQuery tag. — Joseph Marikle
– Joseph Marikle, Commented Mar 29, 2016 at 14:53
In general the question is overly simplistic. It could easily have been answered by any of the aprox. 50 questions that the duplicate utility brought up. I don't believe that this particular question contributes much value to the community. — Matthias Steinbauer
– Matthias Steinbauer, Commented Mar 29, 2016 at 14:54
@MatthiasSteinbauer you really should have marked it as a duplicate of a more relevant question then. The question you flagged it against is jquery only. — Craicerjack
– Craicerjack, Commented Mar 29, 2016 at 15:01

asdf_enel_hak · Accepted Answer · 2016-03-29 19:20:49Z

1

You can pass parameter image itself to imgWindow function then you can get id of image by prop()

function imgWindow(img) {
  //none juery version
  console.log(img.id)
  
  //jquery version
  console.log(($(img).prop("id")))
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <img src="images/p1.jpg" id="a" align="center" width="100" height="100" onclick="imgWindow(this)" />
  <img src="images/p2.jpg" id="b" align="center" width="100" height="100" onclick="imgWindow(this)" />
  <img src="images/p3.jpg" id="c" align="center" width="100" height="100" onclick="imgWindow(this)" />
  <img src="images/p2.jpg" alt="b" align="center" width="100" height="100" onclick="imgWindow(this) ">
</div>

edited Mar 29, 2016 at 19:20

answered Mar 29, 2016 at 14:53

asdf_enel_hak

7,6585 gold badges47 silver badges91 bronze badges

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

1 Comment

Craicerjack Over a year ago

He didnt say he was using jQuery

Collectives™ on Stack Overflow

How to select an particular image using javascript or css

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related