דילוג לתוכן
  • חוקי הפורום
  • פופולרי
  • לא נפתר
  • משתמשים
  • חיפוש גוגל בפורום
  • צור קשר
עיצובים
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • ברירת מחדל (ללא עיצוב (ברירת מחדל))
  • ללא עיצוב (ברירת מחדל)
כיווץ
מתמחים טופ
  1. דף הבית
  2. קטגוריות בהרצה
  3. תכנות
  4. בינה מלאכותית - AI
  5. עזרה הדדית - בינה מלאכותית
  6. להורדה | קובץ HTML להגרלות

להורדה | קובץ HTML להגרלות

מתוזמן נעוץ נעול הועבר עזרה הדדית - בינה מלאכותית
20 פוסטים 7 כותבים 393 צפיות 7 עוקבים
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • מ מנותק
    מ מנותק
    מים אחרונים
    כתב נערך לאחרונה על ידי מים אחרונים
    #1

    יצרתי לצורך עצמי אבל חשבתי לשתף...
    תהנו 🙂
    כל מי שיוכל לעצב את הקוד בצורה יפה יותר ולעדכן דברים זה יהיה מעולה!
    כמובן ש AI כתב... אז אם יש הערות פנו אליו....
    בככלי אמורה לעבוד מצויין ולא רק עם מספרים!
    בהצלחה!
    1.rar

    פלמנמוניפ חטחח 2 תגובות תגובה אחרונה
    4
    • מ מנותק
      מ מנותק
      מים אחרונים
      כתב נערך לאחרונה על ידי
      #2

      זה הקוד!

      <!DOCTYPE html>
      <html lang="he">
      <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>הגרלת שמות</title>
          <link href="https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&display=swap" rel="stylesheet">
          <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
          <style>
              body {
                  font-family: 'Assistant', sans-serif;
                  text-align: center;
                  direction: rtl;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  height: 100vh;
                  margin: 0;
                  background: linear-gradient(135deg, #ff9a9e, #fad0c4);
                  overflow: hidden;
              }
              .container {
                  background: white;
                  padding: 20px;
                  border-radius: 20px;
                  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
                  max-width: 600px;
                  width: 100%;
                  position: relative;
              }
              #lotteryBox {
                  width: 100%;
                  height: 250px;
                  border: 2px solid #333;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin: 20px 0;
                  font-size: 20px;
                  font-weight: bold;
                  color: #e63946;
                  background: #fff;
                  position: relative;
                  border-radius: 10px;
                  overflow: hidden;
                  transition: transform 0.3s ease-in-out;
              }
              .card {
                  position: absolute;
                  padding: 10px 20px;
                  background-color: #ff6f61;
                  color: white;
                  font-size: 16px;
                  border-radius: 10px;
                  animation: fly 3s ease-in-out infinite, spin 3s linear infinite;
                  transition: transform 0.3s ease-in-out;
              }
              .card:nth-child(even) {
                  background-color: #00b4d8;
              }
              .card:nth-child(odd) {
                  background-color: #90be6d;
              }
              @keyframes fly {
                  0% {
                      transform: translateY(0) rotate(0deg);
                  }
                  50% {
                      transform: translateY(-200px) rotate(180deg);
                  }
                  100% {
                      transform: translateY(0) rotate(360deg);
                  }
              }
              @keyframes spin {
                  0% { transform: rotate(0deg); }
                  100% { transform: rotate(360deg); }
              }
              .winner-card {
                  font-size: 24px;
                  background-color: #ff6f61;
                  color: white;
                  padding: 15px 30px;
                  border-radius: 20px;
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  transform: translate(-50%, -50%) scale(1);
                  opacity: 0;
                  transition: transform 0.5s ease-in-out, opacity 1s ease;
              }
              .winner-card.enlarged {
                  transform: translate(-50%, -50%) scale(2);
                  opacity: 1;
              }
              .spinner {
                  position: absolute;
                  width: 50px;
                  height: 50px;
                  border: 5px solid #1d3557;
                  border-top: 5px solid transparent;
                  border-radius: 50%;
                  animation: spin 1s linear infinite;
                  top: 20px;
                  left: 20px;
              }
              @keyframes spin {
                  0% { transform: rotate(0deg); }
                  100% { transform: rotate(360deg); }
              }
              button {
                  background-color: #1d3557;
                  color: white;
                  border: none;
                  padding: 12px 20px;
                  cursor: pointer;
                  font-size: 16px;
                  border-radius: 10px;
                  transition: background 0.3s;
                  margin: 10px;
              }
              button:hover {
                  background-color: #457b9d;
              }
              .footer-buttons {
                  position: fixed;
                  bottom: 20px;
                  left: 20px;
                  right: 20px;
                  display: flex;
                  justify-content: space-between;
              }
              .footer-buttons a {
                  text-decoration: none;
                  color: white;
                  background-color: #1d3557;
                  padding: 10px 20px;
                  border-radius: 10px;
                  font-size: 12px;
                  transition: background-color 0.3s;
              }
              .footer-buttons a:hover {
                  background-color: #457b9d;
              }
              textarea, input[type="file"] {
                  width: 90%;
                  margin-top: 10px;
                  padding: 10px;
                  border-radius: 10px;
                  border: 1px solid #ccc;
                  display: block;
                  margin-left: auto;
                  margin-right: auto;
              }
              .countdown {
                  font-size: 30px;
                  font-weight: bold;
                  color: #e63946;
                  position: absolute;
                  top: 10px;
                  right: 10px;
              }
          </style>
      </head>
      <body>
          <div class="container">
              <h2>🎉 הגרלת שמות 🎉</h2>
              <input type="file" id="fileInput">
              <textarea id="names" placeholder="הכנס שמות, אחד בכל שורה"></textarea>
              <button onclick="startLottery()">💥 הגרל זוכה! 💥</button>
              <div id="lotteryBox">
                  <div class="spinner" id="spinner"></div>
              </div>
              <button onclick="startLottery()">🔄 זוכה נוסף</button>
          </div>
      
          <div class="footer-buttons">
              <a href="https://mitmachim.top/user/%D7%9E%D7%99%D7%9D-%D7%90%D7%97%D7%A8%D7%95%D7%A0%D7%99%D7%9D" target="_blank">פרופיל שלי</a>
              <a href="https://buymeacoffee.com/laswater" target="_blank">תרום לי</a>
          </div>
      
          <script>
              let countdownInterval;
      
              function startLottery() {
                  let names = document.getElementById("names").value.trim().split("\n");
                  names = names.filter(name => name.trim() !== "");
                  if (names.length === 0) {
                      document.getElementById("lotteryBox").textContent = "אין שמות להגרלה";
                      return;
                  }
                  
                  // Reset lottery box
                  let box = document.getElementById("lotteryBox");
                  box.innerHTML = ""; // Clear previous names
                  let spinner = document.createElement("div");
                  spinner.classList.add("spinner");
                  box.appendChild(spinner);
      
                  // Add countdown timer
                  let countdown = document.createElement("div");
                  countdown.classList.add("countdown");
                  countdown.textContent = "5";
                  document.body.appendChild(countdown);
      
                  let countdownTime = 5;
                  countdownInterval = setInterval(() => {
                      countdownTime--;
                      countdown.textContent = countdownTime;
                      if (countdownTime === 0) {
                          clearInterval(countdownInterval);
                          startCards(names, box, countdown);
                      }
                  }, 1000);
              }
      
              function startCards(names, box, countdown) {
                  // Clear countdown and prepare the box for cards
                  countdown.remove();
      
                  // Create cards for all names
                  names.forEach(name => {
                      let card = document.createElement("div");
                      card.classList.add("card");
                      card.textContent = name;
                      card.style.left = `${Math.random() * 100}%`;
                      card.style.top = `${Math.random() * 100}%`;
                      box.appendChild(card);
                      setTimeout(() => {
                          card.style.transform = `rotate(${Math.random() * 360}deg)`;
                      }, 100);
                  });
      
                  // After 3 seconds, show the winner and remove cards
                  setTimeout(() => {
                      let winner = names[Math.floor(Math.random() * names.length)];
                      let winnerCard = document.createElement("div");
                      winnerCard.textContent = "🎊 " + winner + " 🎊";
                      winnerCard.classList.add("winner-card");
                      box.appendChild(winnerCard);
      
                      // After 5 seconds, enlarge and fix winner
                      setTimeout(() => {
                          winnerCard.classList.add("enlarged");
                          // Trigger confetti
                          confetti({
                              particleCount: 500,
                              spread: 100,
                              origin: { y: 0.5 }
                          });
                      }, 5000);
                  }, 3000);
              }
      
              document.getElementById("fileInput").addEventListener("change", function(event) {
                  let file = event.target.files[0];
                  if (!file) return;
                  let reader = new FileReader();
                  reader.onload = function(e) {
                      document.getElementById("names").value = e.target.result;
                  };
                  reader.readAsText(file);
              });
          </script>
      </body>
      </html>
      
      
      תגובה 1 תגובה אחרונה
      3
      • מ מים אחרונים

        יצרתי לצורך עצמי אבל חשבתי לשתף...
        תהנו 🙂
        כל מי שיוכל לעצב את הקוד בצורה יפה יותר ולעדכן דברים זה יהיה מעולה!
        כמובן ש AI כתב... אז אם יש הערות פנו אליו....
        בככלי אמורה לעבוד מצויין ולא רק עם מספרים!
        בהצלחה!
        1.rar

        פלמנמוניפ מנותק
        פלמנמוניפ מנותק
        פלמנמוני
        מדריכים עימוד
        כתב נערך לאחרונה על ידי
        #3

        @מים-אחרונים כתב בלהורדה | קובץ HTML להגרלות:

        בהצלחה!
        הגרלות.html

        הקישור לא עובד

        מ א 2 תגובות תגובה אחרונה
        0
        • פלמנמוניפ פלמנמוני

          @מים-אחרונים כתב בלהורדה | קובץ HTML להגרלות:

          בהצלחה!
          הגרלות.html

          הקישור לא עובד

          מ מנותק
          מ מנותק
          מים אחרונים
          כתב נערך לאחרונה על ידי מים אחרונים
          #4

          @פלמנמוני מוזר, תעתיק את הקוד לפנקס רשימות, שמור בשם, בחר את כל הקבצים, תקרא לו איך שאתה רוצה ו תסיים בHTML ופתח בכרום או באיג'

          פלמנמוניפ ח 2 תגובות תגובה אחרונה
          1
          • מ מים אחרונים

            @פלמנמוני מוזר, תעתיק את הקוד לפנקס רשימות, שמור בשם, בחר את כל הקבצים, תקרא לו איך שאתה רוצה ו תסיים בHTML ופתח בכרום או באיג'

            פלמנמוניפ מנותק
            פלמנמוניפ מנותק
            פלמנמוני
            מדריכים עימוד
            כתב נערך לאחרונה על ידי
            #5

            @מים-אחרונים כתב בלהורדה | קובץ HTML להגרלות:

            HTML

            עובד
            יפה מאוד

            תגובה 1 תגובה אחרונה
            1
            • מ מים אחרונים

              @פלמנמוני מוזר, תעתיק את הקוד לפנקס רשימות, שמור בשם, בחר את כל הקבצים, תקרא לו איך שאתה רוצה ו תסיים בHTML ופתח בכרום או באיג'

              ח מנותק
              ח מנותק
              חכם_בלילה
              כתב נערך לאחרונה על ידי חכם_בלילה
              #6

              @מים-אחרונים איך אני משנה לו את השם שיהיה HTML?

              מ תגובה 1 תגובה אחרונה
              0
              • ח חכם_בלילה

                @מים-אחרונים איך אני משנה לו את השם שיהיה HTML?

                מ מנותק
                מ מנותק
                מים אחרונים
                כתב נערך לאחרונה על ידי מים אחרונים
                #7

                @חכם_בלילה כשאתה עושה שמור בשם, כתוב במקום TXT כתוב HTML
                אתה גם יכול לשמור את הקובץ ככה ואח"כ לשנות.

                ח תגובה 1 תגובה אחרונה
                0
                • מ מים אחרונים

                  @חכם_בלילה כשאתה עושה שמור בשם, כתוב במקום TXT כתוב HTML
                  אתה גם יכול לשמור את הקובץ ככה ואח"כ לשנות.

                  ח מנותק
                  ח מנותק
                  חכם_בלילה
                  כתב נערך לאחרונה על ידי חכם_בלילה
                  #8

                  @מים-אחרונים זה הבעיה, זה לא מראה לי את הסיומת TXT
                  efe156ab-f07b-43c6-8e95-5004aa2b1710-image.png

                  מ פלמנמוניפ 2 תגובות תגובה אחרונה
                  0
                  • ח חכם_בלילה

                    @מים-אחרונים זה הבעיה, זה לא מראה לי את הסיומת TXT
                    efe156ab-f07b-43c6-8e95-5004aa2b1710-image.png

                    מ מנותק
                    מ מנותק
                    מים אחרונים
                    כתב נערך לאחרונה על ידי
                    #9

                    @חכם_בלילה אתה בוחר את האופציית כל הקבצים, ואז כותב את שם הקובץ ו. HTML

                    ח תגובה 1 תגובה אחרונה
                    1
                    • מ מים אחרונים

                      @חכם_בלילה אתה בוחר את האופציית כל הקבצים, ואז כותב את שם הקובץ ו. HTML

                      ח מנותק
                      ח מנותק
                      חכם_בלילה
                      כתב נערך לאחרונה על ידי
                      #10

                      @מים-אחרונים מעולה זה עבד
                      תודה רבה

                      תגובה 1 תגובה אחרונה
                      1
                      • ח חכם_בלילה

                        @מים-אחרונים זה הבעיה, זה לא מראה לי את הסיומת TXT
                        efe156ab-f07b-43c6-8e95-5004aa2b1710-image.png

                        פלמנמוניפ מנותק
                        פלמנמוניפ מנותק
                        פלמנמוני
                        מדריכים עימוד
                        כתב נערך לאחרונה על ידי
                        #11

                        @חכם_בלילה כתב בלהורדה | קובץ HTML להגרלות:

                        @מים-אחרונים זה הבעיה, זה לא מראה לי את הסיומת TXT
                        efe156ab-f07b-43c6-8e95-5004aa2b1710-image.png

                        תעשה בסייר הקבצים תצוגה>>הצג>>סיומיו שמות קבצים

                        תגובה 1 תגובה אחרונה
                        1
                        • ס מנותק
                          ס מנותק
                          סתם שמרל
                          כתב נערך לאחרונה על ידי
                          #12

                          @מים-אחרונים כתב בלהורדה | קובץ HTML להגרלות:

                          HTML

                          באיזה קבצים הוא תומך?

                          מ תגובה 1 תגובה אחרונה
                          0
                          • פלמנמוניפ פלמנמוני

                            @מים-אחרונים כתב בלהורדה | קובץ HTML להגרלות:

                            בהצלחה!
                            הגרלות.html

                            הקישור לא עובד

                            א מנותק
                            א מנותק
                            אלף שין
                            כתב נערך לאחרונה על ידי אלף שין
                            #13

                            @פלמנמוני
                            1.rar

                            פלמנמוניפ תגובה 1 תגובה אחרונה
                            0
                            • יום חדש מתחילי מנותק
                              יום חדש מתחילי מנותק
                              יום חדש מתחיל
                              כתב נערך לאחרונה על ידי
                              #14

                              @מים-אחרונים לידיעתך, א"א להוריד קבצי HTML מהפורום, בגלל סיבות אבטחה

                              תגובה 1 תגובה אחרונה
                              3
                              • מ מים אחרונים

                                יצרתי לצורך עצמי אבל חשבתי לשתף...
                                תהנו 🙂
                                כל מי שיוכל לעצב את הקוד בצורה יפה יותר ולעדכן דברים זה יהיה מעולה!
                                כמובן ש AI כתב... אז אם יש הערות פנו אליו....
                                בככלי אמורה לעבוד מצויין ולא רק עם מספרים!
                                בהצלחה!
                                1.rar

                                חטחח מנותק
                                חטחח מנותק
                                חטח
                                כתב נערך לאחרונה על ידי
                                #15

                                @מים-אחרונים כתב בלהורדה | קובץ HTML להגרלות:

                                הגרלות.html

                                תשלח בזיפ

                                א תגובה 1 תגובה אחרונה
                                0
                                • חטחח חטח

                                  @מים-אחרונים כתב בלהורדה | קובץ HTML להגרלות:

                                  הגרלות.html

                                  תשלח בזיפ

                                  א מנותק
                                  א מנותק
                                  אלף שין
                                  כתב נערך לאחרונה על ידי
                                  #16

                                  @חטח
                                  אולי לא שמת לב כבר העליתי למעלה

                                  @אלף-שין כתב בלהורדה | קובץ HTML להגרלות:

                                  @פלמנמוני
                                  1.rar

                                  חטחח תגובה 1 תגובה אחרונה
                                  1
                                  • א אלף שין

                                    @פלמנמוני
                                    1.rar

                                    פלמנמוניפ מנותק
                                    פלמנמוניפ מנותק
                                    פלמנמוני
                                    מדריכים עימוד
                                    כתב נערך לאחרונה על ידי
                                    #17

                                    @אלף-שין כתב בלהורדה | קובץ HTML להגרלות:

                                    @פלמנמוני
                                    1.rar

                                    כבר כתבתי:

                                    @מים-אחרונים כתב בלהורדה | קובץ HTML להגרלות:

                                    HTML

                                    עובד
                                    יפה מאוד

                                    תגובה 1 תגובה אחרונה
                                    0
                                    • א אלף שין

                                      @חטח
                                      אולי לא שמת לב כבר העליתי למעלה

                                      @אלף-שין כתב בלהורדה | קובץ HTML להגרלות:

                                      @פלמנמוני
                                      1.rar

                                      חטחח מנותק
                                      חטחח מנותק
                                      חטח
                                      כתב נערך לאחרונה על ידי
                                      #18

                                      @אלף-שין כתב בלהורדה | קובץ HTML להגרלות:

                                      @חטח
                                      אולי לא שמת לב כבר העליתי למעלה

                                      @אלף-שין כתב בלהורדה | קובץ HTML להגרלות:

                                      @פלמנמוני
                                      1.rar

                                      עדיף שהוא יערוך בפוסט הראשון.

                                      תגובה 1 תגובה אחרונה
                                      1
                                      • מ מנותק
                                        מ מנותק
                                        מים אחרונים
                                        כתב נערך לאחרונה על ידי
                                        #19

                                        @חטח
                                        עדכנתי!

                                        תגובה 1 תגובה אחרונה
                                        1
                                        • ס סתם שמרל

                                          @מים-אחרונים כתב בלהורדה | קובץ HTML להגרלות:

                                          HTML

                                          באיזה קבצים הוא תומך?

                                          מ מנותק
                                          מ מנותק
                                          מים אחרונים
                                          כתב נערך לאחרונה על ידי
                                          #20

                                          @סתם-שמרל נראה לי רק טקסט, אבל אני אבדוק, אני מאמין שאפשר לדאוג שיעבוד גם עם אקסאל.

                                          תגובה 1 תגובה אחרונה
                                          0
                                          • מ מייבין במקצת התייחס לנושא זה

                                          • התחברות

                                          • אין לך חשבון עדיין? הרשמה

                                          • התחברו או הירשמו כדי לחפש.
                                          • פוסט ראשון
                                            פוסט אחרון
                                          0
                                          • חוקי הפורום
                                          • פופולרי
                                          • לא נפתר
                                          • משתמשים
                                          • חיפוש גוגל בפורום
                                          • צור קשר