Go Back   CodingForums.com > :: Client side development > JavaScript programming > JavaScript frameworks
Reload this Page reservation form it doesn't work

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 11-22-2012, 05:12 AM   PM User | #1
fermin07
New to the CF scene

 
Join Date: Nov 2012
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
fermin07 is an unknown quantity at this point
reservation form it doesn't work
hello, i have i template from monster (Grey Hotels Website Template by Cowboy). the contact form is working well but the reservation form it doesn't work. i need you to help me please. the index code for reservation is:
Code:
<h2>Reservaci&oacute;n</h2>
<div class="form1Holder">
<form id="form1">
<div class="col1 padBot4">
<div class="col6 padRight5"><span class="textStyle3">D&Iacute;A DE LLEGADA</span>
<div class="calend1"><input id="datepicker1" type="text" name="inputtext" value="11/15/12" /></div></div>
<div class="col6"><span class="textStyle3">D&Iacute;A DE SALIDA</span>
<div class="calend2"><input id="datepicker2" type="text" name="inputtext" value="11/15/12" /></div></div>    </div>
<div class="col1 padBot4">
<div class="col7 padRight5"><span class="textStyle3">NO. HAB</span><select class="select_1" name="select1">
<option value="opt1">1</option>
<option value="opt2">2</option>
<option value="opt3">3</option>
<option value="opt4">4</option>
<option value="opt4">5</option>
<option value="opt4">6</option></select></div>
<div class="col7 padRight5"><span class="textStyle3">ADULTOS</span><select class="select_1" name="select1">
<option value="opt1">1</option>
<option value="opt2">2</option>
<option value="opt3">3</option>
<option value="opt4">4</option>														  </select></div>
<div class="col7"><span class="textStyle3">NI&Ntilde;OS</span><select class="select_1" name="select1">
<option value="opt1">1</option>
<option value="opt2">2</option>
<option value="opt3">3</option>
<option value="opt4">4</option></select></div></div>
<div class="col1 padBot4">
<div class="col6 padRight5"><span class="textStyle3">NOMBRE</span>
<div class="inp1"><input type="text" name="inputtext" value="" /></div></div>
<div class="col6 "><span class="textStyle3">APELLIDO</span>
<div class="inp1"><input type="text" name="inputtext" value="" /></div></div></div>
<div class="col1 padBot5 bordBot">
<div class="col6 padRight5"><span class="textStyle3">CELULAR</span>
<div class="inp1"><input type="text" name="inputtext" value="" /></div></div>
<div class="col6"><span class="textStyle3">EMAIL</span>
<div class="inp1"><input type="text" name="inputtext" value="" /></div></div></div>
<div class="searchButton1"><a class="more" onclick="document.getElementById('form1').submit()">Reservar</a></div></form></div></div>
and de form1 code is:
Code:
include('js/hoverSprite.js');
include('js/jquery.easing.1.3.js');
include('js/jquery-ui-1.8.21.custom.min.js');
include('js/jquery.transform-0.9.3.min.js');
include('js/jquery.animate-colors-min.js');
include('js/mathUtils.js');
include('js/superfish.js');
include('js/switcher.js');
include('js/jquery.mousewheel.js');
include('js/sprites.js');
include('js/forms.js');
include('js/jquery.backgroundpos.min.js');
include('js/jcarousellite_1.0.1.min.js');
include('js/googleMap.js');
include('js/jquery.fancybox-1.3.4.pack.js');
include('js/slider.js');
include('js/cScroll.js');
include('js/jquery.jqtransform.js');

//----Include-Function----
function include(url){ 
  document.write('<script src="'+ url + '" type="text/javascript" ></script>'); 
}
//--------global-------------
var isSplash = true;
 var MSIE = ($.browser.msie) && ($.browser.version <= 8);
//------DocReady-------------
$(document).ready(function(){ 
    if(location.hash.length == 0){
        location.hash="!/"+$('#content > ul > li:first-child').attr('id');
    }
          
         $('ul#menu2').superfish({
          delay:       800,
          animation:   {height:'show'},
          speed:       200,
          autoArrows:  false,
         dropShadows: false,
         	onInit: function(){
  				$("#menu2 > li > a").each(function(index){
  				//	var conText = $(this).find('.mText').text();
 					//$(this).find('.extraHolder').append("<span class='mTextOver'>"+conText+"</span>")	
  				})
  	 		}
        });
});
  
 //------WinLoad-------------  
$(window).load(function(){  
 ////////////////////////////////////////////////////////////////
 $( "#datepicker1").datepicker({
			showOn: "button",
			buttonImage: "images/extra3.png",
			buttonImageOnly: true
		});
        
  $( "#datepicker2").datepicker({
			showOn: "button",
			buttonImage: "images/extra3.png",
			buttonImageOnly: true
		});       

$(".nextBtn").hoverSprite({onLoadWebSite: true});
$(".prevBtn").hoverSprite({onLoadWebSite: true});

 $("#jcarousel_1").jCarouselLite({
        btnNext: ".nextBtn",
        btnPrev: ".prevBtn",
        speed: 800,
        visible: 4
    });

$('.pic').fancybox({'titlePosition': 'inside', 'overlayColor':'#000'}); 
$('.zoomSp').fadeTo(500, 0)
    $('.zoomSp').hover(function(){ $(this).stop().fadeTo(500, 0.6)	}, function(){$(this).stop().fadeTo(500, 0)})


   
$('#form1').jqTransform({imgPath:'images/'});

 $('.scroll1').cScroll({
		duration:700,
		step:100,
		trackCl:'track',
		shuttleCl:'shuttle',
         hoverIn: function(_shuttle){
              _shuttle.css({'backgroundPosition':'100% 1px'});    
        },
        hoverOut: function (_shuttle){
             _shuttle.css({'backgroundPosition':'0% 1px'}); 
        }
	})


var curAccord = 0;
var oldAccord = 0;

$('._list2').find('._title').animate({height:"18px"},1);
$('._list2').find('p').slideUp(1);
$('._list2').find('.btn').addClass('btnBg1');

setTimeout(function(){
    $('._list2 >li').eq(0).find('.btn').removeClass('btnBg1');
    $('._list2 >li').eq(0).find('.btn').addClass('btnBg2');
    $('._list2 >li').eq(0).find('._title').animate({height:"0px"},300);
    $('._list2 >li').eq(0).find('p').slideDown();
},200)

$('._list2').find('.btn').click(
    function(){
        if(curAccord !== $(this).parent().index()){
        oldAccord = curAccord;
        curAccord = $(this).parent().index(); 
        
        $('._list2 >li').eq(curAccord).find('.btn').removeClass('btnBg1');
        $('._list2 >li').eq(curAccord).find('.btn').addClass('btnBg2');
        $('._list2 >li').eq(curAccord).find('._title').animate({height:"0px"},300);
        $('._list2 >li').eq(curAccord).find('p').slideDown();
        
        $('._list2 >li').eq(oldAccord).find('.btn').removeClass('btnBg2');
        $('._list2 >li').eq(oldAccord).find('.btn').addClass('btnBg1');
        $('._list2 >li').eq(oldAccord).find('._title').animate({height:"18px"},300);
        $('._list2 >li').eq(oldAccord).find('p').slideUp();

        }

    }
)



navInit();
function navInit(){ 

}

///////////////////////////////////////////////
    var navItems = $('.menu > ul >li');
    var _delay;

$('.menu > ul >li').eq(0).css({'display':'none'});  
$('.menu2 > ul >li').eq(0).css({'display':'none'});  
	var content=$('#content'),
	
    	nav=$('.menu'),
		nav2=$('.menu2');

    	$('#content').tabs({
		preFu:function(_){
			_.li.css({left:"1700px"})	
  		
		}
		,actFu:function(_){			
			if(_.curr){
				_.curr.css({left:"1700px"}).stop().delay(400).animate({left:"0px"},800,'easeInOutCubic');

                if ((_.n == 0) && ((_.pren>0) || (_.pren==undefined))){splashMode();}
                if (((_.pren == 0) || (_.pren == undefined)) && (_.n>0) ){contentMode(); }
            }
            
			if(_.prev){
			     _.prev.stop().animate({left:"-1700px"},800,'easeInOutCubic');
             }
   
		}
	})

    function splashMode(){
        isSplash = true;
        navItems.each( function(index){
            _delay = index*50;
                 navItems.eq(index).css({left:"1600px"}).stop().delay(_delay).animate({left:"0px"}, 800, 'easeInOutCubic');
            } );
            
             $(".menuHolder2").stop().animate({left:"1700px"},800,'easeInOutCubic');
             
             $('.splashHolder').css({'z-index':2})
             $('#content > ul').css({'z-index':1})
             $('.menuHolder2').css({'z-index':1})
    }   
    
    function contentMode(){  
        isSplash = false;
         navItems.each( function(index){
            _delay = index*50;
      
                navItems.eq(index).stop().delay(_delay).animate({left:"-1600px"}, 800, 'easeInOutCubic');
            } );
          
           $(".menuHolder2").css({left:"1700px"}).stop().animate({left:"0px"},700,'easeInOutCubic');
           
            $('.splashHolder').css({'z-index':1})
             $('#content > ul').css({'z-index':2})
              $('.menuHolder2').css({'z-index':3})
    }		
    
    
    
    
        nav2.navs({
			useHash:true,
             hoverIn:function(li){
             //if (!li.hasClass('active')){    
                    $(".menuText", li).stop().animate({"padding-top":"80px"}, 400, 'easeOutCubic');
               //     }
             },
                hoverOut:function(li){
                    if ((!li.hasClass('with_ul')) || (!li.hasClass('sfHover'))) {
                        $(".menuText", li).stop().animate({"padding-top":"62px"}, 400, 'easeOutCubic');
                    } 
                } 
		}).navs(function(n){			
			$('#content').tabs(n);
		})
        
    
    
	nav.navs({
			useHash:true,
             hoverIn:function(li){
                     $(".extraHolder", li).stop().animate({top:"356px", height:"230px"}, 300, 'easeOutCubic');
                    
             },
                hoverOut:function(li){
                    if ((!li.hasClass('with_ul')) || (!li.hasClass('sfHover'))) {
                        $(".extraHolder", li).stop().animate({top:"386px", height:"200px"}, 300, 'easeOutCubic');
                       // $(".mText", li).stop().animate({"font-size":"17px"}, 300, 'easeOutCubic');
                    } 
                } 
		}).navs(function(n){			
			$('#content').tabs(n);
		})
        
        
        
 
        
  ///////////Resize////////////////////  
    

//////////////////////////////////////////
   	var h_cont=720;
	function centrRepos() {
		var h=$(window).height();
		if (h>(h_cont+40)) {
			m_top=~~(h-h_cont)/2;
			h_new=h;
		} else {
			m_top=20;
			h_new=h_cont+40;
		}
		$('.center').stop().animate({paddingTop:m_top},800,'easeOutExpo');	
	}
	centrRepos();
    ///////////Window resize///////
	$(window).resize(function(){
                centrRepos()
                
            }
    );

    } //window function
) //window load
fermin07 is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


« Previous Thread | Next Thread »
Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT +1. The time now is 12:04 AM.
Advertisement
Log in to turn off these ads.