Suche Hilfe beim WordPress Plugin (Entwicklung)

Hallo ihr lieben,

ich arbeite gerade an einem simplem WordPress Plugin, dass bereits fertig ist. Lieder hapert es an einer Stelle und ich hoffe, ihr könnt mir helfen.

Ganz simpel formuliert erzeugt der Shortcode meines Plugins eine Suchbox, die es erlaubt, eine Tabelle mit einer bestimmten ID zu filtern und den Suchplatzhalter, sowie die CSS-Klasse festzulegen.

// Usage:
// [tablesearch id="MyTable" css="main" placeholder="Search something"]
// Creates a small color swatch


function shortcode_tablesearch( $atts ){
    $atts = shortcode_atts( array(
        'id' => 'MyTable',
        'class' => 'main',
        'placeholder' => 'Search something',
    ), $atts, 'tablesearch' );
  
    return '<input class="'. $atts['class'].'" type="text" onkeyup="filterTo(this.value,'. $atts['id'].')" placeholder="'.$atts['placeholder'].'">';
}
add_shortcode( 'tablesearch', 'shortcode_tablesearch' );

Es gibt dazu einen JavaScript Funktion in einer JavaScript Datei und eben diese Datei hier:
Das Problem steckt im fett markierten Bereich, denn gebe ich Beispielsweise den Shortcode

[tablesearch id="meineTabelle"] ein, so wird für das Event onkeyup=" meinetabelle"] ausgegeben.

In HTML dann so

<input class="main" type="text" onkeyup="filterTo(this.value," heldenstufentabelle")"="" placeholder="search something">

Wir verhindere ich, dass
a) in Kleinbuchstaben umgewandelt wird und
b) das Leerzeichen davor erscheint.
c) das ="" vor dem placeholder attribut verschwindet.

Ok dann hier der gesamte Code

tablesearch.php

<?php
/*
Plugin Name: Tablesearch
Plugin URI: http://buddyholi.de/plugins/tablesearch
Description: This plugins creates a searchbox via shortcode to filter a table with an specific ID.
Version: 1.0
Author: BuddyHoli
Author URI: http://buddyholi.de
License: GPLv2
Domain Path: /languages/
Text Domain: tablesearch
*/


add_action('wp_enqueue_scripts',' tablesearch');


function tablesearch_init() {
    wp_enqueue_script( ' tablesearch-init-js', plugins_url( '/tablesearch.js', __FILE__ ));
}




// Usage:
// [tablesearch id="MyTable" css="main" placeholder="Search something"]
// Creates a small color swatch


function shortcode_tablesearch( $atts ){
    $atts = shortcode_atts( array(
        'id' => 'MyTable',
        'class' => 'main',
        'placeholder' => 'Search something',
    ), $atts, 'tablesearch' );
   
    return '<input class="'. $atts['class'].'" type="text" onkeyup="filterTo(this.value,"'.$atts['id'].'")" placeholder="'.$atts['placeholder'].'">';
   
   
}
add_shortcode( 'tablesearch', 'shortcode_tablesearch' );

tablesearch.js

function filterTo(input, table) {
var tr = document.getElementById(table).getElementsByTagName('tr');
for (var i = 1; i < tr.length; i++) {
    var td = tr[i].getElementsByTagName('td');
    var hide = true;
    for (var j=0; j<td.length; j++) {
        if (td[j].innerHTML.toUpperCase().indexOf(input.toUpperCase()) > -1) { hide=false; break }
    }
    tr[i].style.display = hide ? 'none' : '';
} }

Wenn ich den Shortcode zum Beispiel so eingebe:

[tablesearch id="MeineTabelle" class="main" placeholder="Search something"]

wird die Suchbox zwar ausgegeben, doch der Quellcode sieht so aus:

<input class="main" type="text" onkeyup="filterTo(this.value," meinetabelle")"="" placeholder="Search something">

Fehler 1:
Leerzeichen vor meinetabelle
Fehler 2:
Es soll MeineTabelle heißen
Fehler 3
Das ="" vor placeholder

Das kann man eigentlich ausschließen.
Denn wenn ich den Code für die Input Box einfach in den Text Editor des Beitrags eingebe und das Javascript in den Header lade, funktioniert das Ganze wunderbar.

Nur die Umsetzung via Shortcode klappt nicht.

Ich danke dir für dein Feedback.
Aber wenn Du genau diesen Code getestet hast, kann das unmöglich klappen und ich weiß imme rnoch nicht, wieso.

Ich habe nun ALLE Plugins deinstalliert und bin auf WP Standard Theme.

Die Dateien habe ich 1:1 wie oben übernommen.

Auf der Seite wurde im Editor das eingegeben:

[tablesearch id="MeineTabelle" class="main" placeholder="Search something"]


<table id="MeineTabelle">
<tr><td>AB</td><td>CD</td><td>EF</td><td>AB</td><td>CD</td><td>EF</td></tr>
<tr><td>GH</td><td>IJ</td><td>KL</td><td>GH</td><td>IJ</td><td>KL</td>
<tr><td>MN</td><td>OP</td><td>QR</td><td>MN</td><td>OP</td><td>QR</td>
<tr><td>ST</td><td>UV</td><td>WX</td><td>ST</td><td>UV</td><td>WX</td>
</table>

Fehler:

Warning: call_user_func_array() expects parameter 1 to be a valid callback, function ' tablesearch' not found or invalid function name in /www/htdocs/meinewebsite.de/wp-includes/class-wp-hook.php on line 286

Ich hab mir auch die class-wp-hook.php angesehen. Das ist ne Stelle, die mit AVOID ARRAY SLICE IF POSSIBLE überschrieben ist und WP Standard zu sein schein.

Da ich nun keinen fremden Code, keine Plugins und nur noch ein Theme von WordPress aktiv habe, wüsste ich nur zu gerne, wie das bei dir klappen kann.

Das wäre hier.

http://lords.wikituts.de/cookie/basics/test/

Du siehst dort auch die Fehlerausgabe. Vielleicht hast Du dazu eine Idee.

Ich habe das Gefühl, dass die JS-Datei nicht ordentlich geladen wird.
Wenn ich nämlich zum Beispiel ein Plugin verwende, um JS in den Header zu laden, klappt das Filtern der Tabelle.

Aber das soll ja über die beiden Files klappen und ohne weiteres plugin.

Würdest Du mir mal die beiden Files so anhängen, wie sie nun bei dir aussehen.
Wenn ich deiner Anleitung folge, kriege ich noch mehr Fehler :)

Ich hab den Fehler gefunden. Das Script wahr falsch eingebunden und meiner PHP Datei fehlte der öffnende PHP Tag, was den Fehler auf der Seite erklärt.

TAUSEND DANK. :)

Schau mal jetzt. So sollte es passen oder? Gleiche Seite

Ja dank deiner Hilfe :) VIelen Dank

Hey ich habe da noch ne Rückfrage...

wie müsste der Code denn aussehen, wenn ich ihn nicht auf Tabellen, sondern auf UL und OL listen anwenden möchte?