Hallo und Danke für eure Antworten und Hilfestellungen!
Ihr werdet mich jetzt wahrscheinlich steinigen, aber ich möchte es trotzdem ohne Zusatzerweiterungen umsetzen.
Ich bin jetzt schon so weit, dass ich die Suchfelder sehe und auch die zu filternden Datensätze darunter.
Auch habe ich eine JS erstellt und eingebunden.
Leider habe ich noch das Problem, dass ich es nicht schaffe, die 'Felder' korrekt in den JS einzubauen.
Jedesmal, wenn ich einen Buchstabe in ein Suchfeld eintippe, kommt der Alert 'Hallo'.
Darf ich nochmal um einen Blick auf meine drei Dateien bitten ... vielleicht springt einem ja der Fehler gleich ins Auge.
Danke schon vorweg!
Code:
function search(){
var searchName=document.getElementById('txtName').value;
var searchStandort=document.getElementById('txtStandort').value;
var searchMethode=document.getElementById('txtMethode').value;
var mitglieder="<?php echo $mitglied ?>";
// alert("Hallo");
for (i = 0; i < mitglieder.length; i++) {
a = mitglieder[i].getElementById("txtName")[0];
if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
mitglieder[i].style.display = "";
} else {
mitglieder[i].style.display = "none";
}
}
}
HTML-Code:
<style>
#txtName {
width: 30%;
}
#txtStandort, #txtMethode {
margin-left: 4.5%;
width: 30%;
}
</style>
<script src="/files/opensauce/js/mg_script.js"></script>
<div class="<?php echo $this->class ?> block"<?php echo $this->cssID ?>>
<<?php echo $this->hl ?>><?php echo $this->headline ?></<?php echo $this->hl ?>>
<input type="text" id="txtName" placeholder="Name" onkeyup="search()">
<input type="text" id="txtStandort" placeholder="Standort" onkeyup="search()">
<input type="text" id="txtMethode" placeholder="Methode" onkeyup="search()">
<button onclick="search()">Suchen</button>
<?php foreach ($this->mitglieder as $mitglied): ?>
<div>
<h2><a href="<?php echo $mitglied->url ?>"><?php echo $mitglied->name ?></a> /
<?php echo $mitglied->standort ?> /
Methode(n):
<?php foreach ($mitglied->methode as $methode): ?>
<?php echo $methode->typmethode ?> [nbsp]
<?php endforeach ?>
</h2>
</div>
<?php endforeach ?>
</div>
PHP-Code:
<?php
return array(
'label' => array('Humanenergetiker', 'Liste der Humanenergetiker'),
'types' => array('content'),
'contentCategory' => 'texts',
'standardFields' => array('headline', 'cssID'),
'fields' => array(
'mitglieder' => array(
'label' => array('Namen', 'Fügen Sie eine beliebige Anzahl von Anbietern ein.'),
'elementLabel' => 'Anbieter %s',
'inputType' => 'list',
'fields' => array(
'name' => array(
'label' => array('Name', 'Name des Anbieters'),
'inputType' => 'text',
'eval' => array('tl_class' => 'w50'),
),
'standort' => array(
'label' => array('Standort', 'Stadt oder Ort des Anbieters'),
'inputType' => 'text',
'eval' => array('tl_class' => 'w50'),
),
'url' => array(
'label' => array('Link', 'URL zum Anbieter'),
'inputType' => 'text',
'eval' => array('tl_class' => 'w50'),
),
'methode' => array(
'label' => array('Humanenergetik-Methode', 'Wählen Sie die Humanenergetik-Methode (Mehrfachnennung möglich).'),
'elementLabel' => '%s. Methode',
'inputType' => 'list',
'fields' => array(
'typmethode' => array(
'label' => array('Typ Humanenergetik-Methode', ''),
'inputType' => 'select',
'options' => array(
'Methode1' => 'Methode 1',
'Methode2' => 'Methode 2',
'Methode3' => 'Methode 3',
'Methode4' => 'Methode 4',
'Methode5' => 'Methode 5',
'Methode6' => 'Methode 6',
),
'eval' => array('tl_class' => 'w50'),
),
),
),
),
),
),
);