Skip to content

V
vlc-gpu
Commit 01150186 authored by Antoine Cellerier's avatar Antoine Cellerier
Browse files
Options

Slightly better IE and Firefox compatible version of the sort and services discovery menus.

parent 470aabb1
Hide whitespace changes
Inline Side-by-side
Showing with 65 additions and 47 deletions
share/http/dialogs/playlist
View file @ 01150186
...@@ -31,50 +31,60 @@ This dialog needs the following dialogs to be fully functional: <none> ...@@ -31,50 +31,60 @@ This dialog needs the following dialogs to be fully functional: <none>
<img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('playlist');"/> <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('playlist');"/>
</div> </div>
<div class="controls"> <div class="controls">
<!--<button id="btn_delete" onmouseover="button_over(this);" onmouseout="button_out(this);"> <table>
<img src="images/delete.png" alt="Delete" /> <tr>
<span class="btn_text">Delete</span> <td>
</button>--> <!--<button id="btn_delete" onmouseover="button_over(this);" onmouseout="button_out(this);">
<button id="btn_empty" onclick="pl_empty();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Empty" > <img src="images/delete.png" alt="Delete" />
<img src="images/empty.png" alt="Empty" /> <span class="btn_text">Delete</span>
<span class="btn_text">Empty</span> </button>-->
</button> <button id="btn_empty" onclick="pl_empty();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Empty" >
<button id="btn_shuffle" onclick="pl_shuffle();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Shuffle" > <img src="images/empty.png" alt="Empty" />
<img src="images/shuffle.png" alt="Shuffle" /> <span class="btn_text">Empty</span>
<span class="btn_text">Shuffle</span> </button>
</button> <button id="btn_shuffle" onclick="pl_shuffle();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Shuffle" >
<button id="btn_loop" onclick="pl_loop();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Loop" > <img src="images/shuffle.png" alt="Shuffle" />
<img src="images/loop.png" alt="Loop" /> <span class="btn_text">Shuffle</span>
<span class="btn_text">Loop</span> </button>
</button> <button id="btn_loop" onclick="pl_loop();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Loop" >
<button id="btn_repeat" onclick="pl_repeat();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Repeat" > <img src="images/loop.png" alt="Loop" />
<img src="images/repeat.png" alt="Repeat" /> <span class="btn_text">Loop</span>
<span class="btn_text">Repeat</span> </button>
</button> <button id="btn_repeat" onclick="pl_repeat();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Repeat" >
<div id="btn_sort" class="menubtn" style="margin-left: 5px" onmouseover="show_menu('menu_sort');" onmouseout="hide_menu('menu_sort');" title="Sort" > <img src="images/repeat.png" alt="Repeat" />
<img src="images/sort.png" alt="Sort" /> <span class="btn_text">Repeat</span>
<span class="btn_text">Sort</span> </button>
<div id="menu_sort" class="menu" > </td>
<button onclick="pl_sort(1,0);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Name ascending" >Name</button><br/> <td onmouseout="hide_menu('menu_sort');" onmouseover="show_menu('menu_sort');" >
<button onclick="pl_sort(1,1);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Name descending" >Name reverse</button><br/> <button id="btn_sort" title="Sort" >
<button onclick="pl_sort(3,0);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Author ascending" >Author</button><br/> <img src="images/sort.png" alt="Sort" />
<button onclick="pl_sort(3,1);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Author ascending" >Author reverse</button><br/> <span class="btn_text">Sort</span>
<button onclick="pl_sort(5,0);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Randomize" >Random</button><br/> </button>
<button onclick="pl_sort(7,0);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Track number" >Track number</button><br/> <div id="menu_sort" class="menu" >
<button onclick="pl_sort(0,0);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Id ascending" >Id</button><br/> <button class="menuout" onclick="pl_sort(1,0);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Name ascending" >Name</button><br/>
<button onclick="pl_sort(0,1);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Id descending" >Id reverse</button><br/> <button class="menuout" onclick="pl_sort(1,1);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Name descending" >Name reverse</button><br/>
</div> <button class="menuout" onclick="pl_sort(3,0);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Author ascending" >Author</button><br/>
</div> <button class="menuout" onclick="pl_sort(3,1);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Author ascending" >Author reverse</button><br/>
<div id="btn_sd" class="menubtn" style="margin-left: 30px" onmouseover="show_menu('menu_sd');" onmouseout="hide_menu('menu_sd');" title="Services Discovery" > <button class="menuout" onclick="pl_sort(5,0);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Randomize" >Random</button><br/>
<img src="images/sd.png" alt="Services Discovery" /> <button class="menuout" onclick="pl_sort(7,0);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Track number" >Track number</button><br/>
<span class="btn_text">Services Discovery</span> <button class="menuout" onclick="pl_sort(0,0);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Id ascending" >Id</button><br/>
<div id="menu_sd" class="menu" > <button class="menuout" onclick="pl_sort(0,1);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Id descending" >Id reverse</button><br/>
<vlc id="rpn" param1="services_discovery" /> </div>
<vlc id="foreach" param1="sd" param2="object" /> </td>
<button onclick="pl_sd('<vlc id="value" param1="sd" />');hide_menu('menu_sd');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Toggle <vlc id="value" param1="sd.name" />" ><vlc id="value" param1="sd.name" /></button><br/> <td onmouseover="show_menu('menu_sd');" onmouseout="hide_menu('menu_sd');">
<vlc id="end" /> <button id="btn_sd" title="Services Discovery" >
</div> <img src="images/sd.png" alt="Services Discovery" />
</div> <span class="btn_text">Services Discovery</span>
</button>
<div id="menu_sd" class="menu" >
<vlc id="rpn" param1="services_discovery" />
<vlc id="foreach" param1="sd" param2="object" />
<button onclick="pl_sd('<vlc id="value" param1="sd" />');hide_menu('menu_sd');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" class="menuout" title="Toggle <vlc id="value" param1="sd.name" />" ><vlc id="value" param1="sd.name" /></button><br/>
<vlc id="end" />
</div>
</td>
</tr>
</table>
</div> </div>
<div id="playtree"> <div id="playtree">
(?) (?)
......
share/http/iehacks.css
View file @ 01150186
...@@ -26,6 +26,12 @@ div.menu { ...@@ -26,6 +26,12 @@ div.menu {
margin-top: 15px; margin-top: 15px;
background: #fff; background: #fff;
} }
div.menu button {
background: #fff;
}
div.menu button.menuout {
border: 1px solid #fff;
}
div#mosaic_list { div#mosaic_list {
background: #fff; background: #fff;
......
share/http/style.css
View file @ 01150186
...@@ -224,9 +224,6 @@ div.controls button.off { ...@@ -224,9 +224,6 @@ div.controls button.off {
div.menubtn { div.menubtn {
display: inline; display: inline;
position: absolute;
margin-top: 2px;
font-size: 0.70em;
} }
div.menu { div.menu {
...@@ -241,8 +238,13 @@ div.menu { ...@@ -241,8 +238,13 @@ div.menu {
div.menu button { div.menu button {
background: transparent; background: transparent;
}
div.menu button.menuout {
border: 1px solid transparent; border: 1px solid transparent;
} }
div.menu button.menuover {
border: 1px solid #000;
}
div.popup img.close { div.popup img.close {
position: absolute; position: absolute;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment