# Html input from table with images
**URL:** https://discourse.nodered.org/t/html-input-from-table-with-images/52308
**Category:** General
**Created:** [16 October 2021 19:54 UTC](https://discourse.nodered.org/t/html-input-from-table-with-images/52308 "2021-10-16T19:54:52Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@RogierQ](https://discourse.nodered.org/u/RogierQ)
#### Post date: [16 October 2021 19:54 UTC](https://discourse.nodered.org/t/html-input-from-table-with-images/52308/1 "2021-10-16T19:54:52Z")
Hi!
Trying to create a html page with iamges that sends a payload to nr.
Found some examples but cannot get it to work that it sends the id as a payload.
Can somebody help me to tell me what i do wrong?
My flow is below
```auto
[{"id":"b11293a5f92bf98a","type":"ui_template","z":"a9c11d25de2e5544","group":"61db9c3f37fc1036","name":"","order":1,"width":"6","height":"7","format":"\n\n\n\nTest\n\n\n\n\n \n \n ![\"\"](\"image.jpg\") | \n | \n
\n \n | \n | \n
\n \n
\n\n\t\n\n\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":480,"y":240,"wires":[["75d8d7a42c1072d4"]]},{"id":"75d8d7a42c1072d4","type":"debug","z":"a9c11d25de2e5544","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":670,"y":240,"wires":[]},{"id":"61db9c3f37fc1036","type":"ui_group","name":"test","tab":"74b1d602a9d252c0","order":1,"disp":false,"width":"12","collapse":false,"className":""},{"id":"74b1d602a9d252c0","type":"ui_tab","name":"Bom","icon":"dashboard","order":1,"disabled":false,"hidden":false}]
```
---
### Author:  [@UnborN](https://discourse.nodered.org/u/UnborN)
#### Post date: [16 October 2021 20:31 UTC](https://discourse.nodered.org/t/html-input-from-table-with-images/52308/2 "2021-10-16T20:31:29Z")
A quick search on the internets on how to pass event with Angular's ng-click
`ng-click="sendMsg($event)"`
then in your function :
```auto
scope.sendMsg = function(event) {
console.log("Triggered", event)
scope.send({ payload: { button: Number(event.target.id)}})
}
```
**Flow :**
```auto
[{"id":"b11293a5f92bf98a","type":"ui_template","z":"5847b7aa62131d37","group":"61db9c3f37fc1036","name":"","order":1,"width":"6","height":"7","format":"\n\n\n\nTest\n\n\n\n\n \n \n | \n | \n
\n \n | \n | \n
\n \n
\n\n\t\n\n\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":400,"y":1240,"wires":[["75d8d7a42c1072d4"]]},{"id":"75d8d7a42c1072d4","type":"debug","z":"5847b7aa62131d37","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":590,"y":1240,"wires":[]},{"id":"61db9c3f37fc1036","type":"ui_group","name":"test","tab":"74b1d602a9d252c0","order":1,"disp":false,"width":"12","collapse":false,"className":""},{"id":"74b1d602a9d252c0","type":"ui_tab","name":"Bom","icon":"dashboard","order":1,"disabled":false,"hidden":false}]
```
ps. you'll need id's for the rest of the images
---
### Author:  [@RogierQ](https://discourse.nodered.org/u/RogierQ)
#### Post date: [16 October 2021 20:37 UTC](https://discourse.nodered.org/t/html-input-from-table-with-images/52308/3 "2021-10-16T20:37:15Z")
Thanks! for your reply!
---
### Author:  [@system](https://discourse.nodered.org/u/system)
#### Post date: [15 December 2021 20:37 UTC](https://discourse.nodered.org/t/html-input-from-table-with-images/52308/4 "2021-12-15T20:37:28Z")
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.