<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Election Campaign 2025 - First India News</title>
    
    
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/8.3.0/video-js.min.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/8.3.0/video.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-http-streaming/3.0.0/videojs-http-streaming.min.js"></script>
    
    
    <link rel="stylesheet" href="https://election.bharat24live.com/electiondraggele/style/firstindianews/custom.css">
    <script>window.DEFAULT_CANDIDATE_IMG = "https://electionapi.bharat24live.com/election2026/assembly_WKAPT//image/vip/neta-default.png";</script>
    <script src="https://election.bharat24live.com/electiondraggele/js/firstindianews/partycharts.js"></script>
    
    <script src="https://election.bharat24live.com/electiondraggele/js/firstindianews/vipvsblock.js"></script>
    <script src="https://election.bharat24live.com/electiondraggele/js/firstindianews/vipblock.js"></script>
    <script src="https://election.bharat24live.com/electiondraggele/js/firstindianews/ticker.js"></script>
    <script src="https://election.bharat24live.com/electiondraggele/js/firstindianews/threeColsNews.js"></script>
    <script src="https://election.bharat24live.com/electiondraggele/js/firstindianews/liveplayer.js"></script>
    <script src="https://election.bharat24live.com/electiondraggele/js/firstindianews/florighmap.js"></script>
        <style>
    @media(min-width:767px){
        .battle-pos{
            top: 60px;
        }
    }
</style>
</head>
<body class="bg-gradient-to-br from-indigo-50 to-blue-50 min-h-screen">
     
    <main class="lg:container mx-auto px-2 lg:px-4 pt-8" data-party-array="[&quot;AIADMK+&quot;,&quot;DMK+&quot;,&quot;TVK&quot;,&quot;OTH&quot;]" id="main-content">
<div class="grid grid-cols-1 lg:grid-cols-1 gap-8 mb-8"><div class="lg:col-span-1"><div class="mb-0"><div class="bg-white rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-300 pt-4"><h3 class="text-2xl font-bold text-gray-800 mb-4 text-center">🗺️ तमिलनाडु चुनाव परिणाम 2026</h3><div class="w-full min-h-64"><iframe width="100%" height="800" src="https://election.bharat24live.com/mapindex.html?election_id=7" frameborder="0" allowfullscreen></iframe></div></div></div></div></div><div class="grid grid-cols-1 lg:grid-cols-1 gap-8 mb-8"><div class="lg:col-span-1"><div class="mb-0"><div class="bg-white rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-300 pt-4"><h3 class="text-2xl font-bold text-gray-800 mb-6 text-center">📊 चुनाव समाचार</h3><div class="bg-gradient-to-r from-indigo-500 to-indigo-600 p-1 rounded-xl"><div class="bg-indigo-50 rounded-xl p-0">
        <div class="news-block" 
                data-api-url="https://iosapi.firstindianews.com/kcwebapi/search.php?slug=election&amp;itemnum=0"
                data-items-count="12"
                data-title="चुनाव समाचार"
                data-column-count="4"
                id="news-container-69f09bdc07569">                
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 news-container">
                    
                </div>
            </div></div></div></div></div></div></div></main>
    
    <div id="loading-overlay" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
        <div class="bg-white rounded-2xl p-8 text-center">
            <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-red-600 mx-auto mb-4"></div>
            <p class="text-gray-700">Loading election data...</p>
        </div>
    </div>

<script>
  // Function to update election status dynamically
  function updateElectionStatus(elementId, status) {
    const element = document.getElementById(elementId);

    if (element) {
      element.classList.remove("winner", "loser", "leading", "counting");

      if (status) {
        element.classList.add(status);
      }

      const statusText = element.querySelector("span:last-child");

      if (statusText) {
        switch (status) {
          case "winner":
            statusText.textContent = "WINNER";
            break;

          case "loser":
            statusText.textContent = "LOSER";
            break;

          case "leading":
            statusText.textContent = "LEADING";
            break;

          case "counting":
            statusText.textContent = "COUNTING";
            break;

          default:
            statusText.textContent = "";
            break;
        }
      }
    }
  }

  // Initialize Video.js for live streaming
  document.addEventListener("DOMContentLoaded", function () {
    const videoElement = document.getElementById("live-video");

    if (videoElement && typeof videojs !== "undefined") {
      videojs(videoElement, {
        fluid: true,
        responsive: true,
        controls: true,
        autoplay: true,
        muted: true,
        playsinline: true
      });
    }
  });

  // Map toggle functionality
  let isMapExpanded = false;

  function triggerResizeEvent() {
    try {
      window.dispatchEvent(new Event("resize"));
    } catch (e) {
      const resizeEvent = document.createEvent("Event");
      resizeEvent.initEvent("resize", true, true);
      window.dispatchEvent(resizeEvent);
    }
  }

  function toggleMap() {
    const mapContainer = document.getElementById("mapContainer");
    const mapToggle = document.getElementById("mapToggle");
    const mapLoading = document.getElementById("mapLoading");

    if (!mapContainer || !mapToggle) {
      return;
    }

    if (isMapExpanded) {
      mapContainer.style.height = "300px";
      mapToggle.textContent = "Expand Map";

      mapToggle.classList.remove("bg-red-500", "hover:bg-red-600");

      if (mapToggle.dataset.originalColor === "rose") {
        mapToggle.classList.add("bg-rose-500", "hover:bg-rose-600");
      } else {
        mapToggle.classList.add("bg-indigo-500", "hover:bg-indigo-600");
      }

      isMapExpanded = false;

      setTimeout(function () {
        triggerResizeEvent();
      }, 100);

    } else {
      if (mapLoading) {
        mapLoading.classList.remove("hidden");
      }

      if (mapToggle.classList.contains("bg-rose-500")) {
        mapToggle.dataset.originalColor = "rose";
      } else {
        mapToggle.dataset.originalColor = "indigo";
      }

      mapContainer.style.height = "600px";
      mapToggle.textContent = "Collapse Map";

      mapToggle.classList.remove(
        "bg-indigo-500",
        "hover:bg-indigo-600",
        "bg-rose-500",
        "hover:bg-rose-600"
      );

      mapToggle.classList.add("bg-red-500", "hover:bg-red-600");

      isMapExpanded = true;

      setTimeout(function () {
        triggerResizeEvent();

        const flourishEmbed = mapContainer.querySelector(".flourish-embed");

        if (flourishEmbed) {
          const iframe = flourishEmbed.querySelector("iframe");

          if (iframe) {
            const src = iframe.src;
            iframe.src = "";

            setTimeout(function () {
              iframe.src = src;
            }, 100);
          }

          if (window.Flourish && typeof window.Flourish.resize === "function") {
            window.Flourish.resize();
          }

          try {
            flourishEmbed.dispatchEvent(new Event("resize"));
          } catch (e) {
            const customEvent = document.createEvent("Event");
            customEvent.initEvent("resize", true, true);
            flourishEmbed.dispatchEvent(customEvent);
          }
        }

        setTimeout(function () {
          if (mapLoading) {
            mapLoading.classList.add("hidden");
          }
        }, 1000);

      }, 500);
    }
  }
</script>
</body>
</html>

Let us expose your brand every month to our audience of 25 million+ passionate conservatives

Contact us

Advertise with us

Privacy Policy

Sitemap

Enquire Today

First India News (फर्स्ट इंडिया न्यूज़ ): Hindi news (हिंदी समाचार) website, watch live tv coverages, Latest Khabar, Breaking news in Hindi of India,rajasthan, bollywood, World, Sports, business, film and Entertainment. फर्स्ट इंडिया न्यूज़ पर पढ़ें ताजा समाचार देश और दुनिया से, राजस्थान न्यूज़ , बॉलीवुड, खेल और राजनीति के ख़बरें