Click here to Skip to main content
       

JavaScript

 
AnswerRe: "&nbsp" problem in Javascript PinmemberBrianCampbellMCAD21-Dec-12 2:42 
GeneralRe: "&nbsp" problem in Javascript PinmvpRichard MacCutchan21-Dec-12 3:06 
AnswerRe: "&nbsp" problem in Javascript Pinmemberjkirkerx31-Dec-12 11:39 
Questionjquery tabslideout plugin and want to detect when div slide in and out PinmemberTridip Bhattacharjee20-Dec-12 4:54 
i am working with jquery tabslideout plugin. it wporks fine but i want to detect when tabslideout plugin slide in and out. if i could detect then i can call another routine. no idea is coming to my head to determine how to capture when tabslideout div slide-in and out. so please guide me. thanks
 
here is my code
 
<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 want to detect when div slide in and out Pinmembervbmike21-Dec-12 7:25 
GeneralRe: jquery tabslideout plugin and want to detect when div slide in and out PinmemberTridip Bhattacharjee23-Dec-12 7:35 
GeneralRe: jquery tabslideout plugin and want to detect when div slide in and out Pinmembervbmike23-Dec-12 12:31 
QuestionConvert HTML to PDF (Client Side) PinmemberPhanindra26116-Dec-12 21:07 
QuestionRe: Convert HTML to PDF (Client Side) Pinmemberryanb3118-Dec-12 6:05 
AnswerRe: Convert HTML to PDF (Client Side) PinmemberPhanindra26118-Dec-12 18:50 

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.141223.1 | Last Updated 23 Dec 2014
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid