Click here to Skip to main content
11,930,069 members (40,864 online)


AnswerRe: Java Script Pin
ryanb3119-Dec-12 2:37
memberryanb3119-Dec-12 2:37 
AnswerRe: Java Script Pin
vbmike19-Dec-12 5:28
membervbmike19-Dec-12 5:28 
QuestionUsing datePicker to disable dates already selected Pin
xnaLearner11-Dec-12 4:39
memberxnaLearner11-Dec-12 4:39 
Questionjquery tabslideout plugin and wired behavior Pin
Tridip Bhattacharjee9-Dec-12 22:13
memberTridip Bhattacharjee9-Dec-12 22:13 
our company has web site called i tried to put the sliding behavior on the left side of our web site but the div is not showing properly when page load and when we click on expand button then nothing happen. here is the sample code of tabslideout plugin.
when i add the above script in blank page then it works fine but when i add this code in our live site then it didn't work properly.
may be i put the div called "slide-out-div" in wrong div or in wrong place. so it is my request please go to our website and inspect the page structure with firebug or by any other tool and tell me how could i setup the above script as a result feedback button should come at left and when user click on feedback button then div called "slide-out-div" should expand. thanks
<script src="" type="text/javascript"></script>
<script src=""></script>
<script type="text/javascript">
        tabHandle: '.handle',                     //class of the element that will become your tab
        pathToTabImage: 'images/contact_tab.gif', //path to the image for the tab //Optionally can be set using css
        imageHeight: '122px',                     //height of tab image           //Optionally can be set using css
        imageWidth: '40px',                       //width of tab image            //Optionally can be set using css
        tabLocation: 'left',                      //side of screen where tab lives, top, right, bottom, or left
        speed: 300,                               //speed of animation
        action: 'click',                          //options: 'click' or 'hover', action to trigger animation
        topPos: '200px',                          //position from the top/ use if tabLocation is left or right
        leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
        fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
  <style type="text/css">
  .slide-out-div {
      padding: 20px;
      width: 250px;
      background: #ccc;
      border: 1px solid #29216d;
 <div class="slide-out-div">
        <a class="handle" href="http://link-for-non-js-users.html">Content</a>
        <h3>Contact me</h3>
        <p>Thanks for checking out my jQuery plugin, I hope you find this useful.
        <p>This can be a form to submit feedback, or contact info</p>

AnswerRe: jquery tabslideout plugin and wired behavior Pin
Mayor Daily17-Dec-12 5:22
memberMayor Daily17-Dec-12 5:22 
GeneralRe: jquery tabslideout plugin and wired behavior Pin
Tridip Bhattacharjee18-Dec-12 1:55
memberTridip Bhattacharjee18-Dec-12 1:55 
QuestionNeed help understanding binding Pin
Steve Bondy7-Dec-12 15:00
memberSteve Bondy7-Dec-12 15:00 
QuestionText replace Pin
rakeshs3127-Dec-12 0:06
memberrakeshs3127-Dec-12 0:06 
AnswerRe: Text replace Pin
Richard MacCutchan7-Dec-12 1:43
mvpRichard MacCutchan7-Dec-12 1:43 
GeneralRe: Text replace Pin
rakeshs3129-Dec-12 6:40
memberrakeshs3129-Dec-12 6:40 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Advertise | Privacy | Mobile
Web04 | 2.8.151126.1 | Last Updated 27 Nov 2015
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid