Weckklickbarer Text im Suchformular

sparblog

Hallo,

dazu gibt es hier zwar schon ein Thread (sehr alt) jedoch komme ich trotzdem nicht weiter. Ich will, dass im Suchfeld das Wort "Finder" steht und beim klick auf das Wort, soll das Wort dann verschwinden.

Mein Theme: "illacrimo".

In der searchform.php befindet sich folgender Codeschnipsel:

PHP

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<div><input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>

Muss ich da was verändern oder in der functions.php Datei?

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

Maiskolben

Hallo Sparblog!
So spät noch wach? ^^ Meines Wissens geht das nur mit Java-Script oder Ajax. Da PHP serverseitig ist wirst Du anders nicht weiterkommen...

Hier mal eine kleine Lektüre...

http://forum.de.selfhtml.org/archiv/2003/5/t47628/

Viele Grüße,

Maiskolben

PS:

Hier, ich glaube das kannst Du so in Deiner searchform.php (insofern Du sie hast) verwenden...

PHP

<form method="get" name="searchform" id="searchform" action="<?php  echo $_SERVER['PHP_SELF']; ?>">
<input type="text" value="<?php if(isset($_GET['s'])) { echo  wp_specialchars($s, 1); } else { echo "Finder..."; }?>"  onClick="document.searchform.s.value = '';" name="s" id="s" />  <input type="submit" id="searchsubmit" value="Suchen" />
</form>

Kirchenschnack

Suchformular

Ich habe mein Suchformular wie folgt eingebaut:

PHP

<form method="get" id="searchform" 
    action="<?php echo get_option('home'); ?>" >
<label class="hidden" for="s"></label>
<input type="text" name="s" id="s"
    value="Suchtext ..."
    onblur="if (this.value == '') 
    {this.value = 'Suchtext ...';}"
    onfocus="if (this.value == 'Suchtext ...') 
    {this.value = '';}" />
<input type="hidden" id="searchsubmit" />
</form>

Alles anzeigen

sparblog

Maiskolben: Funktioniert leider nicht.
Kirchenschnack: Hatte den Code schon gestern ausprobiert, funktioniert auch nicht.

Maiskolben

Ich hab zu spät gesehen...

Es geht eigentlich nur um den Eventhandler OnClick... Das funktioniert bei mir wunderbar...

PHP

onClick="document.searchform.s.value = '';"

ducument.(name_des_formulars).s(name_des_inputfeldes)...

sparblog

Maiskolben: Leider nicht.

Maiskolben

Moment.. Probiere das doch nochmal!

PHP

<form method="get" name="searchform" id="searchform" action="<?php bloginfo('url'); ?>/">
<div><input type="text" value="<?php if(isset($_GET['s'])) { echo wp_specialchars($s, 1); } else { echo "Suchbegriff..."; }?>" name="s" id="s" onClick="document.searchform.s.value = '';" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>

PS: Hast Du JavaScript in Deinem Browser auch aktiviert? :)

Kirchenschnack

Mein Code

Hallo,
mein Code funktioniert auf meiner Seite einwandfrei, Du musst nur darauf achten, dass der Text: "Suchtext ..." an allen drei Stellen gleich ist . Dann sollte es funktionieren.

Stefan

sparblog

Klappt auch nicht ;(

Kirchenschnack

Link bitte

Poste doch mal bitte den Link zu deiner Seite wo das ganze nicht funktioniert. Damit wir uns das hier mal ansehen können.

Stefan

sparblog

http://gutscheine.sparblog.com

Maiskolben

Du solltest Dein Formular mittels $_GET[] übertragen lassen, steht im moment auf $_POST[]...

PHP

<form action="/index.php" method="post">
<input name="s" class="keyword" type="text">
<div id="buttonsearch"><input name="submit" class="search" title="Search" src="http://gutscheine.sparblog.com/wp-content/themes/illacrimo/images/ButtonTransparent.png" alt="Search" type="image">
</div>
</form>

Wo ist im Input das Value und der onclick Eventhandler?

PS: Die Suche klappt allerdings auch mit post Übertragung...

sparblog

Geht leider auch nicht.

Ich glaub ich lass es einfach sein ;)

sparblog

Zitat von Maiskolben

Moment.. Probiere das doch nochmal!

PHP

<form method="get" name="searchform" id="searchform" action="<?php bloginfo('url'); ?>/">
<div><input type="text" value="<?php if(isset($_GET['s'])) { echo wp_specialchars($s, 1); } else { echo "Suchbegriff..."; }?>" name="s" id="s" onClick="document.searchform.s.value = '';" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>

PS: Hast Du JavaScript in Deinem Browser auch aktiviert? :)

Mit dem Code klappts im neuen Design, danke!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Weckklickbarer Text im Suchformular

Jetzt mitmachen!