diff --git a/extension/lite/leave/ext/view/browse.oa.html.hook.php b/extension/lite/leave/ext/view/browse.oa.html.hook.php
new file mode 100644
index 0000000000..cfb4b19194
--- /dev/null
+++ b/extension/lite/leave/ext/view/browse.oa.html.hook.php
@@ -0,0 +1,7 @@
+<?php js::set('type', $type)?>
+<script>
+$(function()
+{
+    $('#<?php echo $type?>').addClass('active');
+})
+</script>
diff --git a/extension/lite/lieu/ext/view/browse.oa.html.hook.php b/extension/lite/lieu/ext/view/browse.oa.html.hook.php
new file mode 100644
index 0000000000..cfb4b19194
--- /dev/null
+++ b/extension/lite/lieu/ext/view/browse.oa.html.hook.php
@@ -0,0 +1,7 @@
+<?php js::set('type', $type)?>
+<script>
+$(function()
+{
+    $('#<?php echo $type?>').addClass('active');
+})
+</script>
diff --git a/extension/lite/makeup/ext/view/browse.oa.html.hook.php b/extension/lite/makeup/ext/view/browse.oa.html.hook.php
new file mode 100644
index 0000000000..cfb4b19194
--- /dev/null
+++ b/extension/lite/makeup/ext/view/browse.oa.html.hook.php
@@ -0,0 +1,7 @@
+<?php js::set('type', $type)?>
+<script>
+$(function()
+{
+    $('#<?php echo $type?>').addClass('active');
+})
+</script>
diff --git a/extension/lite/overtime/ext/view/browse.oa.html.hook.php b/extension/lite/overtime/ext/view/browse.oa.html.hook.php
new file mode 100644
index 0000000000..cfb4b19194
--- /dev/null
+++ b/extension/lite/overtime/ext/view/browse.oa.html.hook.php
@@ -0,0 +1,7 @@
+<?php js::set('type', $type)?>
+<script>
+$(function()
+{
+    $('#<?php echo $type?>').addClass('active');
+})
+</script>