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.