Too many List-Items…Use ComboBox (Dropdown ListBox)

Everyone likes Traffic in ones-own blog..this is one place where (Blog) Traffic is welcomed with open arms..We feel immensly happy if someone blogrolls us or backlink to us..At the same time it is also our responsiblity to linkback to the person as a gesture of appreciation of the effort taken

Now we all know , how to add Linked lists (using the List-Widget of blogger), and , when the list grows too long..we can optimise our blogspace by converting the lists into a Scrolling list..See my CREDITS in the right-sidebar

If you feel..that your lists are too long even for a Scrolling -List, then I suggest that you use a combo box or a Drop down list ( As you may see in my Right-side-bar)
For instructions..reader further

  1. Before embarking on the journey of Dropdown (combo) box.. you need to know two important things
    • The text that is displayed in the box
    • The URL to which the text is directed

    If these two parameters are clear to you then writing the code for a combo box is a peice of cake

  2. Further..the respective links will open in a new browser wndow
  3. The best way to do this, is to start preparing the list in a notepad

  4. <form name=”form1″>
    <select onchange=”window.open(this.options[this.selectedIndex].value)” name=”combo1″>
    <option/>List of ….
    <option value=”URL_for the text“/>Text displayed in the dropdown box
    <option value=”URL_for the text“/>Text displayed in the dropdown box
    <option value=”URL_for the text“/>Text displayed in the dropdown box
    </select></form>

  5. You may repeat the
    <option value=”URL_for the text“/>Text displayed in the dropdown box
    with the Appropriate texts and its respective URLs ..till you are finished with the list
  6. Now you may copy this to a HTML-page element and use it in your blog

If you were inspired to add a combo box to your blog after comming here..do backlink to me..
Your appreciation is my motivation

6 Replies to “Too many List-Items…Use ComboBox (Dropdown ListBox)”

  1. Hi, Deepa! Thanks once again for a great tip! I have already utilized this for my Blog Roll and for my Other Links at The Porch Light. You taught me how to add audio to my posts, and now I have you to thank for this neat trick. Is there a way to override having the link open in another window? I use Firefox and like to view multiple sites in one window via the Multiple Tabs option. Thanks for the info!

  2. Hi..Revka..
    Good to see you again
    If you want the links in the same browser window you can make a slight midification at
    <select onchange=”location.href=this.options[this.selectedIndex].value

    However i am not sure , if this will be ok with the multiple tab options of firefox..
    hope this helps
    Deepa

  3. That worked great! I don’t mind it replacing my blog; I just didn’t like having a ton of windows to click through. You’re the best. 🙂

  4. Deepa,

    For a list of blogroll do you have a code for drop down box deepa? Previously I used the sroll list and since blogrolling doesn’t get updated auto, I am thinking of using drop down box.

Leave a Reply

Your email address will not be published. Required fields are marked *