Title: running javascript in a UI tab
Last modified: August 20, 2016

---

# running javascript in a UI tab

 *  Resolved [hankmoody](https://wordpress.org/support/users/hankmoody/)
 * (@hankmoody)
 * [14 years, 11 months ago](https://wordpress.org/support/topic/running-javascript-in-a-ui-tab/)
 * Hi I really hope someone can help me as I am tearing my hair out. I built my 
   clients site theme around the Jquery Post UI tabs plugin. The plugin is simply
   the wordpress version of jQuery’s excellent ui tabs. My client is adamant that
   this should not change. I now need to embed a booking js booking calendar in 
   one of the tabs (this is NOT a wordpress plugin as I couldn’t find anything that
   met the clients needs – the the scripts ar eloaded into the public_html folder
   and admin is outside of the wordpress admin environment for now).
 * I placed the following code in my header.php:<link type=”text/css” rel=”stylesheet”
   href=”/cal/css/calendar.css” />
    <link type=”text/css” rel=”stylesheet” href=”/
   cal/ajax.php?controller=calendars&action=css&cid=1″ /> <script type=”text/javascript”
   src=”/cal/js/custom.js”></script> <script type=”text/javascript” src=”/cal/js/
   front.js”></script>`
 * Secondly, in a UI tab, and between the [tab] and [/tab], I placed this code to
   call the javascript :
    `<script type="text/javascript" src="/availabilitycalendar/
   load.php?cid=1&view=1"></script>`
 * The calendar IS visable and seems to be working BUT it appears AFTER(under) the
   UI tab window. ie looks like the calendar js is only running AFTER the jquery
   UI tab. I have tried a number of ideas without success (javascript plugins for
   example) but the result is always the same – the calendar renders outside the
   ui tab area.
 * Could someone please point me in the right direction – iwould be really grateful.

Viewing 1 replies (of 1 total)

 *  Thread Starter [hankmoody](https://wordpress.org/support/users/hankmoody/)
 * (@hankmoody)
 * [14 years, 11 months ago](https://wordpress.org/support/topic/running-javascript-in-a-ui-tab/#post-2162784)
 * further to my last post, i relaised when looking at the source that the div tags
   were missing. problem solved.

Viewing 1 replies (of 1 total)

The topic ‘running javascript in a UI tab’ is closed to new replies.

## Tags

 * [javascript](https://wordpress.org/support/topic-tag/javascript/)
 * [jquery](https://wordpress.org/support/topic-tag/jquery/)
 * [tab content](https://wordpress.org/support/topic-tag/tab-content/)
 * [ui.tabs](https://wordpress.org/support/topic-tag/ui-tabs/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 1 participant
 * Last reply from: [hankmoody](https://wordpress.org/support/users/hankmoody/)
 * Last activity: [14 years, 11 months ago](https://wordpress.org/support/topic/running-javascript-in-a-ui-tab/#post-2162784)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics