- citiMuzik

Piga Kura Yako

Embed This Poll on Your Site

<div style="background: linear-gradient(to right, #f7f7f7, #e3e3e3); padding: 20px;">
    <div style="max-width: 400px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background: white;">
        <h2 style="text-align: center; margin-bottom: 20px;">Piga Kura Yako</h2>
        <form id="pollForm">
            <div style="margin-bottom: 10px; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;">
                <input type="radio" id="mbosso" name="artist" value="Mbosso" style="margin-right: 10px;">
                <label for="mbosso">Mbosso</label>
            </div>
            <div style="margin-bottom: 10px; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;">
                <input type="radio" id="marioo" name="artist" value="Marioo" style="margin-right: 10px;">
                <label for="marioo">Marioo</label>
            </div>
            <div style="margin-bottom: 10px; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;">
                <input type="radio" id="jaymelody" name="artist" value="Jay Melody" style="margin-right: 10px;">
                <label for="jaymelody">Jay Melody</label>
            </div>
            <div style="margin-bottom: 10px; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;">
                <input type="radio" id="barnaba" name="artist" value="Barnaba" style="margin-right: 10px;">
                <label for="barnaba">Barnaba</label>
            </div>
            <div style="margin-bottom: 10px; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;">
                <input type="radio" id="kusah" name="artist" value="Kusah" style="margin-right: 10px;">
                <label for="kusah">Kusah</label>
            </div>
            <div style="margin-bottom: 10px; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;">
                <input type="radio" id="ibraah" name="artist" value="Ibraah" style="margin-right: 10px;">
                <label for="ibraah">Ibraah</label>
            </div>
            <button type="button" style="display: block; width: 100%; padding: 10px; background-color: #007BFF; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; margin-top: 10px;" onclick="submitPoll()">Piga Kura</button>
            <button type="button" style="display: block; width: 100%; padding: 10px; background-color: #28a745; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; margin-top: 10px;" onclick="window.location.href='https://bit.ly/3VplXdp'">Ona Matokeo</button>
        </form>
        <div id="pollResults" style="margin-top: 20px;">
            <!-- Results will be shown here -->
        </div>
        <div style="text-align: center; margin-top: 20px; font-size: 14px;">
            Powered by <a href="https://www.citimuzik.com" target="_blank" rel="noopener">citimuzik.com</a>
        </div>
    </div>
    <script type="rocketlazyloadscript">
        const pollKey = 'pollResults';
        function getPollResults() {
            return fetch('https://www.citimuzik.com/wp-content/poll/get_results.php')
                .then(response => response.json());
        }
        function savePollResults(artist) {
            return fetch('https://www.citimuzik.com/wp-content/poll/save_vote.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded',
                },
                body: `artist=${encodeURIComponent(artist)}`,
            });
        }
        function submitPoll() {
            const form = document.getElementById('pollForm');
            const formData = new FormData(form);
            const selectedOption = formData.get('artist');
            if (selectedOption) {
                savePollResults(selectedOption)
                    .then(() => {
                        alert(\`Thank you for voting! You voted for: \${selectedOption}\`);
                        displayResults();
                    })
                    .catch(error => {
                        console.error('Error saving poll results:', error);
                        alert('There was an error recording your vote. Please try again.');
                    });
            } else {
                alert('Please select an option before voting.');
            }
        }
        function displayResults() {
            getPollResults()
                .then(results => {
                    const totalVotes = Object.values(results).reduce((total, votes) => total + votes, 0);
                    const resultsContainer = document.getElementById('pollResults');
                    resultsContainer.style.display = 'block';
                    resultsContainer.innerHTML = '<h3>Matokeo ya Kura:</h3>';
                    const sortedResults = Object.entries(results).sort((a, b) => b[1] - a[1]);
                    for (const [artist, votes] of sortedResults) {
                        const percent = totalVotes > 0 ? ((votes / totalVotes) * 100).toFixed(2) : 0;
                        resultsContainer.innerHTML += \`
                            <div>
                                <strong>\${artist}:</strong> \${votes} votes (\${percent}%)
                                <div class="result-bar" style="width: \${percent}%; height: 20px; background-color: #007BFF; margin-top: 5px;"></div>
                            </div>
                        \`;
                    }
                })
                .catch(error => {
                    console.error('Error getting poll results:', error);
                    alert('There was an error retrieving the poll results. Please try again.');
                });
        }
    </script>
</div>
Piga Kura Yako

Embed This Poll on Your Site

Piga Kura Yako

Comments

Leave a Comment Cancel reply

Piga Kura Yako

Embed This Poll on Your Site

Piga Kura Yako

Top 20 Songs Now

Comments

Leave a Comment Cancel reply
