(wp_dropdown_categories) onchange einfügen

Tartanrocker

Also, ich hab den Tag 'wp_dropdown_categories' in Benutzung. Der Tag erzeugt folgenden Quelltext

Code

<select name='cat' id='cat' class='postform'>
[...]

Allerdings würde ich liebend gern auf einen input/submit-Button verzichten und deshalb

Code

onChange="document.location.href=this.options[this.selectedIndex].value;"

verwenden. Ich weiß aber nicht wie.

Erklärung oder Alternative gern gelesen ;)

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

Alphawolf

'wp_dropdown_categories' erstellt meines Wissens per default solch ein Menü. Hast du den Submit-Button hinzugefügt? Wie sieht der entsprechende Code aus?

PHP

<form name="catmenu" action="<?php bloginfo('url'); ?>/?cat=" method="get">
	<?php dropdown_cats('all=Alle Kategorien'); ?>
</form>

erstellt bei mir z.B. ein automatisch submittendes Dropdown ohne Button.

Simbo

Naja, das select-Tag hat ja ne ID, also kannst du es auch ohne Probleme per Javascript ansprechen (z.B. getElementById) und dann den onchange-Event hinzufügen (z.B. über setAttribute).

Die Javascript-Funktion bringst du am besten im Header unter und rufst sie dann im body-Tag mit einem onload="" auf.
Müsste funktionieren...
Natürlich nur, wenn Javascript an ist, aber ohne das funktioniert das was du vorhast ja sowieso nicht... :)

Gruß

Simon

marX

Den "Go"-Button könnte man ja dann noch in einem <noscript>-Bereich für nicht-JS-fähige Clients verstecken.

Doc

nimm das hier:

PHP

<?php $cat_args = "orderby=id&show_count=1";?>
  <?php wp_dropdown_categories($cat_args . '&show_option_none= ' . __('Kategorien')); ?>


<script type="text/javascript">
    var dropdown = document.getElementById("cat");
    function onCatChange() {
        if ( dropdown.options[dropdown.selectedIndex].value > 0 ) {
            location.href = "<?php echo get_option('siteurl'); ?>/?cat="+dropdown.options[dropdown.selectedIndex].value;
        }
    }
    dropdown.onchange = onCatChange;
  </script>

Alles anzeigen

Das dürfte klappen :-)

Doc

Tartanrocker

Danke!

Wow, danke euch. Insbesondere Doc; funktioniert einwandfrei. noscript hab ich auch gleich eingesetzt, daran hätte ich sonst gar nicht gedacht.

Zitat von Alphawolf

'wp_dropdown_categories' erstellt meines Wissens per default solch ein Menü. Hast du den Submit-Button hinzugefügt? Wie sieht der entsprechende Code aus?

Du hast dropdown_cats verwendet - und cat will ich nicht einsetzen, weils nicht zukunftsicher ist. Deprecated sozusagen ;)
(weiß gar nicht obs in 2.3 noch geht, ist seit 2.1 veraltet)

costel-marian

Zitat von Doc

nimm das hier:

PHP

<?php $cat_args = "orderby=id&show_count=1";?>
  <?php wp_dropdown_categories($cat_args . '&show_option_none= ' . __('Kategorien')); ?>


<script type="text/javascript">
    var dropdown = document.getElementById("cat");
    function onCatChange() {
        if ( dropdown.options[dropdown.selectedIndex].value > 0 ) {
            location.href = "<?php echo get_option('siteurl'); ?>/?cat="+dropdown.options[dropdown.selectedIndex].value;
        }
    }
    dropdown.onchange = onCatChange;
  </script>

Alles anzeigen

Das dürfte klappen :-)

Doc

Hallo,

es klappt wunderbar.
Gibt es auch eine Möglichkeit dem Dropdown Menü ein width="170px" zu geben?

Danke!

Tartanrocker

ja klar, am besten id zuweisen und per css formatieren {width: 170px;}

costel-marian

Zitat von Tartanrocker

ja klar, am besten id zuweisen und per css formatieren {width: 170px;}

Hallo,
das hatte ich schon gemacht. Oder zumindest glaube ich dass Du das meinst:

Sidebar hat 200px.
Habe ein

Code

#blog-categories-dropdown {width: 170px;}

erstellt und habe sowohl mit dem ganzen Code in einem

Code

<div id="blog-categories-dropdown">...</div>

versucht als auch nur mit

PHP

<?php wp_dropdown_categories($cat_args . '&show_option_none= ' . __('Kategorien')); ?>

Das Menü bleibt so "klein" wie die Kategorien "lang" sind. Sagen wir mit Allgemein, WordPress und Testen ist das Menü, würde ich schätzen, je nach Größe des Textes, aber sagen wir bei 12px um die 110-120px breit.

Ich habe dadrunter ein Menü:

PHP

<form id="archiveform" action="">
<select name="archive_chrono" onchange="window.location =
(document.forms.archiveform.archive_chrono[document.forms.archiveform.archive_chrono.selectedIndex].value);" style="width:170px">
<option value=''>Monatlich</option>
<?php get_archives('monthly','','option'); ?>
</select>
</form>

womit die 170er Breite wunderbar klappt. Allerdings diese Breite ist im Code selbst.

Gibt es vielleicht eine andere Lösung, oder habe ich falsch verstanden?

Danke

marX

Code

#blog-categories-dropdown [B]select[/B] {
width: 170px;
}

Betrifft <select>-Elemente innerhalb von id="blog-categories-dropdown"

marX

Code

#blog-categories-dropdown [B]select[/B] {
width: 170px;
}

Betrifft <select>-Elemente innerhalb von id="blog-categories-dropdown"

costel-marian

Zitat von marX
Code
#blog-categories-dropdown [B]select[/B] {
width: 170px;
}
Betrifft <select>-Elemente innerhalb von id="blog-categories-dropdown"

Ich danke sehr!

Alphawolf

Zitat von marX
Code
#blog-categories-dropdown [B]select[/B] {
width: 170px;
}
Betrifft <select>-Elemente innerhalb von id="blog-categories-dropdown"

Ich möchte einen Doppelpost melden... :) :p

marX

Ich glaub ich seh doppelt... 4 Posts! :shock:

Ja nee, bitte löschen! :-D (Da hatte das Forum mal wieder Schluckauf und beim Reload war der Post dann doppelt da... sry)

Alphawolf

Ich verzeihe dir. :D

marX

Danke... *schnief* Jetzt fühl ich mich etwas besser... :|

Willkommen! Melden Sie sich an oder registrieren Sie sich.

(wp_dropdown_categories) onchange einfügen

Jetzt mitmachen!