Search Form

wickedninja

Hallo,

ich würde gerne mein Wordpress-Suchfeld in folgendem Stil haben: im Feld selbst steht "Suche", wenn ich draufklicke verschwindet "Suche" und ich kann meinen Suchbegriff eingeben. Soweit bin ich jetzt gekommen, allerdings weiss ich nicht wie ich das Suchfeld dann funktionsfähig machen kann...

Der Code:

HTML

<input name="textfield" type="text"
 style="border:none;background:yellow;font-size:10px;font-color:gray;font-family:Verdana, Arial, Helvetica, sans-serif;"
 value="Suche" onBlur="if(this.value=='') this.value='Suche';" onFocus="if(this.value=='Suche')
 this.value='';"size="17">

Schöne Grüsse,
Martin

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SVWliker

Würde ich auch gerne machen, keiner eine Idee?

Olafb

Das brauchst du doch nur in der sidebar ersetzen, wo ist das Problem?

SVWliker

Was denn? Das was wickedninja gepostet hat? Ich dachte, dann soll die Suche nicht mehr funktionieren.

sebjensen

Das stimmt. Die Suche geht dann leider nicht mehr. Werdemich morgen mal damit befassen, wenn es vorher keiner tut...

Olafb

ersetzen schrieb ich. Also ihr dürft nicht einfach den Schnippsel irgendwo reinsetzen. Der muss dort rein wo vorher schon ein <input name="textfield".... war.
Dann sollte dies klappen, posted doch mal eure Sidebar.

sebjensen

PHP

<!-- begin sidebar -->
<div id="side"> 
  <ul>
<?php if ( !function_exists('dynamic_sidebar')
        || !dynamic_sidebar() ) : ?>
      
      <li id="search">
      <h2>
        <?php _e('Suche'); ?>
      </h2>
      <form id="searchform" method="get" action="<?php bloginfo('url'); ?>/index.php">
        <div> 
           <input name="textfield" type="text" value="Suche" 
                  onBlur="if(this.value=='') this.value='Suche';" 
                  onFocus="if(this.value=='Suche') this.value='';"size="17">
           <br/>
           <input type="submit" id="submit" name="Submit" value="Suchen" />
        </div>
      </form>
    </li>
 <li id="calendar">
      <h2>
        <?php _e('Kalender'); ?>
      </h2>
      <?php get_calendar(); ?>
      </li>
 


    <li id="categories">
      <h2>
        <?php _e('Kategorien'); ?>
      </h2>
      <ul>
        <?php list_cats(0, '', 'name', 'asc', '', 1, 0, 1, 1, 1, 1, 0,'','','','','') ?>
      </ul>
    </li>
    <li id="archives">
      <h2>
        <?php _e('Archiv'); ?>
      </h2>
      <ul>
        <?php wp_get_archives('type=monthly'); ?>
      </ul>
    </li>
 <?php get_links_list(); ?>
    <li id="rss">
      <h2>
 <?php _e('RSS-Feeds'); ?> <img src="<?php bloginfo('stylesheet_directory'); ?>/images/feed.png" width="12" height="12" border="0" alt="RSS-Feed abonnieren"/>
      </h2>
      <ul>
 <li><a href="<?php bloginfo('rss2_url'); ?>">Artikel (RSS)</a></li>   
 <li><a href="<?php bloginfo('comments_rss2_url'); ?>">Kommentare (RSS)</a></li>
      </ul>
      <h2>
 <?php _e('Info'); ?>
      </h2>
      <ul>
 <li><?php wp_register('', ''); ?></li>
 <li><?php wp_loginout(); ?></li>
      </ul>
    </li>
<?php endif; ?>
  </ul>
</div>
<!-- end sidebar -->

Alles anzeigen

Hier mal meine gesamte Sidebar. Mit der eingebauten Suche. Der Schriftzug "SUCHE" steht im Suchfeld nun drin, aber die Suche wird nicht ausgeführt. Es wird dann nur diese URL bei der Eingabe des Begriffs Cebit aus: Die TSJ - Homepage

Olafb

Ich brauch die Sidebar von vorher. Gut mal ganz genau, wenn vorher dort ein
<input type="text" name="BLA" id="BLUB" ... war dann müssen diese Dinger drin bleiben, nicht verändern! Nur das dort einfügen:

HTML

onBlur="if(this.value=='') this.value='Suche';" onFocus="if(this.value=='Suche') this.value='';"

sebjensen

Super. Habe das Problem jetzt gelöst. Mit diesem Codeschnipsel kann man die Suche einbinden, so dass sie auch funktioniert:

PHP

<li id="search">
      <h2>
        <?php _e('Suche'); ?>
      </h2>
      <form id="searchform" method="get" action="<?php bloginfo('url'); ?>/index.php">
        <div> 
          <input type="text" name="s" size="18" value="Suche"
           onBlur="if(this.value=='') this.value='Suche';"
           onFocus="if(this.value=='Suche') this.value='';"/>
          <br/>
          <input type="submit" id="submit" name="Submit" value="Suchen" />
        </div>
      </form>
    </li>

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Search Form

Jetzt mitmachen!