View Categories

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 #

File 2Zpmeaskp2

(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 #

File Lv3Balazpf

(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 #

File

(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. 

Leave the first comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.