Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

<br>
<hr>
<table width="99%">
  <tr>
    <td><b class="grey">Gif</b> <br><i><small>(URL des Gifs einfügen)</small></i></td>
    <td width="75%">
      <input type="text" style="width: 99%;" class="inputbox" id="theglobal2" name="profile_gif">
    </td>
  </tr>
  <tr>
    <td><b class="grey">Quote</b></td>
    <td width="75%">
      <input type="text" style="width: 99%;" class="inputbox" id="theglobal" name="profile_quote">
    </td>
  </tr>
</table>
<br>
 
<script>
 document.addEventListener('DOMContentLoaded', function() {
 
    const MAX_LENGTH = 4096; // Maximale Anzahl der Zeichen
 
    function saveGlobal(newval, datavar) {
      console.log("saveGlobal userid: {{user_id}} newval: " + newval);
      var encodedVal = encodeHtmlEntities(newval); // HTML-Entities kodieren
      xobor.plugin("gifandquotillumi").setDataVar(datavar, 3, '{{user_id}}', encodedVal, function(res) {
        console.log("Globale Variable '" + datavar + "' speichern: " + res);
      });
    }
 
    function loadGlobal(datavar, inputId) {
      xobor.plugin("gifandquotillumi").getDataVar(datavar, 3, '{{user_id}}', function(res) {
        if (res) {
          var decodedVal = decodeHtmlEntities(res); // HTML-Entities dekodieren
          document.getElementById(inputId).value = decodedVal;
        }
      });
    }
 
    // Laden der Werte beim Laden der Seite
    loadGlobal('profil_gif_datavar', 'theglobal2');
    loadGlobal('profile_quote_datavar', 'theglobal');
 
    // Event Listener für Änderungen in den Eingabefeldern
    document.getElementById('theglobal2').addEventListener('input', function() {
      var newval = this.value;
      saveGlobal(newval, 'profil_gif_datavar');
    });
 
    document.getElementById('theglobal').addEventListener('input', function() {
      var newval = this.value;
      if (newval.length > MAX_LENGTH) {
        alert(`Die maximale Zeichenanzahl von ${MAX_LENGTH} Zeichen wurde erreicht. Die zusätzlichen Zeichen wurden entfernt.`);
        newval = newval.substring(0, MAX_LENGTH);
        this.value = newval;
      }
      saveGlobal(newval, 'profile_quote_datavar');
    });
 
    // Funktion zum Kodieren von HTML-Entities
    function encodeHtmlEntities(text) {
      var textArea = document.createElement('textarea');
      textArea.textContent = text;
      return textArea.innerHTML;
    }
 
    // Funktion zum Dekodieren von HTML-Entities
    function decodeHtmlEntities(text) {
      var textArea = document.createElement('textarea');
      textArea.innerHTML = text;
      return textArea.textContent;
    }
 
  });
 
</script>
 
 

<div id="image-container"></div>
 
<div id="quoteContainer" style="max-width: 290px; overflow-wrap: break-word; word-wrap: break-word;">
    <div id="quoteText"></div>
</div>
<br>
{{user_admin==true.start}}
<button id="myCustomButtonGif" style="display: none;">Gif löschen</button>
<button id="myCustomButtonGifEdit" style="display: none;">Gif bearbeiten</button>
{{user_admin==true.end}}
 
<br>
{{user_admin==true.start}}
<button id="myCustomButtonQuote" style="display: none;">Quote löschen</button>
<button id="myCustomButtonQuoteEdit" style="display: none;">Quote bearbeiten</button>
<button id="myCustomButtonQuoteSave" style="display: none;">Änderungen speichern</button>
{{user_admin==true.end}}
 
<div id="quoteInputContainer" style="display: none;">
    <textarea style="width: 100%; max-width: 300px; box-sizing: border-box;" class="inputbox" id="theglobal2" name="profile_quote"></textarea>
</div>
 
<div id="gifInputContainer" style="display: none;">
    <textarea style="width: 100%; max-width: 300px; box-sizing: border-box;" class="inputbox" id="theglobalGif" name="profile_gif"></textarea>
    <button id="myCustomButtonGifSave" style="display: none;">Änderungen speichern</button>
</div>
 
<br>
<br>
<hr id="conditionalHr" style="display: none;">
 

<script>
    document.addEventListener('DOMContentLoaded', function() {
        let gifExists = false;
        let quoteExists = false;
 
        // Funktion zur Anzeige der Gif-Daten
        function showGif() {
            xobor.plugin("gifandquotillumi").getDataVar('profil_gif_datavar', 3, '{{userid}}', function(res) {
                if (res) {
                    showImage(res);
                    gifExists = true;
 
                    // Zeigt die Lösch- und Bearbeitungs-Buttons an, falls der Benutzer Admin ist
                    var gifButton = document.getElementById('myCustomButtonGif');
                    var gifEditButton = document.getElementById('myCustomButtonGifEdit');
                    if (gifButton && gifEditButton) {
                        gifButton.style.display = 'inline-block';
                        gifEditButton.style.display = 'inline-block';
                    }
                } else {
                // Standard-Platzhalterbild anzeigen, wenn kein GIF vorhanden ist
                showImage('https://i.ibb.co/jbmJYKj/GifQuote.png');
            }
                checkElements();
            });
        }
 
        // Funktion zur Anzeige eines Bildes
        function showImage(url) {
            var img = new Image();
            img.onload = function() {
                img.className = 'loaded-image';
                img.alt = 'Profilbild';
                var container = document.getElementById('image-container');
                container.innerHTML = '';
                container.appendChild(img);
            };
 
            img.onerror = function() {
                console.error('Fehler beim Laden des Bildes: ' + url);
                document.getElementById('image-container').innerHTML = '';
            };
 
            img.src = url;
        }
 
        // Funktion zur Anzeige der Zitat-Daten
        function showQuote() {
            xobor.plugin("gifandquotillumi").getDataVar('profile_quote_datavar', 3, '{{userid}}', function(res) {
                if (res) {
                    var quoteText = document.getElementById('quoteText');
                    var decodedText = decodeHtmlEntities(res);
                    quoteText.innerHTML = decodedText.replace(/\n/g, '<br>');
                    quoteExists = true;
 
                    // Zeigt die Lösch- und Bearbeitungs-Buttons an, falls der Benutzer Admin ist
                    var quoteButton = document.getElementById('myCustomButtonQuote');
                    var quoteEditButton = document.getElementById('myCustomButtonQuoteEdit');
                    if (quoteButton && quoteEditButton) {
                        quoteButton.style.display = 'inline-block';
                        quoteEditButton.style.display = 'inline-block';
                    }
 
                    document.getElementById('quoteContainer').style.display = 'block';
                }
                checkElements();
            });
        }
 
        // Funktion zum Dekodieren von HTML-Entities
        function decodeHtmlEntities(text) {
            var textArea = document.createElement('textarea');
            textArea.innerHTML = text;
            return textArea.value;
        }
 
        // Überprüfung, ob Elemente angezeigt werden sollen
        function checkElements() {
            var hrElement = document.getElementById('conditionalHr');
            if (!gifExists && !quoteExists) {
                hrElement.style.display = 'none';
            } else {
                hrElement.style.display = 'block';
            }
        }
 
        // Event-Listener für Admin-Buttons hinzufügen (falls vorhanden)
        var gifButton = document.getElementById('myCustomButtonGif');
        var gifEditButton = document.getElementById('myCustomButtonGifEdit');
        var quoteButton = document.getElementById('myCustomButtonQuote');
        var quoteEditButton = document.getElementById('myCustomButtonQuoteEdit');
        var quoteSaveButton = document.getElementById('myCustomButtonQuoteSave');
        var gifSaveButton = document.getElementById('myCustomButtonGifSave');
 
        if (gifButton) {
            gifButton.addEventListener('click', function() {
                var confirmation = confirm('Sind Sie sicher, dass Sie das Gif löschen wollen?');
                if (confirmation) {
                    xobor.plugin("gifandquotillumi").delDataVar('profil_gif_datavar', 3, '{{userid}}', function(success) {
                        if (success) {
                            alert('Das Gif wurde gelöscht!');
                            gifExists = false;
                            document.getElementById('image-container').innerHTML = '';
                            gifButton.style.display = 'none';
                            gifEditButton.style.display = 'none';
                            checkElements();
                        } else {
                            alert('Fehler beim Löschen der Daten.');
                        }
                    });
                } else {
                    alert('Löschvorgang abgebrochen.');
                }
            });
        }
 
        if (gifEditButton) {
            gifEditButton.addEventListener('click', function() {
                // Verstecke das bestehende Bild und zeige das Textfeld an
                var imageContainer = document.getElementById('image-container');
                var gifInputContainer = document.getElementById('gifInputContainer');
                var gifSaveButton = document.getElementById('myCustomButtonGifSave');
 
                if (imageContainer) {
                    var currentGif = imageContainer.querySelector('img');
                    if (currentGif) {
                        document.getElementById('theglobalGif').value = currentGif.src;
                    }
                }
 
                imageContainer.style.display = 'none';
                gifInputContainer.style.display = 'block';
                gifSaveButton.style.display = 'inline-block';
            });
        }
 
        if (gifSaveButton) {
            gifSaveButton.addEventListener('click', function() {
                var newGifUrl = document.getElementById('theglobalGif').value;
                if (confirm('Möchten Sie die Änderungen speichern?')) {
                    xobor.plugin("gifandquotillumi").setDataVar('profil_gif_datavar', 3, '{{userid}}', newGifUrl, function(success) {
                        if (success) {
                            alert('Das Gif wurde aktualisiert!');
                            var imageContainer = document.getElementById('image-container');
                            var gifInputContainer = document.getElementById('gifInputContainer');
                            imageContainer.innerHTML = ''; // Clear the container
                            showImage(newGifUrl);
                            imageContainer.style.display = 'block';
                            gifInputContainer.style.display = 'none';
                            gifSaveButton.style.display = 'none';
                        } else {
                            alert('Fehler beim Speichern der Daten.');
                        }
                    });
                } else {
                    alert('Änderungen wurden nicht gespeichert.');
                }
            });
        }
 
        if (quoteButton) {
            quoteButton.addEventListener('click', function() {
                var confirmation = confirm('Sind Sie sicher, dass Sie das Zitat löschen wollen?');
                if (confirmation) {
                    xobor.plugin("gifandquotillumi").delDataVar('profile_quote_datavar', 3, '{{userid}}', function(success) {
                        if (success) {
                            alert('Das Zitat wurde gelöscht!');
                            quoteExists = false;
                            document.getElementById('quoteText').innerHTML = '';
                            quoteButton.style.display = 'none';
                            quoteEditButton.style.display = 'none';
                            quoteSaveButton.style.display = 'none';
                            checkElements();
                        } else {
                            alert('Fehler beim Löschen der Daten.');
                        }
                    });
                } else {
                    alert('Löschvorgang abgebrochen.');
                }
            });
        }
 
        if (quoteEditButton) {
            quoteEditButton.addEventListener('click', function() {
                // Verstecke das bestehende Zitat und zeige das Textfeld an
                var quoteText = document.getElementById('quoteText');
                var quoteInputContainer = document.getElementById('quoteInputContainer');
                var quoteSaveButton = document.getElementById('myCustomButtonQuoteSave');
 
                if (quoteText) {
                    var currentQuote = quoteText.innerText || quoteText.textContent;
                    document.getElementById('theglobal2').value = currentQuote;
                }
 
                quoteText.style.display = 'none';
                quoteInputContainer.style.display = 'block';
                quoteSaveButton.style.display = 'inline-block';
            });
        }
 
        if (quoteSaveButton) {
            quoteSaveButton.addEventListener('click', function() {
                var newQuote = document.getElementById('theglobal2').value;
                if (confirm('Möchten Sie die Änderungen speichern?')) {
                    xobor.plugin("gifandquotillumi").setDataVar('profile_quote_datavar', 3, '{{userid}}', newQuote, function(success) {
                        if (success) {
                            alert('Das Zitat wurde aktualisiert!');
                            var quoteText = document.getElementById('quoteText');
                            var quoteInputContainer = document.getElementById('quoteInputContainer');
                            quoteText.innerHTML = newQuote.replace(/\n/g, '<br>');
                            quoteText.style.display = 'block';
                            quoteInputContainer.style.display = 'none';
                            quoteSaveButton.style.display = 'none';
                        } else {
                            alert('Fehler beim Speichern der Daten.');
                        }
                    });
                } else {
                    alert('Änderungen wurden nicht gespeichert.');
                }
            });
        }
 
        showGif();
        showQuote();
    });
</script>
 
<style>
    .loaded-image {
        max-width: 300px;
        max-height: 150px;
        object-fit: cover;
    }
 
    #myCustomButtonGif, #myCustomButtonQuote, #myCustomButtonGifEdit, #myCustomButtonQuoteEdit, #myCustomButtonQuoteSave, #myCustomButtonGifSave {
        background-color: {{global_post_bg}};
        border: none;
        color: {{global_link_color}};
        padding: 2px 5px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 12px;
        margin: 2px;
        cursor: pointer;
        border-radius: 5px;
        height: 18px;
        width: 135px;
        margin: 5px;
    }
 
    #myCustomButtonGif:hover, #myCustomButtonQuote:hover, #myCustomButtonGifEdit:hover, #myCustomButtonQuoteEdit:hover, #myCustomButtonQuoteSave:hover, #myCustomButtonGifSave:hover {
        background-color: {{global_button_bg_hover}};
    }
 
    #quoteInputContainer textarea, #gifInputContainer textarea {
        max-width: 300px;
        width: 100%;
        box-sizing: border-box;
        resize: vertical; /* Ermöglicht das Vergrößern der Höhe */
        border: 1px solid {{global_button_border}};
    }
</style>
 

 

<div id="image-container-threadflat"></div>
 
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Funktion zur Anzeige des Gif im Thread Flat Template
        function showGifInThreadFlat() {
            xobor.plugin("gifandquotillumi").getDataVar('profil_gif_datavar', 3, '{{message:userid}}', function(res) {
                if (res) {
                    showImageInThreadFlat(res);
                } else {
                    // Standard-Platzhalterbild anzeigen, wenn kein GIF vorhanden ist
                    showImageInThreadFlat('https://i.ibb.co/jbmJYKj/GifQuote.png');
                }
            });
        }
 
        // Funktion zur Anzeige eines Bildes im Thread Flat Template
        function showImageInThreadFlat(url) {
            var img = new Image();
            img.onload = function() {
                img.className = 'loaded-image';
                img.alt = 'Profilbild';
                var container = document.getElementById('image-container-threadflat');
                container.innerHTML = '';
                container.appendChild(img);
            };
 
            img.onerror = function() {
                console.error('Fehler beim Laden des Bildes: ' + url);
                document.getElementById('image-container-threadflat').innerHTML = '';
            };
 
            img.src = url;
        }
 
        // Das GIF im Thread Flat anzeigen
        showGifInThreadFlat();
    });
</script>