Include Html file inside another Html file

To include the html content into another html file I have used java script.
Below is the example where I have used header content and footer content into different file
and called these two files into all files wherever header and footer requires.

Main page content

Content.html

<html>

<body>

<script type=”text/javascript” src=”header.js”> </script>

<p>

Content of the page

</p>

<script type=”text/javascript” src=”footer.js”> </script>

</body>

</html>

header.js file content

document.write(“<h1>Header</h1>”);
document.write(“<h2>Tag Line</h2>”);

footer.js file content

document.write(“<h2>Contact us</h2>”);
document.write(“<h3>9876543210</h3>”);

Out put of content.html file in Browser

Header
Tag Line

Content of the page in details

Contact us
9876543210

Ooty

Ooty: A Scenic Getaway in the Nilgiris

Ooty, also known as Udhagamandalam, is a charming hill station in Tamil Nadu, known for its pleasant weather, breathtaking landscapes, and rich heritage. With temperatures ranging from 15°C to 20°C year-round and sometimes dipping to 0°C, it's a perfect retreat for nature lovers and adventure seekers.

 

 

Key Highlights

1. Weather and Location

   • Ooty is home to the highest point in Southern India, the Doddabetta Peak, offering panoramic views.
   • The journey itself is a major attraction, especially the scenic train ride and the thrilling 36 hairpin bends route.

2. Shopping in Ooty

   • Indulge in local specialties like aromatic tea and handmade chocolates.
   • Don’t miss tasting the variety of chocolates available in local shops.

3. Distance and Routes

   • From Mysore: Around 130–140 km.
   • Routes:
     • 36 Hairpin Bends Route: Thrilling drive with spectacular views, 35 km from the Bandipur diversion.
     • Normal Route: Longer but smoother, around 50–60 km from the same point, passing through attractions like Pykara Falls and a Shooting Spot 25 km before Ooty.

Places to Visit

1. Botanical Gardens : A Government-run garden showcasing around 650 species of trees and plants. A peaceful oasis located in the heart of Ooty.
   

   

2. Doddabetta Peak: The highest point in South India, offering mesmerizing views of Ooty, Coonoor, and nearby valleys. Features a telescope house for closer views of the surrounding landscape.

3. 

   Ooty Lake: A popular spot with options like mini train rides and boating. While it can get crowded and the water isn’t pristine, it’s still a great spot for family outings.

4. Boating at Pykara: Located on the route to Ooty, Pykara offers cleaner and less crowded boating experiences compared to Ooty Lake.

5. Shooting Point: A picturesque spot offering stunning views, located on the Mysore-Ooty route. A favorite among photographers and nature enthusiasts.

6. Train Journey from Ooty to Coonoor: A must-experience heritage train ride, starting at 9:15 AM. Tickets cost approximately ₹3, offering breathtaking views of the Nilgiri hills. Tip: Sit on the right side (opposite the platform) for the best views during the journey.

 

Why Visit Ooty?

• Adventure and Serenity: From thrilling drives to peaceful gardens, it has something for everyone.
• Rich Heritage: Explore colonial-era landmarks, including the famous toy train.
• Natural Beauty: A paradise for photographers and nature lovers.

Ooty promises an unforgettable experience with its serene beauty, cool climate, and rich traditions. Whether you’re seeking adventure, relaxation, or a slice of history, Ooty has it all!

Shanmukh Temple

Shanmuga (Shanmukh) Temple, located in Rajarajeshwari Nagar, just 13 km from Bangalore's Majestic area, is a serene spiritual destination along the Mysore route. The temple, dedicated to Lord Shanmuga, is renowned for its stunning six-faced deity, an artistic and divine marvel.

Perched atop a hill, the temple is accessed via approximately 210 steps, offering a peaceful ascent amidst nature. At the base of the hill, you'll find the Panchamukhi Ganesha Temple, another significant spot for devotees.

Evenings at the temple are particularly enchanting, with cool breezes and breathtaking views of Bangalore city. It's an ideal place for spiritual reflection, relaxation, and enjoying the natural beauty of the surroundings.

Shivagange Tumkur

               

Shivagange Temple: A Perfect Getaway for Spirituality and Adventure

Shivagange Temple, located near Tumkur, is a beautiful destination just 75 km from Bangalore. To reach this serene spot, drive towards Tumkur on NH 75. After 65 km, take a left turn, followed by an 8 km journey to the temple.

Perched atop a hill, the temple is not only a sacred pilgrimage site but also a popular spot for trekking enthusiasts. Its panoramic views and serene surroundings make it an ideal location for a one-day picnic from Bangalore.

Whether you're seeking spiritual peace or an adventurous hike, Shivagange Temple offers a perfect blend of both, making it a must-visit destination for all.

Multiselector checkAll selects all options instead of filtered list

I am using multiselector and whenever I try to select all filtered result by clicking checkAll then it selects all options not only filter list but all.

Example: I have list like

abc1, abc2, abc3, xyz1, xyz2

and I filtered by “abc” text and I got three result abc1, abc2 and abc3

Then I clicked on checkAll link it shows it selected 3 options but it is selecting all 6 options, for this problem I have done general method and it is working fine

Added this function call in that html file

<script>

$(document).ready(function() {

checkAllCorrection(‘#selctboxid’);

});

</script>

General method in application.js file

function checkAllCorrection(fieldName){

$(fieldName).bind(“multiselectcheckall”, function(event, ui){

    var checkedValueList = [];

    $(fieldName).multiselect(“getChecked”).each(function(){

         checkedValueList.push(this.value);

     });

    $(fieldName).multiselect(“refresh”);

    $(fieldName).multiselect(‘widget’).find(“:checkbox”).each(

          function(){

               if(checkedValueList.indexOf(this.value) == -1

&& this.checked)        this.click();

           }

    );

    });

}