diff --git a/inc/class.page.php b/inc/class.page.php --- a/inc/class.page.php +++ b/inc/class.page.php @@ -105,6 +105,7 @@ class page $this->headCode['jValidate'] = ''; $this->headCode['jAddress'] = ''; $this->headCode['qTip'] = ''; + $this->headCode['qTip2'] = ''; $this->headCode['schedInput'] = ''; $this->headCode['outputPrintStyle'] = ''; $this->headCode['outputStyle'] = ''; diff --git a/input.php b/input.php --- a/input.php +++ b/input.php @@ -24,7 +24,7 @@ include_once 'inc' . DIRECTORY_SEPARATOR include_once 'inc' . DIRECTORY_SEPARATOR . 'class.page.php'; require_once('inc' . DIRECTORY_SEPARATOR . 'schedule_store.inc'); -$scripts = array('jQuery', 'jQueryUI', 'qTip','schedInput'); +$scripts = array('jQuery', 'jQueryUI', 'qTip2','schedInput'); $inputPage = page::page_create('Scheduler', $scripts, FALSE); $schedule_store = FALSE; diff --git a/scripts/scheduleInput.js b/scripts/scheduleInput.js --- a/scripts/scheduleInput.js +++ b/scripts/scheduleInput.js @@ -161,25 +161,26 @@ function genOptionHtml(value, content, t function addTips() { var tr = jQuery('tr'); - var td = tr.eq(tr.length-2); + var td = tr.eq(tr.length-1); - jQuery('td:first', td).qtip({ - /* slate_permutate_example_course_id is set globally in input.php. */ - content: 'Start typing your class ID (such as ' + slate_permutate_example_course_id + ') and click a suggestion to add sections', - style: { - border: { - width: 3, - radius: 4, - color: '#333' + /* slate_permutate_example_course_id is set globally in input.php. */ + jQuery('td:first', td).qtip( + { + content: 'Start typing your class ID (such as ' + slate_permutate_example_course_id + ') and click a suggestion to add sections', + style: { + tip: true, + classes: "ui-tooltip-dark ui-tooltip-shadow ui-tooltip-rounded" }, - name: 'dark', - tip: true - }, - show: { effect: { type: 'fade', length: 2000 } }, - show: { ready: true }, -/* hide: { when: { event: 'inactive' } }, */ - corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } - }); + show: { + ready: true + }, + position:{ + my: 'top left', + at: 'bottom right', + } + } + ); + } /** diff --git a/styles/general.css b/styles/general.css --- a/styles/general.css +++ b/styles/general.css @@ -377,3 +377,16 @@ a:hover { .indent { margin-left: 1em; } + +/* qTip2 Styling */ +.ui-tooltip-dark .ui-tooltip-content{ + border-color: #303030; + border-width: 2px; + color: #f3f3f3; + background-color: #505050; + + background: rgba(80,80,80,.9)!important; + + font: normal bold 1.2em sans-serif; +} +