Online Standards

Telstra Home Online Standards Resources Pop-ups

Pop-ups

Telstra has created a JavaScript that automatically converts links into popups when they have certain classes. This lets you create popups that are:

  • faster and easier to develop
  • more robust
  • more likely to be standards-compliant
  • more consistent across Telstra's online presence

How to use

For each popup, give it the appropriate class name from the table below. For example, links to the Telstra Shop locator tool should be coded as follows:

<a href="http://www.store-locator.telstra.com.au" class="shopLocator">Find your nearest Telstra Store</a>
If you don't provide a title attribute, the code will automatically set it to 'Opens in new window'.

Popup types

For popups that don't fit into one of the below categories, you'll still need to create custom code; make sure it meets the rules of the current Popups standard.
 
Link type Class name Height Width Menu Status Loc Tool Scroll Example
External page externalSite 80% 80% Yes Yes Yes Yes Yes Example
Shop locator tool shopLocator 810px 500px Yes Yes Yes Yes Yes Example
Popup help/infobox popupInfo 200px 350px No No No No Yes Example
Large application popupAppLarge 80% 80% No Yes No No Yes Example
Mid application popupAppMid 600px 500px No Yes No No Yes Example
Live Chat window LiveChat 398px 511px No No No No No Example

Live Chat may only work with V10.