Text im Suchfeld

Beitrag von **Dominik83** » 08.02.2010, 04:23

Wer kann mir erklären, wie ich den unteren Code mit dem oberen vereine?

Mein Wordpress-Code

<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 = '';}" />

von **Anzeige von ABAKUS** »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002

persönliche Betreuung
individuelle Beratung
kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.

Beitrag von **vipa** » 08.02.2010, 04:32

das hat nix mit php zu tun, das ist ne javascript geschichte

d.h. du kannst den javascriptcode einfach in dein textfeld einfügen

Beitrag von **Dominik83** » 08.02.2010, 04:39

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.

Beitrag von **vipa** » 08.02.2010, 04:52

na du musst dann der suchbox noch die alte id geben, damit es genauso dargestellt wird

Beitrag von **Dominik83** » 08.02.2010, 05:21

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?

Beitrag von **800XE** » 08.02.2010, 05:41

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=""