Click here to Skip to main content
       

JavaScript

 
QuestionCan't figure out why the currentSlide goes 0-3-2 Pinmemberjkirkerx16-Dec-12 12:08 
AnswerRe: Can't figure out why the currentSlide goes 0-3-2 Pinmemberjkirkerx17-Dec-12 8:40 
AnswerSo I rewrote the program from scratch, works pretty good now, feel free to build on it Pinmemberjkirkerx19-Dec-12 17:45 
GeneralRe: So I rewrote the program from scratch, works pretty good now, feel free to build on it PinmvpRichard MacCutchan19-Dec-12 23:15 
GeneralRe: So I rewrote the program from scratch, works pretty good now, feel free to build on it Pinmemberjkirkerx20-Dec-12 6:18 
GeneralRe: So I rewrote the program from scratch, works pretty good now, feel free to build on it PinmvpRichard MacCutchan20-Dec-12 6:39 
QuestionJava Script Pinmembermanoj s sherje14-Dec-12 1:05 
QuestionRe: Java Script PinmemberProgramFOX14-Dec-12 1:33 
QuestionRe: Java Script Pinmemberryanb3118-Dec-12 5:06 
AnswerRe: Java Script Pinmembermanoj s sherje19-Dec-12 1:01 
AnswerRe: Java Script Pinmemberryanb3119-Dec-12 1:37 
AnswerRe: Java Script Pinmembervbmike19-Dec-12 4:28 
QuestionUsing datePicker to disable dates already selected PinmemberxnaLearner11-Dec-12 3:39 
Questionjquery tabslideout plugin and wired behavior PinmemberTridip Bhattacharjee9-Dec-12 21:13 
our company has web site called http://www.bba-reman.com. 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 http://www.bba-reman.com 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="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
 
<script type="text/javascript">
$(function(){
    $('.slide-out-div').tabSlideOut({
        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
    });
 
});
 
</script>
 
  <style type="text/css">
  .slide-out-div {
      padding: 20px;
      width: 250px;
      background: #ccc;
      border: 1px solid #29216d;
  }
  </style>
 
 <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>
        <p>This can be a form to submit feedback, or contact info</p>
 </div>
tbhattacharjee

AnswerRe: jquery tabslideout plugin and wired behavior PinmemberMayor Daily17-Dec-12 4:22 
GeneralRe: jquery tabslideout plugin and wired behavior PinmemberTridip Bhattacharjee18-Dec-12 0:55 
QuestionNeed help understanding binding PinmemberSteve Bondy7-Dec-12 14:00 
QuestionText replace Pinmemberrakeshs3126-Dec-12 23:06 
AnswerRe: Text replace PinmvpRichard MacCutchan7-Dec-12 0:43 
GeneralRe: Text replace Pinmemberrakeshs3129-Dec-12 5:40 
QuestionJQuery datePicker SelectMultiple format dd/mm/yy PinmemberxnaLearner6-Dec-12 0:37 
AnswerRe: JQuery datePicker SelectMultiple format dd/mm/yy Pinmembersrinivas nv6-Dec-12 21:50 
GeneralRe: JQuery datePicker SelectMultiple format dd/mm/yy PinmemberxnaLearner10-Dec-12 0:04 
QuestionDelete selected rows by table id using javascript PinmemberMember 88023075-Dec-12 8:05 
AnswerRe: Delete selected rows by table id using javascript PinmemberDeepak Kr15-Dec-12 18:45 
GeneralRe: Delete selected rows by table id using javascript PinmemberMember 88023076-Dec-12 6:20 
AnswerRe: Delete selected rows by table id using javascript PinmemberGraham Breach6-Dec-12 21:41 
QuestionHTML5 Javascript Issue [modified] PinmvpJohn Simmons / outlaw programmer3-Dec-12 1:09 
AnswerRe: HTML5 Javascript Issue PinmemberGraham Breach3-Dec-12 5:00 
GeneralRe: HTML5 Javascript Issue PinmvpJohn Simmons / outlaw programmer3-Dec-12 5:22 
GeneralRe: HTML5 Javascript Issue PinmemberGraham Breach3-Dec-12 6:29 
GeneralRe: HTML5 Javascript Issue PinmvpJohn Simmons / outlaw programmer3-Dec-12 6:40 
GeneralRe: HTML5 Javascript Issue PinmemberGraham Breach3-Dec-12 6:48 
GeneralRe: HTML5 Javascript Issue PinmvpJohn Simmons / outlaw programmer3-Dec-12 9:09 
GeneralRe: HTML5 Javascript Issue PinmemberGraham Breach3-Dec-12 11:02 
GeneralRe: HTML5 Javascript Issue PinmvpJohn Simmons / outlaw programmer3-Dec-12 15:20 
GeneralRe: HTML5 Javascript Issue PinmemberMedia2r18-Dec-12 0:51 
GeneralRe: HTML5 Javascript Issue PinmemberBrainiacV18-Dec-12 3:46 
GeneralRe: HTML5 Javascript Issue PinmvpJohn Simmons / outlaw programmer3-Dec-12 5:29 
GeneralRe: HTML5 Javascript Issue PinmvpJohn Simmons / outlaw programmer4-Dec-12 1:06 
GeneralRe: HTML5 Javascript Issue PinmvpJohn Simmons / outlaw programmer4-Dec-12 7:31 
GeneralRe: HTML5 Javascript Issue PinmemberZaf Khan19-Dec-12 20:36 
AnswerRe: HTML5 Javascript Issue PinmemberZaf Khan19-Dec-12 20:42 
QuestionCatching Exceptions in Javascript PinmemberVed Yo29-Nov-12 14:43 
QuestionPartial Overlay to cover ajax request PinmemberSentenryu29-Nov-12 1:51 
QuestionHow to get value from TD PinmemberChitttapa26-Nov-12 10:03 
Questionhelp me please Pinmemberdoa'a_9224-Nov-12 4:16 
AnswerRe: help me please [modified] PinmemberLeon Munir25-Nov-12 13:46 
GeneralRe: help me please PinmemberJ4amieC25-Nov-12 21:13 
GeneralRe: help me please PinmemberLeon Munir26-Nov-12 2:06 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    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.140916.1 | Last Updated 18 Sep 2014
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid