[ticket/9388] Use the new toggle function for the avatar type <select>.

PHPBB3-9388
This commit is contained in:
Cesar G 2014-05-06 18:19:05 -07:00
parent e378037516
commit 1836b01303
7 changed files with 8 additions and 61 deletions

View file

@ -114,10 +114,10 @@
</dl> </dl>
<dl> <dl>
<dt><label>{L_AVATAR_TYPE}{L_COLON}</label></dt> <dt><label>{L_AVATAR_TYPE}{L_COLON}</label></dt>
<dd><select name="avatar_driver" id="avatar_driver"> <dd><select name="avatar_driver" id="avatar_driver" data-toggable-settings="true">
<option value="">{L_NO_AVATAR_CATEGORY}</option> <option value="">{L_NO_AVATAR_CATEGORY}</option>
<!-- BEGIN avatar_drivers --> <!-- BEGIN avatar_drivers -->
<option value="{avatar_drivers.DRIVER}"<!-- IF avatar_drivers.SELECTED --> selected="selected"<!-- ENDIF -->>{avatar_drivers.L_TITLE}</option> <option value="{avatar_drivers.DRIVER}"<!-- IF avatar_drivers.SELECTED --> selected="selected"<!-- ENDIF --> data-toggle-setting="#avatar_option_{avatar_drivers.DRIVER}">{avatar_drivers.L_TITLE}</option>
<!-- END avatar_drivers --> <!-- END avatar_drivers -->
</select></dd> </select></dd>
</dl> </dl>
@ -139,8 +139,6 @@
</fieldset> </fieldset>
</form> </form>
<!-- INCLUDEJS avatars.js -->
<!-- ELSEIF S_LIST --> <!-- ELSEIF S_LIST -->
<a href="{U_BACK}" style="float: {S_CONTENT_FLOW_END};">&laquo; {L_BACK}</a> <a href="{U_BACK}" style="float: {S_CONTENT_FLOW_END};">&laquo; {L_BACK}</a>

View file

@ -13,10 +13,10 @@
<legend>{L_AVATAR_SELECT}</legend> <legend>{L_AVATAR_SELECT}</legend>
<dl> <dl>
<dt><label>{L_AVATAR_TYPE}</label></dt> <dt><label>{L_AVATAR_TYPE}</label></dt>
<dd><select name="avatar_driver" id="avatar_driver"> <dd><select name="avatar_driver" id="avatar_driver" data-toggable-settings="true">
<option value="">{L_NO_AVATAR_CATEGORY}</option> <option value="">{L_NO_AVATAR_CATEGORY}</option>
<!-- BEGIN avatar_drivers --> <!-- BEGIN avatar_drivers -->
<option value="{avatar_drivers.DRIVER}"<!-- IF avatar_drivers.SELECTED --> selected="selected"<!-- ENDIF -->>{avatar_drivers.L_TITLE}</option> <option value="{avatar_drivers.DRIVER}"<!-- IF avatar_drivers.SELECTED --> selected="selected"<!-- ENDIF --> data-toggle-setting="#avatar_option_{avatar_drivers.DRIVER}">{avatar_drivers.L_TITLE}</option>
<!-- END avatar_drivers --> <!-- END avatar_drivers -->
</select></dd> </select></dd>
</dl> </dl>
@ -35,5 +35,3 @@
{S_FORM_TOKEN} {S_FORM_TOKEN}
</fieldset> </fieldset>
</form> </form>
<!-- INCLUDEJS avatars.js -->

View file

@ -1,15 +0,0 @@
(function($) { // Avoid conflicts with other libraries
"use strict";
function avatarHide() {
$('#avatar_options > div').hide();
var selected = $('#avatar_driver').val();
$('#avatar_option_' + selected).show();
}
avatarHide();
$('#avatar_driver').bind('change', avatarHide);
})(jQuery); // Avoid conflicts with other libraries

View file

@ -1,15 +0,0 @@
(function($) { // Avoid conflicts with other libraries
"use strict";
function avatarHide() {
$('#avatar_options > div').hide();
var selected = $('#avatar_driver').val();
$('#avatar_option_' + selected).show();
}
avatarHide();
$('#avatar_driver').bind('change', avatarHide);
})(jQuery); // Avoid conflicts with other libraries

View file

@ -16,10 +16,10 @@
<fieldset> <fieldset>
<dl> <dl>
<dt><label>{L_AVATAR_TYPE}{L_COLON}</label></dt> <dt><label>{L_AVATAR_TYPE}{L_COLON}</label></dt>
<dd><select name="avatar_driver" id="avatar_driver"> <dd><select name="avatar_driver" id="avatar_driver" data-toggable-settings="true">
<option value="">{L_NO_AVATAR_CATEGORY}</option> <option value="">{L_NO_AVATAR_CATEGORY}</option>
<!-- BEGIN avatar_drivers --> <!-- BEGIN avatar_drivers -->
<option value="{avatar_drivers.DRIVER}"<!-- IF avatar_drivers.SELECTED --> selected="selected"<!-- ENDIF -->>{avatar_drivers.L_TITLE}</option> <option value="{avatar_drivers.DRIVER}"<!-- IF avatar_drivers.SELECTED --> selected="selected"<!-- ENDIF --> data-toggle-setting="#avatar_option_{avatar_drivers.DRIVER}">{avatar_drivers.L_TITLE}</option>
<!-- END avatar_drivers --> <!-- END avatar_drivers -->
</select></dd> </select></dd>
</dl> </dl>
@ -46,5 +46,3 @@
<!-- ENDIF --> <!-- ENDIF -->
</div> </div>
</div> </div>
<!-- INCLUDEJS avatars.js -->

View file

@ -1,15 +0,0 @@
(function($) { // Avoid conflicts with other libraries
"use strict";
function avatarHide() {
$('.[class^="avatar_option_"]').hide();
var selected = $('#avatar_driver').val();
$('.avatar_option_' + selected).show();
}
avatarHide();
$('#avatar_driver').bind('change', avatarHide);
})(jQuery); // Avoid conflicts with other libraries

View file

@ -27,10 +27,10 @@
<tr> <tr>
<td class="row1" width="35%"><b class="genmed">{L_AVATAR_TYPE}{L_COLON}</b></td> <td class="row1" width="35%"><b class="genmed">{L_AVATAR_TYPE}{L_COLON}</b></td>
<td class="row2"> <td class="row2">
<select name="avatar_driver" id="avatar_driver"> <select name="avatar_driver" id="avatar_driver" data-toggable-settings="true">
<option value="">{L_NO_AVATAR_CATEGORY}</option> <option value="">{L_NO_AVATAR_CATEGORY}</option>
<!-- BEGIN avatar_drivers --> <!-- BEGIN avatar_drivers -->
<option value="{avatar_drivers.DRIVER}"<!-- IF avatar_drivers.SELECTED --> selected="selected"<!-- ENDIF -->>{avatar_drivers.L_TITLE}</option> <option value="{avatar_drivers.DRIVER}"<!-- IF avatar_drivers.SELECTED --> selected="selected"<!-- ENDIF --> data-toggle-setting=".avatar_option_{avatar_drivers.DRIVER}">{avatar_drivers.L_TITLE}</option>
<!-- END avatar_drivers --> <!-- END avatar_drivers -->
</select></td> </select></td>
</tr> </tr>
@ -48,6 +48,4 @@
</tr> </tr>
</table> </table>
<!-- INCLUDEJS avatars.js -->
<!-- INCLUDE ucp_footer.html --> <!-- INCLUDE ucp_footer.html -->