Download presentation
Presentation is loading. Please wait.
1
课程名称：网页无障碍实战之Emlog个人博客系统
讲师：蔡勇斌
2
第四章：无障碍改造实战（6）——无障碍改造实战之后台用户管理(上)
给每个用户增加TAB焦点及其相关属性： <a tabindex="0" role="menubar" aria-haspopup="true"> <?php echo empty($val['name']) ? $val['login'] : $val['name']; ?><br /> <?php echo $val['role'] == ROLE_ADMIN ? $val['uid'] == 1 ? '创始人':'管理员' : '作者'; ?> <?php if ($val['role'] == ROLE_WRITER && $val['ischeck'] == 'y') echo '(文章需审核)';?></a>
3
第四章：无障碍改造实战（6）——无障碍改造实战之后台用户管理(上)
让用户关联的“编辑、删除”菜单的控件类型为menuitem: <span style="display:none; margin-left:8px;"> <?php if (UID != $val['uid']): ?> <a href="user.php?action=edit&uid=<?php echo $val['uid']?>" role="menuitem">编辑</a> <a href="javascript: em_confirm(<?php echo $val['uid']; ?>, 'user', '<?php echo LoginAuth::genToken(); ?>');" class="care" role="menuitem">删除</a> <?php else:?> <a href="blogger.php" role="menuitem">编辑</a> <?php endif;?> </span>
4
第四章：无障碍改造实战（6）——无障碍改造实战之后台用户管理(上)
让每个用户响应空格键触发菜单： .keydown(function(e){ if(e.which==32){ if($(this).find("span").is(":visible")==false){$(this).addClass("trover");$(this).find("span").show();} else{$(this).removeClass("trover");$(this).find("span").hide();} } })
Similar presentations
