Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Dec 2011
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer looks very simple,but not able to fix the problem

    hello people,
    iam using the jquery code to display DropdownTab in 3 columns ... now i need to use the same dropdown menu in user<input> form... so that user should be able to select any one of the options from <option>s list ,code looks very simple but it does not work when i used <select> tag...after using selct tag it it works like normal dropdown{one column} ...code is given below...
    ....alternateve to this one ...
    IN place of "kothi" can we use text box when user clicks on anyone of the options "value of the perticular option" should b entered in "text box" ...your response will be appreciated...
    Code:
    <html>
    <head>
    <link rel="stylesheet" href="menu.css" type="text/css" media="screen" />
    <!--[if IE 6]>
    <style>
    body {behavior: url("csshover3.htc");}
    #menu li .drop {background:url("img/drop.gif") no-repeat right 8px; 
    </style>
    <![endif]-->
    </head>
    <body>
    
    
    
    <ul id="menu">
    <li class="menu_right"><a href="action.php" class="drop">kothi</a>
        
          <div class="dropdown_3columns align_right"><!-- Begin 3 columns container -->
                <div class="col_3">
              </div>
    <div class="col_1">
                 <ul class="greybox">
                 <option value="car1">cars</option>
            </ul>   
            </div>
    		
    <div class="col_1">
        
                  <ul class="greybox">
    			  <option value="guy1">guys</option>
                  </ul>   
            </div>
    <div class="col_1">
        
                  <ul class="greybox">
    			  <option value="baby1">babes</option>
    			  
    			 </ul>   
            </div>
          </div>
      </li>
    </ul>
    
    </body>
    </html>

  • #2
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    Im not sure I understand. You dont have any jquery code listed, and you have an option element but no select element or anything. if you are trying to use some kind f plugin, I would start by including the jquery framework and the plugin.....

  • #3
    New to the CF scene
    Join Date
    Dec 2011
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer please check this guys...

    Thanks alot for your response guys.... anyways i will explain to you once again...the above code gives an output like this as shown in an image



    as you can see in an image "kothi" is dropdown Tab name "cars" ' "guys" and "babes" are the drop down options...the code is desghned in such a way where kothi acts dropdown tab and 'cars' 'guys' and 'babes' are the links associted with that...and it works fine...
    WELL now I WANT to IMPLEMENT THIS IN MY USER INPUT FORM WHERE "KOTHI" WILL BE NAME OF THE TEXT BOX, 'CARS' 'GUYS' AND 'BABES' ACTS AS OPTIONS WHERE USERS WILL BE ABLE TO SELECT ANY OF THESE OPTIONS ,I MEAN IT SHOULD WORK JUST LIKE NORMAL DROP DOWN BOX BUT THE STYLE SHOULD BE THREE COLUMNS....OUTPUT OF THE CODE SHOULD LOOK LIKE THIS..

    WHERE WE HAVE REPLACED KOTHI WITH A TEXT BOX SO WHEN USER CLICKS ON THE "ARROW" NEXT TO TEXT BOX HE GETS OPTIONS 'CARS' 'GUYS' AND' BABES' AND TEXT BOX WILL BE FILLED WITH A VALUE OF ANY OF THESE OPTIONS AFTER HE SELECTS ANY THESE OPTIONS.... hop[e you got it???


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •