Beiträge von Mira_Belle

Mira_Belle

Zitat von BrokenHeart

Ist das ok so?

Fast!
Dein Skript, bzw. dessen Funktion, bewirkt _^ja _^nur, dass das Suchfeld geleert wird, wenn die Suche nicht gestartet wird.
Oder liege ich da falsch?

Mira_Belle

Zitat von grisu2099

Wenn ich den Code richtig interpretiere, hast du den Einwand von Sören aus #33 nicht beachtet...

Gelesen, aber einfach mal ignoriert!
Bin erst einmal froh, dass der erste Teil des Skripts überhaupt funktioniert!
Aber ja, ich muss da noch ran.

Mira_Belle

Was genau macht das Skript?
Bzw. die drei verschiedenen Funktionen?

Mira_Belle

Wie wäre es damit?

Suchwort eingeben. Suche starten. Suchwort wird sofort entfernt. Check!

Suchwort eingeben. Suche aber nicht starten. Suchwort wird nach 4 Sekunden entfernt.

Wichtig
Zur Unterstützung habe ich Perplexity genutzt!

JavaScript

(function() {

  setInterval(() => {
    const input = document.getElementById("urlbar-input");
    if (input && input.value.length > 0) {
      const urlbar = document.getElementById("searchbar-new");
      if (urlbar) {
        urlbar.value = "";
        urlbar.setAttribute("value", "");
      }
    }
  }, 500); // Alle 0.5 Sekunden checken

  let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);       
  let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`

    .searchmode-switcher-icon {
      list-style-image: url("chrome://global/skin/icons/search-glass.svg") !important;
      fill: #ffaa00 !important;
    }

  `), null, null);

  sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);

  // ---- Suchbegriff nach vorgegebener Zeit löschen ----

  function autoClearSearchbarAfterDelay() {
    const DELAY = 4000; // 4 Sekunden Verzögerung
    const searchbar = document.getElementById("searchbar-new");
    if (!searchbar) return;

    let timeout;

    // Wenn der Benutzer etwas eingibt
    searchbar.addEventListener("input", () => {
      clearTimeout(timeout);
      if (searchbar.value.trim() !== "") {
        timeout = setTimeout(() => {
          // Nur löschen, wenn noch Text da ist (keine Zwischenänderung)
          if (searchbar.value.trim() !== "") {
            searchbar.value = "";
            searchbar.setAttribute("value", "");
            // Event auslösen, damit UI aktualisiert
            searchbar.dispatchEvent(new Event('input', { bubbles: true }));
          }
        }, DELAY);
      }
    });

    // Optional: Wenn der Benutzer Enter drückt (Suche startet) → Timeout abbrechen
    searchbar.addEventListener("keydown", (e) => {
      if (e.key === "Enter") clearTimeout(timeout);
    });
  }

  // Funktion nach kurzer Verzögerung aktivieren (sobald das Feld existiert)
  setTimeout(autoClearSearchbarAfterDelay, 1000);

})();

Alles anzeigen

Käse, da ist noch ein Bug vorhanden!
Funktioniert nicht richtig, wenn eine Seite geöffnet ist.

Mira_Belle

2002Andreas Danke für die Antwort.

Zitat von 2002Andreas

Suchwort eingeben..Suche starten..Suchwort wird sofort entfernt.

Das funktioniert ja.

Zitat von 2002Andreas

Suchwort eingeben..Suche aber nicht starten..Suchwort wird nach vorgegebener Zeit wieder entfernt.

OK, da muss ich dann noch ran!

Mira_Belle

Boersenfeger Was hältst Du davon?

JavaScript

(function() {

  setInterval(() => {
    const input = document.getElementById("urlbar-input");
    if (input && input.value.length > 0) {
      const urlbar = document.getElementById("searchbar-new");
      if (urlbar) {
        urlbar.value = "";
        urlbar.setAttribute("value", "");
      }
      
      // Event triggern
    //  input.dispatchEvent(new Event('change', {bubbles: true}));
    }
  }, 500); // Alle 0.5 Sekunden checken

  let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);       
  let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`

    .searchmode-switcher-icon {
      list-style-image: url("chrome://global/skin/icons/search-glass.svg") !important;
      fill: #ffaa00 !important;
    }

	`), null, null);

   sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);

})();

Alles anzeigen

Es ist noch nicht perfekt, aber ein Anfang!

In das Suchfeld einen Begriff eingeben und nach Bestätigung wird der Begriff im Suchfeld wieder gelöscht,
aber die Suche wird dennoch nach dem Begriff gestartet.

Was hatte das alte Skript noch für eine Funktion?

Mira_Belle

Ich komme da einfach nicht weiter!
Mit dieser Version wird zwar der Inhalt nach Enter gelöscht,
aber es lassen sich danach weder Adressfeld noch Suchfeld weiter benutzen!

JavaScript

console.log("🔥 SUCHFELD ULTRA FIX!");

setInterval(() => {
 // const input = document.getElementById('#searchbar-new #urlbar-input');
  const input = document.getElementById("urlbar-input");
 // const input = document.getElementById("html:input#urlbar-input.urlbar-input textbox-input");
  if (input && input.value.length > 0) {
    console.log("💥 LEERE JETZT:", input.value);
    
    // Mehrere Methoden gleichzeitig:
    input.value = "";
    input.setAttribute("value", "");
    input.textContent = "";
    
    // Auch Parent leeren (moz-urlbar)
    const urlbar = document.getElementById("searchbar-new");
    if (urlbar) {
      urlbar.value = "";
      urlbar.setAttribute("value", "");
    }
    
    // Event triggern
    input.dispatchEvent(new Event('input', {bubbles: true}));
    input.dispatchEvent(new Event('change', {bubbles: true}));
  }
}, 500); // Alle 0.5 Sekunden checken

Alles anzeigen

Die anderen Zeilen adressieren zwar das Suchfeld genauer, aber es wird dann eben nicht mehr geleert!

Mira_Belle

Mein bisheriger Erguss, das Skript funktioniert nicht!
Aber eventuell bringt es ja jemanden auf die richtige Spur.

Wichtig
Zur Unterstützung nutzte ich Perplexity, eine KI mit Internetzugriff, da ich Hilfe benötigte bei den Internas von Mozilla.

JavaScript

// ==UserScript==
// @name           Suchfeld (searchbar-new) automatisch leeren
// @description    Leert die zweite Adressleiste (moz-urlbar mit id="searchbar-new")
// @include        chrome://browser/content/browser.xhtml
// ==/UserScript==

(function() {
  if (location.href !== "chrome://browser/content/browser.xhtml") return;

  // Container der zweiten Leiste
  const container = document.getElementById("search-container");
  if (!container) return;

  // Die „Suchleiste“ ist ein moz-urlbar
  const urlbar = container.querySelector("html\\:moz-urlbar#searchbar-new") ||
                 document.querySelector("html\\:moz-urlbar#searchbar-new");
  if (!urlbar) return;

  // Eingabefeld aus Shadow DOM oder Fallback
  const input =
    urlbar.shadowRoot?.querySelector("input") ||
    urlbar.querySelector("input");
  if (!input) return;

  /* ------------------------------------------
   * 1. Suchfeld nach 4 Sekunden automatisch leeren
   * ------------------------------------------ */

  let tId;
  input.addEventListener("input", () => {
    clearTimeout(tId);
    tId = setTimeout(() => {
      input.value = "";
      if (typeof urlbar.value === "string") {
        urlbar.value = "";
      }
    }, 4000);
  });

  /* ------------------------------------------
   * 2. Suchfeld sofort nach Start der Suche leeren
   *    (Enter in dieser Leiste)
   * ------------------------------------------ */

  input.addEventListener("keydown", (e) => {
    if (e.key === "Enter") {
      // Kurz warten, damit die eigentliche Suche/Navigation losläuft
      setTimeout(() => {
        input.value = "";
        if (typeof urlbar.value === "string") {
          urlbar.value = "";
        }
      }, 200);
    }
  });

})();

Alles anzeigen

Ich vermute den Fehler in der Einbindung von "

Mira_Belle

Zitat von 2002Andreas

Ansonsten heißt es abwarten, ob das jemand macht/kann

Also ich habe mich mal daran versucht, aber Mozilla hat so viel geändert, dass ich es einfach nicht schaffe.
Da muss jemand ran, der sich auch mit den "Internas" auskennt.
Einfach das Skript umschreiben ist nicht

Mira_Belle

Einen ganz lieben und herzlichen Dank geht an FuchsFan für seine Vorlage.

Mira_Belle

Bei mir leider auch.
So sollte es aussehen:

Tut es aber nicht mehr.

CSS

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml")
{
  #updateIcon {
    display: none !important;
  }

  /*---------------------------------------------------*/
  /****       Anpassungen an dem About:Dialog       ****/
  /*---------------------------------------------------*/

  #aboutDialog {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    line-height: 1.5 !important;
  }

  #aboutDialog vbox,
	#aboutDialogContainer hbox,
	#clientBox vbox,
	#contributeDesc > label:nth-child(1),
	#contributeDesc > label:nth-child(2),
	#releasenotes,
	#trademark,
	#updateButton,
	label.bottom-link:nth-child(3),
	[href='about:credits'],
	[href='about:license'],
	[href='about:rights'],
	[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
  {
    font-size: 15px !important;
  }

  /*    Das ist Links das FF-Logo */

  #leftBox {
    appearance: none !important;
    border-radius: 10px !important;
    /*		background-image: url("../image/index_test.png") !important;    */
    background-image: url("../image/mozilla-firefox-logo.png") !important;
    background-repeat: no-repeat !important;
    background-color: var(--uc-color-black-light) !important;
    background-position: center center !important;
    background-size: 225px !important;
    min-width: 225px !important;
    margin-top: 80px !important;
  }

  /*    Das ist Rechts die Box    */

  #rightBox::before {
    content: "Firefox Browser" !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    color: #fff582 !important;
    text-shadow: 4px 4px #ff0000 !important;
    margin-left: 50px !important;
  }

  #rightBox {
    background-image: none !important;
    padding-top: 1px !important;
    margin-top: 1px !important;
    margin-left: 10px !important;
    margin-right: -7px !important;
  }

  #aboutDialog,
  #bottomBox,
  #clientBox {
    background-color: var(--uc-color-black-light) !important;
  }

  #icons.icon {
    margin: 10px !important;
  }

  /*    Update-Check ohne Erwartung ;)*/
  /*    Blendet Original-Animationen aus!*/

  #icons > .update-throbber {
    /*		visibility: hidden !important; */
    display: none !important;
  }

  /*	#updateDeck #checkingForUpdates > label {   */
  [data-l10n-id="update-checkingForUpdates"] {
    appearance: none !important;
    border-radius: 10px !important;
    background-image: url("../image/sample_3.gif") !important;
    background-repeat: no-repeat !important;
    background-color: var(--uc-color-black-light) !important;
    background-position: -10px center !important;
    background-size: 36px !important;
    color: #eee8aa !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    min-height: 28px !important;
    margin-top: 0 !important;
    margin-right: -10px !important;
    margin-bottom: 12px !important;
    /*		margin-left: 20px !important;   */
    margin-left: 75px !important;
    padding-top: 2px !important;
    padding-right: 25px !important;
    padding-bottom: 0 !important;
    padding-left: 45px !important;
  }

  /*    Blendet Original-Icon aus!*/

  #icons > .noUpdatesFound {
    display: none !important;
  }

  /*	#noUpdatesFound > label:nth-child(1) {  */
  [data-l10n-id="update-noUpdatesFound"] {
    appearance: none !important;
    border-radius: 10px !important;
    background-image: url("../image/tick_2.png") !important;
    background-repeat: no-repeat !important;
    background-color: var(--uc-color-black-light) !important;
    background-position: 0 center !important;
    background-size: 36px !important;
    color: ar(--uc-color-orange-normal) !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    min-height: 28px !important;
    margin-top: 0 !important;
    margin-right: -10px !important;
    margin-bottom: 12px !important;
    /*		margin-left: 20px !important;   */
    margin-left: 75px !important;
    padding-top: 2px !important;
    padding-right: 25px !important;
    padding-bottom: 0 !important;
    padding-left: 45px !important;
  }

  /*  Das muss noch gecheckt werden   */

  #downloadAndInstallButton {
    appearance: none !important;
    border-radius: 10px !important;
    /*	background-image:  url("./image/herz.png") !important;		*/
    background-repeat: no-repeat !important;
    background-color: var(--uc-color-black-light) !important;
    background-position: 0% center !important;
    background-size: 16px !important;
    color: var(--uc-color-white-dark) !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 10px !important;
    padding-top: 0 !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    padding-left: 10px !important;
  }

  #downloadAndInstallButton:hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
  }

  #updateButton {
    appearance: none !important;
    border-radius: 10px !important;
    background-image: url("../image/herz.png") !important;
    background-repeat: no-repeat !important;
    background-color: var(--uc-color-black-light) !important;
    background-position: 0% center !important;
    background-size: 16px !important;
    color: var(--uc-color-white-dark) !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 10px !important;
    padding-top: 0 !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    padding-left: 10px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
  }
  #updateButton:hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }
  /*    Dazugehörige default-GFX is im Weg...*/

  #icons > .apply {
    display: none !important;
  }

  /*	Versionsanzeige		*/

  #version.update::before {
    content: "Meine derzeitige Firefox-Version ist: ";
    font-size: 18px !important;
    font-weight: normal !important;
    color: ar(--uc-color-orange-normal) !important;
    margin-right: 5px !important;
    margin-left: -65px !important;
  }

  #version {
    margin-top: 10px !important;
    margin-left: 50px !important;
    margin-right: -40px !important;
    font-size: 22px !important;
    font-weight: bold !important;
    color: #ff64ff !important;
  }

  /*     ohne Unterstrich	*/

  #releasenotes,	  										/*     Neue Funktionen und Änderungen	*/  
    #submit-feedback,	 									/*     Feedback senden	*/ 
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'],
    [href='about:credits'],	  								/*     globalen Comunity	*/  
    #contributeDesc > label:nth-child(1),	  				/*     Spenden Sie	*/  
    #contributeDesc > label:nth-child(2),	  				/*     machen Sie mit!	*/  
    [href='about:license'],	  								/*     Information zur Lizensierung	*/  
    [href='about:rights'], 	  								/*     Endanwenderrechte	*/  
    label.bottom-link:nth-child(3)	  						/*     Datenschutzbestimmungen	*/ {
    text-decoration: none !important;
  }

  description.text-blurb:nth-child(3) > label:nth-child(1) {
    text-decoration: none !important;
  }

  /*	Text	*/

  .text-blurb {
    font-size: 15px !important;
    color: var(--uc-color-white-dark) !important;
    padding-right: 1px !important;
  }

  /*     Neue Funktionen und Änderungen	*/

  #releasenotes {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-top: 2px !important;
    margin-left: 0px !important;
    top: 35px !important;
    left: -330px !important;
    min-width: 250px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;

    border-radius: 8px !important;
    position: relative;
  }

  #releasenotes:hover {
    background: #404040 !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  description.text-blurb:nth-child(3) {
    margin-top: 15px !important;
    margin-left: 59px !important;
    margin-bottom: 15px !important;
  }

  /*     Firefox-Hilfe	*/

  description.text-blurb:nth-child(3) > label:nth-child(1) {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 10px !important;
    margin-top: 35px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }
  description.text-blurb:nth-child(3) > label:nth-child(1):hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     Feedback senden	*/

  #submit-feedback {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 10px !important;
    margin-top: 35px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }
  #submit-feedback:hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     Mozilla	*/

  [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
  {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 1px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
  {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     globalen Comunity	*/

  [href="about:credits"] {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    margin-top: 0px !important;
    margin-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 1px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  [href="about:credits"]:hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*    Hinter dem Komma einen Zeilenumbruch erzwingen	*/

  #detailsBox > description#communityDesc {
    max-width: 450px !important;
  }

  /*     Spenden Sie	*/

  #contributeDesc > label:nth-child(1) {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    margin-top: 2px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  #contributeDesc > label:nth-child(1):hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     machen Sie mit!	*/

  #contributeDesc > label:nth-child(2) {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    margin-top: 2px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  #contributeDesc > label:nth-child(2):hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     Information zur Lizensierung	*/

  [href="about:license"] {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 1px !important;
    margin-bottom: 20px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  [href="about:license"]:hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     Endanwenderrechte	*/

  [href="about:rights"] {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 1px !important;
    margin-bottom: 20px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  [href="about:rights"]:hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     Datenschutzbestimmungen	*/

  label.bottom-link:nth-child(3) {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 1px !important;
    margin-bottom: 20px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  label.bottom-link:nth-child(3):hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*    Text ganz unten, Logo und Warenzeichen	*/

  #trademark {
    padding-top: 10px !important;
    text-align: center !important;
    color: var(--uc-color-white-dark) !important;
    margin-block: 15px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  /*    Den Text "design by me ©" will ich ganz unten rechts inne Ecke.... */

  #bottomBox::after {
    display: flex !important;
    content: "design by me ©" !important;
    font-size: 11px !important;
    margin-left: 850px !important;
    color: var(--uc-color-white-dark) !important;
    padding-left: 12px !important;
  }

  #aboutDialog {
    margin-bottom: 0px !important;
  }
}

Alles anzeigen

Mira_Belle

OK, wir wollen es ja nicht zu umfassend und kompliziert machen!
Da ich auch andere Quellen nutze, z.B. hier das Board aber auch MDN oder auch Quellen fernab von Europa,
und den Code mehr oder weniger immer irgendwie bearbeite, wäre es meiner Meinung echt nicht Zielführend
im Anhang dann eine Latte an Quellen zu nennen!

Ich werde im Skript und auch in den Beiträgen in Zukunft darauf hinweisen, dass KI im Spiel war.

Und ich meine, es ist doch keinem geholfen, wenn ich drunterschreibe:

Zitat

Teile oder einzelne Zeilen des Codes stammen von:
"https://www.perplexity.ai/",
"https://chat.mistral.ai/chat",
"https://chatgpt.com/",
"https://duckduckgo.com/?q=DuckDuckGo+…a=chat&duckai=1"
oder gar "https://lmarena.ai/de".
Des Weiteren habe ich auf MDN & javascript.info recherchiert und es könnten Codefragmente aus anderen Skripten von
"https://github.com/ywzhaiqi/userChromeJS",
"https://github.com/ardiman/userChrome.js",
"https://github.com/alice0775/userChrome.js",
"https://github.com/Endor8/userChrome.js",
"https://github.com/Aris-t2/CustomJSforFx/tree/master/scripts"
oder
"https://github.com/benzBrake/Fire…er/userChromeJS"
enthalten sein.

Alles anzeigen

Und eine kleine Anmerkung von mir.
Es ist schon sehr interessant, dass das eine oder andere Skript von hier
auf "https://u6.getuploader.com/script/" landet.
Die können gar nicht so schlecht sein.

Mira_Belle

Zitat von Sören Hentzschel

Es soll einfach klar sein, wenn KI involviert war.

Das habe ich, so hoffe ich, zu Deiner Zufriedenheit umgesetzt.

Zitat von Sören Hentzschel

Die Nennung des genutzten Anbieters halte ich für sinnvoll.

Mh, das wiederum ist bei "https://lmarena.ai/de" schwierig, da im Battle immer zwei KI's zum
Einsatz kommen und man nie weiß welche.
Aber z.Z. nutze ich meist "https://www.perplexity.ai/" und "https://chat.mistral.ai/chat"
und auch hier nutze ich beide oft parallel und mixe den Code, je nachdem, was ich für besser halte
und/oder was besser funktioniert!
Also so wirklich kann ich es nicht immer "sagen"!

Ich hoffe, es reicht, wenn ich dazu schreibe, dass KI zum Einsatz kam.

Mira_Belle

Zitat von Horstmann

Nuja.

Oh sorry!
Ich habe Dich total falsch verstanden
Dachte Du meinst es so, wie Mitlesers Leiste funktioniert.

Mira_Belle

Auch Dir ein Danke, lieber Sören.

Und allen anderen, die eventuell noch kommen werden auch.

Mira_Belle

Hehe, Danke, lieber Andreas.

Mira_Belle

Zitat von Horstmann

Oder etwa doch?

Mira_Belle

Zitat von Horstmann

Sorry für das hin und her, aber manchmal braucht's ein paar Schritte mehr bis es passt.

Wem "sagst" Du das? Ist doch bei all meinen JS nicht anders!
Da klappt so manches nicht von Anfang an und es bedarf mehrere Anläufe.

Zitat von Horstmann

So sollte hoffentlich auch die Animation im Anpassenfenster klappen, .....

Das klappte schon vorher sehr gut.
Du hast das CSS arg geändert, jedoch mag mein Auge in der Ausführung des Codes keine Veränderungen wahrnehmen.
Aber sehr wahrscheinlich ist nun der Code robuster und sauberer,
aber was weiß ich schon? Mit solchem komplexen CSS komme ich einfach nicht zurecht.
Mal was per CSS verschieben, ausblenden oder einfach eine Farbe zu weisen, das bekomme ich noch hin,
aber dann hört es auch schon auf.

Mira_Belle

Zitat von Horstmann

... daher würde ich den aktualisierten Code komplett übernehmen ...

OK, wird gemacht. Danke.

Mira_Belle

Zitat von Horstmann

Wenn du in Zeile 113 die outline aktivierst, siehst du was passiert, der Container(?) #flybox_new behält Grösse und Position, da ja der Inhalt #new_flybar nur verschoben wird.

Ich sehe und glaube zu verstehen.

Zitat von Horstmann

Mit display:none - oder in Zeile 141 width aktivieren als Test - wird die Grösse vom Container mit veringert.

Ja, auch gesehen, aber dann (display:none) ist der schöne Effekt weg (sanftes ein- und ausblenden)

Zitat von Horstmann

Bei Benutzung no width würde man dann translate damit ersetzen, wenn man das konsequent umsetzen würde.

Das wiederum kapiere ich nicht! no width ?

Ich werde die Version nutzen, die Du ursprünglich gepostest hat.
Die funktioniert wunderbar und ich bin happy,
also noch einmal vielen lieben Dank dafür.

Beiträge von Mira_Belle

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Skripte für die Nightly Version wieder anpassen

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

CSS für About Dialog /Nightly passt nicht mehr

CSS für About Dialog /Nightly passt nicht mehr

Neue Quicklink-Button

Neue Quicklink-Button

Seitennavigation - Fly Out Menü

Der Glückwunsch-Thread

Der Glückwunsch-Thread

Seitennavigation - Fly Out Menü

Seitennavigation - Fly Out Menü

Seitennavigation - Fly Out Menü

Seitennavigation - Fly Out Menü