diff options
| author | luccioman <luccioman@users.noreply.github.com> | 2019-01-30 18:43:13 +0100 |
|---|---|---|
| committer | luccioman <luccioman@users.noreply.github.com> | 2019-01-30 18:43:13 +0100 |
| commit | 69f19710528d363488844c79c973df2c7612648d (patch) | |
| tree | 42a2f486f043ebe6b199398899e44f8a9bd1f26b /htroot/yacysearch.html | |
| parent | 965c752ed5664781ba29b5f0721f93c6b3109e15 (diff) | |
Added basic controls to play all audio results.
Not displayed when JavaScript is disabled.
Diffstat (limited to 'htroot/yacysearch.html')
| -rw-r--r-- | htroot/yacysearch.html | 38 |
1 files changed, 37 insertions, 1 deletions
diff --git a/htroot/yacysearch.html b/htroot/yacysearch.html index abd6843fb..a31a11d11 100644 --- a/htroot/yacysearch.html +++ b/htroot/yacysearch.html @@ -9,6 +9,9 @@ <script type="text/javascript" src="js/ajax.js"></script> <script type="text/javascript" src="js/xml.js"></script> <script type="text/javascript" src="js/yacysearch.js"></script> + #(resultTable)#:::: + #(embed)#::<script type="text/javascript" src="js/yacysearchAudio.js"></script>#(/embed)# + #(/resultTable)# <script type="text/javascript" src="js/highslide/highslide.js"></script> <script type="text/javascript">hs.outlineType = 'rounded-white';</script> <script type="text/javascript" src="env/bootstrap/js/typeahead.jquery.min.js"></script> @@ -23,6 +26,18 @@ #(/jsResort)# <script type="text/javascript"> $(document).ready(function() { + + #(resultTable)#:::: + #(embed)#:: + /* Show the overall audio play control buttons only when JavaScript is enabled as they are useless without it */ + var audioElems = document.getElementsByTagName("audio"); + var audioControls = document.getElementById("audioControls"); + if(audioElems != null && audioElems.length > 0 && audioControls != null && audioControls.className.indexOf("hidden") >= 0) { + audioControls.className = audioControls.className.replace("hidden", ""); + } + #(/embed)# + #(/resultTable)# + #(jsResort)#:: $.get( "yacysearchitem.html", @@ -212,7 +227,28 @@ document.getElementById("Enter").innerHTML = "search again"; <!-- linklist begin --> #(resultTable)#::<table width="100%"><tr class="TableHeader"><td width="30%">Media</td><td width="70%">URL</td></tr> -::<table width="100%"><tr class="TableHeader"><td width="30%">Media</td><td width="70%">URL</td>#(embed)#::<td>Player</td>#(/embed)#</tr>#(/resultTable)# +::<table width="100%"> + <tr class="TableHeader"> + <td width="30%">Media</td> + <td width="70%">URL</td> + #(embed)#::<td>Player + <div id="audioControls" class="btn-group btn-group-xs col-xs-offset-3 hidden" role="group" data-current-track="-1"> + <button id="playAllBtn" type="button" + class="btn btn-default btn-xs" title="Play all" + data-playAll-title="Play all" + data-pause-title="Pause" + onclick="handlePlayAllBtnClick()"> + <span id="playAllIcon" class="glyphicon glyphicon-play"></span> + </button> + <button id="stopAllBtn" + class="btn btn-default btn-xs" title="Stop all" + onclick="handleStopAllBtnClick()"> + <span id="stopAllIcon" class="glyphicon glyphicon-stop"></span> + </button> + </div> + </td>#(/embed)# + </tr> +#(/resultTable)# #(jsResort)# #{results}# <!--#include virtual="yacysearchitem.html?item=#[item]#&eventID=#[eventID]#" --> |