Advanced Targeting Conditions: HTML Conditions

The following Conditions are part of our  Advanced Targeting Conditions Extension

Back to view all  Advanced Targeting Conditions Docs.

HTML Element Exists

(Above)   A screenshot of the Popup Editor >> ' Popup Settings' box >> ' Targeting' option tab showing the condition 'HTML Element Exists'

Variables 

  • Element Selector ( jQuery/CSS) (field).

Definition

Activates a popup for display when a specified HTML element ( tag or attribute ) is detected in the browser. The target element may not be on the visible part of the screen.

Uses

The most general condition of this type. Allows flexibility to detect either an HTML element or attribute (also known as a CSS selector) present on page load. 

HTML Element Has Class

(Above)   A screenshot of the Popup Editor >>  ' Popup Settings'  box >> ' Targeting'  option tab showing the condition  'HTML Element Has Class'

Variables 

  • Element Selector ( jQuery/CSS ) (field);
  • Class to test for (field).

Definition

Activates a popup for display when a specified HTML element and CSS selector are detected in the browser.  

Uses

Target a specific and unique combination of HTML element and CSS/jQuery selector present on page load.

HTML Element on Screen

(Above)    A screenshot of the Popup Editor >>  ' Popup Settings'  box >> ' Targeting'  option tab showing the condition  'HTML Element On Screen'

Variables 

  • Element Selector ( jQuery/CSS) (field);
  • Only if element is completely visible on screen ( checkbox; default = 'unchecked' ).

Definition

Activates a popup for display when a specified HTML element or CSS/jQuery selector are detected in the browser.  By default, this condition activates the popup if the HTML element or CSS/jQuery selector is loaded in the browser ( checkbox = 'unchecked' ). The selector may not be visible to the viewer.  

An option is provided to activate the popup only when the element or selector is loaded in the browser and visible on the screen ( checkbox = 'checked' ).

Uses

Target a specific HTML element or CSS/jQuery selector on page load, or when present in the visible part of the screen.