This is an example of some text that has a trigger placed inline, meaning that the trigger does not break the flow of the text. However, when this triggerhidden content is clicked and the target is expanded, the target would break the paragraph as a display: block element. Naturally, when the element is collapsed, the inline flow returns.
...However, when [expand tag="span" title="this trigger" targtag="span"]hidden content[/expand] is clicked...
The Roll-Your-Own Method
This is an example of some text that has a trigger placed inline, using the roll-your-own method. However, when this trigger
hidden content
is clicked and the target is expanded, the target would break the paragraph as a display: block element. Naturally, when the element is collapsed, the inline flow returns.
...However, when <span title="this trigger" class="collapseomatic" id="testme2">this trigger</span><div class="collapseomatic_content" id="target-testme2">hidden content</div>
is clicked...
This is an example of how a limited time offer would work in conjunction with content in a collapse-o-matic expand element.
This demo uses T(-) Countdown Control with a cookie that tracks when the offer expires for each unique visitor. Once the countdown reaches zero, T(-) Countdown Events will remove any special offer items.
For this demo, we’ll set the special timer for just two minutes. The offer will then be removed for 24 hours, and then after the 24 hours are past, the offer will reset.
Days
0
0
Hours
0
0
Minutes
0
2
Seconds
0
0
Details
this is where the details of the special are presented
This is a test of the new T(-) Opening Hours add-on plugin for T(-) Countdown Control.
It will allow a countdown schedule to be defined by referencing a weekly opening schedule.
Normally a countdown groups the units of time (weeks, days, hours, minutes and seconds) into a single countdown unit. But what if you wanted to break out these units and have them displayed on different parts of the page?
Step One. We will need to add a new attribute that tells the countdown NOT to display any of the digits. This way all the countdown scripts and details are still loaded, but the countdown is not displayed. Something like:
Step Two. A new shortcode will need to be created for displaying the time unit. We will need to know the countdown id (cid) the time unit to be displayed, and the style to be used, if other than the default style set up on the plugin settings. If a custom style is used it must be defined in both the countdown and the units like so:
As of version 1.2.6 we have introduced a new shortcode to print-pro-matic, just for printing PDFs.Note: the ability to print pdf files from javascript is currently not supported in FireFox. Therefore the PDF will open in a new tab and the user can print from there.
This will produce a simple button that will print the pdf:
The optional attirbutes for the print-pdf shortcode are as follows: id
The ID attribute will assign a custom ID to the button. If no ID is assigned a random id will be assigned.
title
The title attribute will assign the text of the print button. If no title is assigned, the button will have the tex of: ‘Print PDF’
class
The class attribute will assign the button a custom class.
tag
The tag attribute will change the trigger element from the default button to, say a div. For example:
[print-pdf pdf_url="url_to_pdf" tag="div"/]
img_url
The img_url attribute is used to define the image URL to use as a trigger. Using a trigger image will override standard print trigger, replacing it with the chosen image.
[print-pdf img_url="url_to_trigger_image"/]
width
Use the width attribute along with the img_url to define the image width.
height
Use the height attribute along with the img_url to define the image height.
alt
Use the alt attribute along with the img_url to define the image alt value.
redirect_url
Full url to redirect the user to after either a) the print dialogue closes or b) the pdf is loaded into a new tab (depending on which browser is being used)
Using the new [this year] and [this_easter] shortcodes introduced with T(-) Countdown version 1.8.0, it’s easy to calculate holidays such as labor day like so:
Launch Strtotime: september [this_year] first monday
Weeks
2
3
Days
0
3
Hours
1
2
Minutes
2
2
Seconds
4
9
As of version 1.8.2, using these shortcodes will automatically recalculate for next year’s date after the holiday has past. Holidays should be set as recurring ‘Yearly’ and they will automatically be rescheduled for next year.
Other Holidays can be calculated in the same manner:
New Years: first day of january [this_year]
Martin Luther King, Jr. Day: january [this_year] third monday
President’s Day: february [this_year] third monday
Easter: [this_easter]
Ascension Day: [this_easter] + 40 days
Pentecost: [this_easter] + 50 days
Memorial Day: last monday of may
Independence Day: july 4 [this_year]
Labor Day: september [this_year] first monday
Columbus Day: october [this_year] second monday
Veteran’s Day: november 11 [this_year]
Thanksgiving Day: november [this_year] fourth thursday
Christmas Day: december 25 [this_year]
Tests
Ascension Day
Weeks
0
9
Days
0
6
Hours
1
2
Minutes
2
2
Seconds
4
9
The target date is: Thu, 30th May, 2019
Eight Days before Thanksgiving
november [this_year] fourth thursday + 14 hours 30 minutes – 8 days
Test of a faster redirect when a countdown is already expired.
Days
-
1
Hours
-
1
Minutes
-
3
Seconds
-
1
Days
-
1
Hours
-
1
Minutes
-
3
Seconds
-
1
We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.OKPrivacy Policy
