Hilfe bei Erstellung eines simplen Plugins
-
Hallo,
ich brauche mal eure Hilfe, weil ich mich mit Plugin Entwicklung nicht auskenne, obwohl ich weiß, dass das hier wahrscheinlich ein Kinderspiel ist.
Ich möchte gerne eine Suchbox erstellen, die ich per Shortcode
[tsbox]
ausgeben will.Die Ausgabe soll so erfolgen:
<input type='text' onkeyup="filterTo(this.value, 'IDderTabelle')" placeholder='SuchtextPlatzhalter'>
„IDderTabelle“ und „SuchtextPlatzhalter“ sollen Shortcode Attribute sein. Entsprechend soll der Shortcode später so aussehen. Prima wäre ein weiteres Attribut wie CSSKLasse, sodass ich mehrere Design erstellen kann.
Der Shortcode soll später vollständig so aussehen:
[tsbox id="IDderTabelle" class="main" placeholder="SuchtextPlatzhalter"]
IDderTabelle = ID der Tabelle, die gefiltert werden soll
main = die CSS-Datei main.css soll geladen werden
SuchtextPlatzhalter = Platzhalter in der InputboxDer JavaScript Code dazu wäre dieser:
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' : ''; } }
Könnte mir jemand einen „table-searchbox.php“, „table-searchbox.js“ und „table-searchbox.css“ einbinden, sodass ich die drei Dateien nur noch hochladen und als Plugin im Ordner /plugins/table-searchbox verwenden kann.
Das CSS-Stylen würde ich natürlich selbst übernehmen.
Ich möchte das Ganze dann gern der Community zur Verfügung stellen und kostenlos ins Plugin Verzeichnis hochladen. Außerdem möchte ich an diesem Beispiel gern lernen, wie Shortcodes funktionieren.
- Das Thema „Hilfe bei Erstellung eines simplen Plugins“ ist für neue Antworten geschlossen.