- Posts: 149
 - Thank you received: 2
 
Top Panel in Cars Template Question
- 
        aaroninbna
Inactive member - 
            
				
                            Topic Author
                                 - Member
 - 
            
         
        Less
        More
        
            
    
        
            
        
                14 years 1 hour ago                #12091
        by aaroninbna
    
    
            
            
            
            
            
                                
    
                                                
    
        Top Panel in Cars Template Question was created by aaroninbna            
    
        Can the "top panel" module in the Hot Cars template be intergrated into another template?
I am using Hot Realestate and would like this function and believe my customer would as well.
Take Care,
Aaron
I am using Hot Realestate and would like this function and believe my customer would as well.
Take Care,
Aaron
Please Log in to join the conversation.
- 
        ivan.milic
Support Staff - 
            
				
                                 - Moderator
 - 
            
         
        Less
        More
        
            
    
        - Posts: 14116
 - Thank you received: 1639
 
            
        
                13 years 11 months ago                #12100
        by ivan.milic
    
    
            
            
            
            
            
                                
    
                                                
    
        Replied by ivan.milic on topic Re: Top Panel in Cars Template Question            
    
        Well yes,
you need to put div to be used as top panel with id="top-panel", that will be container for your module positions.Below it:
<div id="sub-panel"><a href="#" id="toggle"><span id="shText">Open</span></a></div>
then you will need this script:
<script type="text/javascript" >
jQuery(document).ready(function(){
jQuery("#sub-panel").click(function(){
jQuery("#top-panel").slideToggle();
var el = jQuery("#shText");
var state = jQuery("#shText").html();
state = (state == 'Close' ? '<span id="shText">Open</span>' : '<span id="shText">Close</span>');
el.replaceWith(state);
});
});
</script>
you need to put in css :
#top-panel{
display:none;
}
and at last some tuning will be probably needed.
Or we can do custom job for you.
you need to put div to be used as top panel with id="top-panel", that will be container for your module positions.Below it:
<div id="sub-panel"><a href="#" id="toggle"><span id="shText">Open</span></a></div>
then you will need this script:
<script type="text/javascript" >
jQuery(document).ready(function(){
jQuery("#sub-panel").click(function(){
jQuery("#top-panel").slideToggle();
var el = jQuery("#shText");
var state = jQuery("#shText").html();
state = (state == 'Close' ? '<span id="shText">Open</span>' : '<span id="shText">Close</span>');
el.replaceWith(state);
});
});
</script>
you need to put in css :
#top-panel{
display:none;
}
and at last some tuning will be probably needed.
Or we can do custom job for you.
Please Log in to join the conversation.
        Time to create page: 0.149 seconds