Jump to content

TH71

Members
  • Posts

    8
  • Joined

  • Last visited

Posts posted by TH71

  1. Thanks for the reply

    It does work as requested by removing the full menu list but when you start typing a letter eg A, it now shows ALL the words with the letters A in it as per my original post

    I notice you have removed/altered the line below which allowed only words with the first letter inputted in the Search Box as per your reply to my opening post 

    if (txtValue.toUpperCase().indexOf(filter) > -1 && txtValue.toUpperCase().indexOf(filter) < 1)

    is this correct or does this line need to be included?

     

    Thanks again👍

  2. Thanks that has worked 👍

    Not really important but when you Click on the Dropdown, it shows the full menu list. Is it possible for no menu to show until a letter is typed?

     

    As it shows now when click on Dropdown

    CropperCapture[1].jpg

     

    Can it look like this until a letter it inputted in the Search Box

     

    CropperCapture[2].jpg

  3. https://www.w3schools.com/howto/howto_js_filter_dropdown.asp

    I hope it is possible, but can the results when filtered show words beginning with the first letter input in the Search Box and not any word that has the first letter inputted somewhere in that word?

    The Demo Dropdown Menu shows

    About
    Base
    Blog
    Contact
    Custom
    Support
    Tools

    So for example using the letter B as the first letter inputted, the Demo shows every word with the letter B in it showing when inputting the letter B first

    About
    Base
    Blog

    Can you get the result that if you started typing B then just Base and Blog show and not showing every word with the letter B in it like

    Base
    Blog

    And just like the first letter inputted as T shows

    About
    Contact
    Custom
    Support
    Tools

    Instead of just 

    Tools

     

    Thanks

  4. Thanks

    I have tried all sorts but although still learning I am not exactly great with code

     

    I have tried adding

    <button class="dropdown-btn">Dropdown
        <i class="fa fa-caret-down"></i>
      </button>
      <div class="dropdown-container">
        <a href="#">Link 1</a>
        <a href="#">Link 2</a>
        <a href="#">Link 3</a>

     into any of the below <a href="#"></a>

    <div id="mySidepanel" class="sidepanel">
      <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
      <a href="#">About</a>
      <a href="#">Services</a>
      <a href="#">Clients</a>
      <a href="#">Contact</a>
    </div>

    but it is does not work

     

  5. Thanks for the reply

     

    With what you say, does anything need changing in the example to make this work?

     

    Not sure here at all, but do the Text to be copied need their own id's/separate code to make it work?

    Copy Button 1 - Hello World (as in the Demo)

    <input type="text" value="Hello World" id="myInput">
    
    <div class="tooltip">
    <button onclick="myFunction()" onmouseout="outFunc()">
      <span class="tooltiptext" id="myTooltip">Copy to clipboard</span>
      Copy text
      </button>
    </div>

     

    So if I want to add two more Copy Text buttons

    Copy Text Button 2 - Hi World

    Copy Text Button 3 - Hello People

    Do these need their own code?

    Thanks🙂

×
×
  • Create New...