பொட்டியில் பட்டியல் using Drop-down list box (Combo box)

எல்லாருடைய பதிவிலேயும்.. அவங்களுக்கு பிடித்தமான சுட்டிகளை பட்டியல் போட்டு வைச்சிருப்பீங்க. சில நேரத்திலே பட்டியல் நம்ம பதிவை விட நீளமா இருக்கும்..இதனால . பக்கப்பட்டை இடப்பற்றாக்குறை கூட வரலாம்.. எதை எடுப்பது - எதை விடுப்பது கேஸு தான்

இதை தவிர்க்க ரெண்டு வழி இருக்கு
1. சங்கிலித் தொடர் போல் பட்டியலை அமைக்கலாம்...இதனால் இடப்பற்றாக்குறை கொஞ்சம் குறையும்
2. பட்டியலை .. ஒரு பொட்டியில் வைத்து..அதைச் சொடுக்கினால் மட்டும் பட்டியல் தெரிய செய்யலாம்... இப்பிடி செய்தால் இடப்பற்றாகுறை ரொம்பவே குறையும்

எடுத்துக்காட்டுக்கு..

சாதாரண பட்டியல்

தமிழ்மணம்தேன்கூடு வலைப்பதிவர் உதவிப்பக்கம்

பட்டியலில் இருப்பதை சொடுக்கினால்.. சம்பந்தப்பட்ட இணையத்தளதைப் பார்கலாம்

பொட்டியில் இருக்கும் பட்டியல்

சில தமிழ் பதிவுகள்.... தமிழ்மணம்தேன்கூடுவலைப்பதிவர் உதவிப்பக்கம்

எவ்வளவு இடம் மிச்சம் பாருங்க.. இது செய்வது ரொம்ப சுலபம்

notepad லே முதலில் செய்து வச்சிக்கிறது .. உங்கள் வார்ப்புருவின் உடல்நலத்துக்கு நல்லது

1. இதை முயல்வதற்கு முன்னாடி ரெண்டு விஷயத்திலே தெளிவா இருக்கணும்..
   
   • பார்வையாளர்களுக்கு பொட்டியில் நீங்கள் காட்ட விரும்பும் சொல் / வாக்கியம்
   
   
   • பட்டியலின் சொல்.. சுட்டி காட்டும் URL

<form name="form1">
<select onchange="window.open(this.options[this.selectedIndex].value)" name="combo1">
<option/>List of ....
<option value="சுட்டியின் URL"/>பார்வையில் இருக்கும் சொல்
<option value="சுட்டியின் URL"/>பார்வையில் இருக்கும் சொல்
<option value="சுட்டியின் URL"/>பார்வையில் இருக்கும் சொல்
</select></form>

2. இங்கு:-
   <option value="சுட்டியின் URL"/>பார்வையில் இருக்கும் சொல்ஐ மீண்டும் மீண்டும் எத்தனை முறை வேண்டுமானாலும் தரலாம்...சொல் (மற்றும்) சுட்டி யில்
   கவனமா இருக்கணும்
3. எல்லாம் நிறைவா இருந்தா... notepad லயிருந்து... அப்பிடியே template - page elements - (side bar ) add elements - HTML / javascript elementலெ வெட்டி ஒட்டி சேமிச்சுப் பதிவில் எப்பிடி இருக்குன்னு பாருங்க

சுட்டிகளை புதிய Browser-window ல் காண்பிக்க
<select onchange="window.open(this.options[this.selectedIndex].value)" name="combo1">

சுட்டிகளை அதே Browser-window ல் காண்பிக்க

<select onchange="location.href=this.options[this.selectedIndex].value)"