# Monitoring Using html code

**URL:** <https://forums.distill.io/t/monitoring-using-html-code/1907>\
**Category:** Help and Support\
**Created:** [April 18, 2023, 8:44am UTC](https://forums.distill.io/t/monitoring-using-html-code/1907 "2023-04-18T08:44:23Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![hayest69](https://forums.distill.io/letter_avatar_proxy/v4/letter/h/a587f6/32.png) [@hayest69](https://forums.distill.io/u/hayest69)\
**Post date:** [April 18, 2023, 8:44am UTC](https://forums.distill.io/t/monitoring-using-html-code/1907/1 "2023-04-18T08:44:23Z")

</div>

I am trying to set up a monitor on a website to monitor a pair of trainers for stock, would you be able to help me?

[https://www.sportsdirect.com/reebok-zig-kinetica-sn99-124150#colcode=12415002](https://www.sportsdirect.com/reebok-zig-kinetica-sn99-124150#colcode=12415002)

When selecting the sizes I want (UK10/10.5), there is no difference from when selecting something in stock or out of stock. I can however see that the HTML shows a difference when an item is in stock or not.  
I have tried to configure how to monitor inner HTML to monitor for when it is back in stock but I can’t seem to get it to work

Would you be able to guide me briefly on how to do this?

Thanks in advance 🙂

---

<div class="post-metadata">

**Author:** ![ajitk](https://forums.distill.io/letter_avatar_proxy/v4/letter/a/ec9cab/32.png) [@ajitk](https://forums.distill.io/u/ajitk)\
**Post date:** [April 19, 2023, 1:43am UTC](https://forums.distill.io/t/monitoring-using-html-code/1907/2 "2023-04-19T01:43:19Z")

</div>

Hello @hayest69, welcome to the community forum!

Monitoring HTML for to track changes in availability is possible. It should be possible by monitoring `innerHTML` or `ourterHTML` property of the selection. Following document shows how to selection an attribute or a property using the visual selector:

[https://distill.io/docs/web-monitor/what-is-visual-selector/#how-to-monitor-attribute-and-property-value-for-the-selected-element](https://distill.io/docs/web-monitor/what-is-visual-selector/#how-to-monitor-attribute-and-property-value-for-the-selected-element)

Here is another related post:

> [@Nike.com product availability monitor and check: block color and click avail](https://forums.distill.io/t/nike-com-product-availability-monitor-and-check-block-color-and-click-avail/1764):
>
> Hi all, running into a bit of a technical problem here and checked the forum to see anyone had similar challenges but I guess mine is unique but Im pretty sure it’s simple! Context: [Nike.com](http://Nike.com). monitoring product stock availability. different sizes. sizes block will show up as black and clickable when in stock, and grey and un-clickable when out of stock. I am trying to monitor M for when it comes back in stock. attaching a screenshot here. Any advice on configuration is appreciated!

Try it our and do let me know if it works! 🙂

---

<div class="post-metadata">

**Author:** ![hayest69](https://forums.distill.io/letter_avatar_proxy/v4/letter/h/a587f6/32.png) [@hayest69](https://forums.distill.io/u/hayest69)\
**Post date:** [April 19, 2023, 5:30pm UTC](https://forums.distill.io/t/monitoring-using-html-code/1907/3 "2023-04-19T17:30:37Z")

</div>

Hi,

Thanks for the reply.

I have got to the stage of selecting the inner HTML, and I have added a condition as a test to verify if the HTML source is being picked up by the monitor. The condition is text within the HTML that is already present, and I understand if I want to monitor for ‘in stock’ I will have to change this. However, the monitor is still not picking up this condition.  
Is this the correct way to do this?

 ![image](https://forums.distill.io/uploads/default/original/1X/4d09e67ed05d1a120ac333bfa3b4d76e2311c6d0.png)

---

<div class="post-metadata">

**Author:** ![ajitk](https://forums.distill.io/letter_avatar_proxy/v4/letter/a/ec9cab/32.png) [@ajitk](https://forums.distill.io/u/ajitk)\
**Post date:** [April 20, 2023, 1:08pm UTC](https://forums.distill.io/t/monitoring-using-html-code/1907/4 "2023-04-20T13:08:34Z")

</div>

Before we dive into conditions, do you need to set a condition to filter alerts or will any alert be work?

The text in condition is very long. My concern is the spaces that are present in the condition. What does the Text mode[1] in change history show?

[1] [Change history and highlighted changes – Distill](https://distill.io/docs/web-monitor/change-history-and-highlighted-changes/)

---

<div class="post-metadata">

**Author:** ![hayest69](https://forums.distill.io/letter_avatar_proxy/v4/letter/h/a587f6/32.png) [@hayest69](https://forums.distill.io/u/hayest69)\
**Post date:** [April 20, 2023, 8:49pm UTC](https://forums.distill.io/t/monitoring-using-html-code/1907/5 "2023-04-20T20:49:23Z")

</div>

I’ve simplified the conditions to have just the quantity as a condition however it is still not picking this up.

 ![image](https://forums.distill.io/uploads/default/original/1X/411e5282d5d4c0d14f7605ca287e2f57c6fb2493.png)  
The change history does not display anything.  
What do you think is the best way to monitor this?  
[https://www.sportsdirect.com/reebok-zig-kinetica-sn99-124150#colcode=12415002](https://www.sportsdirect.com/reebok-zig-kinetica-sn99-124150#colcode=12415002)

---

<div class="post-metadata">

**Author:** ![ajitk](https://forums.distill.io/letter_avatar_proxy/v4/letter/a/ec9cab/32.png) [@ajitk](https://forums.distill.io/u/ajitk)\
**Post date:** [April 21, 2023, 4:53am UTC](https://forums.distill.io/t/monitoring-using-html-code/1907/6 "2023-04-21T04:53:44Z")

</div>

Couple of quick questions:

1. What does the diff in Text mode look like? If you can share a screenshot, that will be great.
2. Do you get alerts when there is no condition set?
