Seite 1 von 1

Text im Suchfeld

Verfasst: 08.02.2010, 04:23
von Dominik83
Wer kann mir erklären, wie ich den unteren Code mit dem oberen vereine?

Mein Wordpress-Code

Code: Alles auswählen

<form method="get" action="<?php bloginfo&#40;'home'&#41;; ?>/" id="searchform">
<fieldset>
<input id="searchbox" type="text" value="<?php echo wp_specialchars&#40;$s, 1&#41;; ?>" name="s" />
<input type="submit" id="searchbutton" value="<?php _e&#40;'suchen','wp_multiflex'&#41;; ?>" />
</fieldset>
</form>
Fremder Code

Dieser Code zeigt einen Suchfeldtext an und lässt ihn beim reinklicken automatisch verschwinden.

Code: Alles auswählen

<form method="get" id="searchform" 
    action="<?php echo get_option&#40;'home'&#41;; ?>" >
<label class="hidden" for="s">< ?php _e&#40;'Search for&#58;'&#41;; ?></label>
<input type="text" name="s" id="s"
    value="Hier Suchtext eingeben..."
    onblur="if &#40;this.value == ''&#41; 
    &#123;this.value = 'Hier Suchtext eingeben...';&#125;"
    onfocus="if &#40;this.value == 'Hier Suchtext eingeben...'&#41;
    &#123;this.value = '';&#125;" />
<input type="submit" id="searchsubmit" 
    value="<?php echo attribute_escape&#40;__&#40;'Search'&#41;&#41;; ?>" />
</form>
Hab leider 0-AHnung von php, versucht hab ich es schon ein paar Stunden aber ich bekomms einfach nicht hin. Ich will eben, dass der obere Code einen Suchfeldtext anzeigt und ihn beim reinklicken automatisch ausblendet.

Dafür sollen diese Codeschnipsel verantwortlich sein:


value="Hier Suchbegriff eingeben…" />


onblur="if (this.value == '')
{this.value = 'Hier Suchtext eingeben...';}"
onfocus="if (this.value == 'Hier Suchtext eingeben...')
{this.value = '';}" />

Verfasst:
von
SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002
  • persönliche Betreuung
  • individuelle Beratung
  • kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.


Verfasst: 08.02.2010, 04:32
von vipa
das hat nix mit php zu tun, das ist ne javascript geschichte :) d.h. du kannst den javascriptcode einfach in dein textfeld einfügen

Verfasst: 08.02.2010, 04:39
von Dominik83
ja das geht schon, aber dann sieht das suchfeld ganz anders aus und ist viel zu groß für meine Seite und in css lässt sich dann nichts verändern, das geht nur mit dem oberen code.

Verfasst: 08.02.2010, 04:52
von vipa
na du musst dann der suchbox noch die alte id geben, damit es genauso dargestellt wird

Verfasst: 08.02.2010, 05:21
von Dominik83
Grün = lassen?
Gelb = austauschen?
Rot = Wo muss ich das einsetzen?
---------------

<form method="get" action="<?php bloginfo('home'); ?>/" id="searchform">
<fieldset>
<input id="searchbox" type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" />
<input type="submit" id="searchbutton" value="<?php _e('suchen','wp_multiflex'); ?>" />
</fieldset>
</form>


---------------------------------------
Code:
<form method="get" id="searchform"
action="<?php echo get_option('home'); ?>" >
<label class="hidden" for="s">< ?php _e('Search for:'); ?></label>
<input type="text" name="s" id="s"
value="Hier Suchtext eingeben..."
onblur="if (this.value == '')
{this.value = 'Hier Suchtext eingeben...';}"
onfocus="if (this.value == 'Hier Suchtext eingeben...')
{this.value = '';}" />
<input type="submit" id="searchsubmit"
value="<?php echo attribute_escape(__('Search')); ?>" />
</form>



Würde lieber den (oberen) Standard- Wordpresscode verwenden, den find ich besser. Wie müsst der aussehen?

Verfasst: 08.02.2010, 05:41
von 800XE

Code: Alles auswählen

<input type="text"     name="lognick" size="16" value="UserName" onfocus="this.value=''" style="background-color&#58;#99CCFF;">
das ist eien Zeile von mein Login @csvAlly rechts oben

Code: Alles auswählen

onfocus="this.value=''" 
macht aus
value="UserName"
beim Klick
value=""