<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Java Script on Natenoms Blog</title><link>https://natenom.de/tags/java-script/</link><description>Recent content in Java Script on Natenoms Blog</description><generator>Hugo -- gohugo.io</generator><language>de</language><copyright/><lastBuildDate>Fri, 27 Oct 2023 22:52:53 +0200</lastBuildDate><atom:link href="https://natenom.de/tags/java-script/index.xml" rel="self" type="application/rss+xml"/><item><title>Suche im Wiki verbessert</title><link>https://natenom.de/2023/10/suche-im-wiki-verbessert/</link><pubDate>Fri, 27 Oct 2023 22:52:53 +0200</pubDate><guid>https://natenom.de/2023/10/suche-im-wiki-verbessert/</guid><description>&lt;p>Habe heute die Suche im Wiki verbessert. Bisher gab es in den Suchfeldern keine Vorgabetexte und nach der Ausführung der Suche verschwanden die Suchstrings.&lt;/p>
&lt;p>Das habe ich jetzt beides behoben.&lt;/p></description><content:encoded><![CDATA[<p>Habe heute die Suche im Wiki verbessert. Bisher gab es in den Suchfeldern keine Vorgabetexte und nach der Ausführung der Suche verschwanden die Suchstrings.</p>
<p>Das habe ich jetzt beides behoben.</p>
<p>Als Text steht in beiden Suchfeldern jetzt &ldquo;Diese Seite durchsuchen&rdquo; und wenn die Suche ausgeführt wurde, wird in beiden Suchfeldern der verwendete Suchstring eingefügt, sodass man diesen nun einfach anpassen kann, statt alles neu eingeben zu müssen.</p>
<p>Früher mit verschwundenem Suchstring:</p>
 <figure class="image-caption"><picture>
                <source type="image/webp" srcset="/2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-alt_hu8cf72bb9ad5993846f461036e882336c_23546_360x0_resize_q95_h2_catmullrom_2.webp 360w,/2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-alt_hu8cf72bb9ad5993846f461036e882336c_23546_500x0_resize_q95_h2_catmullrom_2.webp 500w,/2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-alt_hu8cf72bb9ad5993846f461036e882336c_23546_816x0_resize_q95_h2_catmullrom_2.webp 816w"
                                          sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px" />
                <img alt="" srcset="/2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-alt_hu8cf72bb9ad5993846f461036e882336c_23546_360x0_resize_q95_h2_catmullrom_2.webp 360w, /2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-alt_hu8cf72bb9ad5993846f461036e882336c_23546_500x0_resize_q95_h2_catmullrom_2.webp 500w, /2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-alt_hu8cf72bb9ad5993846f461036e882336c_23546_816x0_resize_q95_h2_catmullrom_2.webp 816w"
                     sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px"
                     src="/2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-alt_hu8cf72bb9ad5993846f461036e882336c_23546_816x0_resize_q95_h2_catmullrom_2.webp" title="" loading="lazy" width="816" height="274" /></picture></figure>
<p>Jetzt mit Suchstring, der erhalten bleibt:</p>
 <figure class="image-caption"><picture>
                <source type="image/webp" srcset="/2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-neu-cover_hua72002b8b1be0e488feae6537d46e64d_26280_360x0_resize_q95_h2_catmullrom_2.webp 360w,/2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-neu-cover_hua72002b8b1be0e488feae6537d46e64d_26280_500x0_resize_q95_h2_catmullrom_2.webp 500w,/2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-neu-cover_hua72002b8b1be0e488feae6537d46e64d_26280_816x0_resize_q95_h2_catmullrom_2.webp 816w"
                                          sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px" />
                <img alt="" srcset="/2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-neu-cover_hua72002b8b1be0e488feae6537d46e64d_26280_360x0_resize_q95_h2_catmullrom_2.webp 360w, /2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-neu-cover_hua72002b8b1be0e488feae6537d46e64d_26280_500x0_resize_q95_h2_catmullrom_2.webp 500w, /2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-neu-cover_hua72002b8b1be0e488feae6537d46e64d_26280_816x0_resize_q95_h2_catmullrom_2.webp 816w"
                     sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px"
                     src="/2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-neu-cover_hua72002b8b1be0e488feae6537d46e64d_26280_816x0_resize_q95_h2_catmullrom_2.webp" title="" loading="lazy" width="816" height="274" /></picture></figure>
<p>Da ich davon keine Ahnung habe und das nur auf Copy &amp; Paste basiert, hat es ewig gedauert, dann aber im Ergebnis sehr einfach.</p>
<p>Ich habe in die Funktion <code>populateResults</code> in der Datei <code>offsearch.js</code> am Anfang nur diese beiden Zeilen einfügen müssen:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span>  <span style="color:#a6e22e">$</span>(<span style="color:#e6db74">&#34;#custom-searchbox&#34;</span>).<span style="color:#a6e22e">val</span>(<span style="color:#a6e22e">searchQuery</span>);
</span></span><span style="display:flex;"><span>  <span style="color:#a6e22e">$</span>(<span style="color:#e6db74">&#34;#search-query&#34;</span>).<span style="color:#a6e22e">val</span>(<span style="color:#a6e22e">searchQuery</span>);
</span></span></code></pre></div><div class="shortcode-notice hinweis">
    <div class="shortcode-notice-title hinweis">
        Hinweis</div>
    <div class="notice-content">Es gibt übrigens sowohl einen Menüeintrag für &ldquo;Suche&rdquo; als auch das Eingabefeld, weil Letzteres auf mobilen Geräten nicht mehr angezeigt wird. Aber davon hab ich ja keine Ahnung, wie ihr wisst, daher bleibt das erstmal so.</div>
</div>


<p>Details zu der Suchfunktion mit fuse.js, die ich im Wiki statt der Defaultsuche vom Docsy-Theme verwende, <a  href="/2022/03/mein-neues-wiki-mit-hugo-neue-suche-und-andere-optimierungen/">gibt es hier</a>.</p>]]></content:encoded><enclosure url="https://natenom.de/2023/10/suche-im-wiki-verbessert/2023-10-27-suche-wiki-neu-cover.webp" length="26280" type="image/webp"/></item></channel></rss>