Navigation via JavaScript¶
Navigate to URL¶
Navigate to a URL once selected drop-down is changed:
<select data-global-event="change" data-action-navigate="$value">'
$value refers to selected value.
Navigate to URL with Data¶
Navigate to a URL on change of a drop-down, including the selected value in the URL:
<select value="0" name="depth" data-global-event="change"
data-action-navigate="$data=~s/$value/" data-navigate-value="https://example.org/${value}">
$data refers to value of data-navigate-value, $value to selected value,
$data=~s/$value/ replaces literal ${value} with selected value in :html:`data-navigate-value
Show Info Popup¶
Invoke TYPO3.InfoWindow.showItem module function to display details for a given
record:
data-dispatch-action="TYPO3.InfoWindow.showItem" data-dispatch-args-list="be_users,123">
<!-- ... or (using JSON arguments) ... -->
data-dispatch-action="TYPO3.InfoWindow.showItem" data-dispatch-args="["tt_content",123]">
Shows the info popup of database table tt_content, having uid=123 in the example above.