Artikel Tagged 'Form'

Anpassen eines Formulars grafisch

Ich wurde gefragt, wie eine grafische Form anpassen, insbesondere ein Suchfeld, wie die auf diesem Blog. Die verwendete Technik, oder besser gesagt, die ich benutze, ist natürlich gültig für jede Art von Modul zu bilden. Was ändert sich nur die Komplexität der Arbeit zu tun, je nach Komplexität der Form selbst sein.

Fortsetzung ...

WordPress: Kategorien in der Dropdown-

Ich behaupte, dass wir über WordPress 2.0.6 sprechen. Wenn Sie versuchen, die Kategorien in "Combo" gesetzt - Dropdown - Auge auf den Standort des geplanten Indikationen WordPress . Wenn Sie ein HTML-Formular machen mit einen Submit-Button muss sich davor hüten, den Namen des Input-Tag nur "Eintragen", wert ruinieren alles nur versucht, das Formular per Javascript submittare gesetzt.

Auf dem Gelände des WordPress wird der folgende Code vorgeschlagen:

1
2
3
4
5
6
<li id="categories">
'Categories:' ) ; ?> <? Php _e ('Kategorien');?>
<li>
$PHP_SELF ?> " method="get"> <?php dropdown_cats ( ) ; ?> <input type="submit" name="submit" value="view" /> </form> <Form action = "<? Php echo $ PHP_SELF?>" Method = "get"> <? Php dropdown_cats ();?> <input type="submit" name="submit" value="view" /> </ form>
</ Li> </ ul>
</ Li>

Beachten Sie, dass der Submit-Button das name-Attribut auf "Eintragen" hat. Wenn Sie versuchen, bei einem Javascript-Code wie folgt ausführen:

1
. submit ( ) ; Dokument bildet nomeform submit ()...;

Der Dolmetscher verwirrt, weil sie nicht unterscheiden die Methode submit () Element "Eintragen", das ist ein Knopf! Die Lösung ist einfach: es nennen, wie Sie, aber nicht auf die Schaltfläche "Eintragen"!

Der Code, den ich verwendet, um die Kategorien in Drop-Down-Modus I wird wie folgt angezeigt:

1
2
3
4
5
<div id="cmb_months">
<form name="xcats" id="xcats" action="/index.php" method="get">
; ?> <? Php dropdown_cats ();?>
</ Form>
</ Div>

Ich hatte auch den Kernel von WordPress (was nicht tun sollte ...). ändern In der Datei "template-Funktionen-category.php" Ich veränderte die Funktion dropdown_cats () bei der Vorbereitung des select tag ich fügte hinzu:

1
onchange = ". document.forms ['xcats'] submit ();"

Hier ist der Teil des Codes zu verfolgen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$wpdb -> get_results ( $query ) ; $ Categories = $ wpdb -> get_results ($ query);
. " \n " ; echo '<select name="cat" class="postform" onchange="document.forms[\'xcats\'].submit();"> "" \ n ".;
intval ( $optionall ) == 1 ) { if ( intval ($ OPTIONALL) == 1) {
apply_filters ( 'list_cats' , $all ) ; $ To = apply_filters ('list_cats', $ all);
<option value='0'>Seleziona una Categoria</option> \n " ; echo "\ t <option value='0'> Wählen Sie eine Kategorie </ option> \ n";
}
intval ( $optionnone ) == 1 ) if ( intval ($ optionnone) == 1)
<option value='-1'>" . __ ( 'None' ) . "</option> \n " ; . echo "\ t <option value='-1'>" __ ('Name') "</ option> \ n".;
$categories ) { if ($ categories) {
$categories as $category ) { foreach ($ categories als $ category) {
apply_filters ( 'list_cats' , $category -> cat_name , $category ) ; $ Cat_name = apply_filters ('list_cats', $ category -> cat_name, $ category);
<option value= \" " . $category -> cat_ID . " \" " ; echo "\ t <option value= \"". $category -> cat_id." \ "";
$category -> cat_ID == $selected ) if ($ category -> cat_id == $ selected)
; echo 'selected = "selected"';
; echo '>';
; echo $ cat_name;
intval ( $optioncount ) == 1 ) if ( intval ($ optioncount) == 1)
. $category -> cat_count . ')' ; echo '('. $ category -> cat_count. ') ";
intval ( $optiondates ) == 1 ) if ( intval ($ optiondates) == 1)
. $category -> lastday . '/' . $category -> lastmonth ; . echo''$ category -> lastday '/' $ category -> lastmonth..;
" ; echo "</ option> \ n";
}
}
" ; echo "</ select> \ n";

Eines der Funktion eingestellt ist die Combo auf der gewählten Kategorie die Seite neu laden wenn ich Zeit habe ... nur bei ihm besser aussehen.

Wie allen bekannt, für die der Vollständigkeit halber stelle ich fest, dass Maßnahmen mit einem non-intrusive-Code (Unauffällig) statt, die direkt in den Bau der onchange der Combo benötigt wurde. Darüber hinaus sind die Kategorien in der Combo angezeigt werden, nicht zugänglich für Browser ohne Javascript deaktiviert. Dies kann jedoch mit Hilfe der noscript-Tag in der Sidebar gelöst werden und zur Übersicht der Kategorien, wie eine Liste von Links - Standard-Modus von WordPress - Anpassungen, die in Kürze ;) .

Fortsetzung ...