views exposed filter .form-item's ID's zuweisen
Eingetragen von willi1 (246)am 05.08.2011 - 19:20 Uhr in
Hej,
ich habe ein view mit Feldern angelegt und diese Herrvorgehoben über "Expose this filter to visitors". Wenn ich mir jetzt über den Firebug die Struktur angucke stelle ich fest, dass alle herrvorgehoben Felder mit der Klasse .form-item angelegt wurden. Ich benötige aber für jedes Feld eine eindeutige ID kann mir da jemand von euch weiterhelfen und mir den Weg zeigen wie ich da hinkomme?
so sieht es im Moment aus:
<div class="form-item">
<input id="edit-field-haus-tid-98" type="checkbox" multiple="multiple" value="98" name="field_haus_tid[]">
<label class="option" for="edit-field-haus-tid-98">Haus</label>
</div>so benötige ich es:
<div id="edit-field-tid-98" class="form-item">
<input id="edit-field-haus-tid-98" type="checkbox" multiple="multiple" value="98" name="field_haus_tid[]">
<label class="option" for="edit-field-haus-tid-98">Haus</label>
</div>lg
willi1
- Anmelden oder Registrieren um Kommentare zu schreiben
better exposed filters
am 06.08.2011 - 17:04 Uhr
Hallo,
ich habe wohl noch vergessen zu erwähnen, dass ich das Modul "Better Exposed Filters" einsetze um checkboxen auszugeben. Wenn ich die Einst
ellungen von Checkboxen auf Links stelle wird mir der code so ausgegeben wie ich es brauche.
Ich habe dazu auch schon die Datei: better_exposed_filters.theme ausfindig gemacht nur fehlen mir noch die Kenntnisse das ich es so ausgeben bekomme
<div id="edit-field-haus-tid-98" class="form-item">lg
willi1
entschuldigung ich bin es
am 07.08.2011 - 12:57 Uhr
entschuldigung ich bin es nochmal,
Ich muss das Beispiel nochmal korrigieren es soll so aussehen:
<div id="edit-haus-98-wrapper" class="form-item"><label class="option" for="edit-haus-98">
<input id="edit-haus-98" class="haus" type="checkbox" value="98" name="haus[]">
Barrierefrei
</label>
</div>
Ich habe in den views nochmal die Felder angeguckt da kann ich ja vershiedene Einstellungen wie z.B. "Customize field and label wrapper HTML" ändern, das funktioniert aber nicht bei den hervorgehobenen Filtern oder gibt es doch eine Möglichkeit, die ich übersehen habe?
Vorsichtshalber habe ich die Datei als Anhang mitgeschickt. Ich glaube da müßte man was verändern.
Über eine Antwort würde ich mich sehr freuen. Ich könnte dazu wenn ich weiß wie es geht ein Tutorial erstellen damit alle davon profitieren.
lg
willi1
Ich weiß nicht, ob das noch
am 07.08.2011 - 14:01 Uhr
Ich weiß nicht, ob das noch irgendwo einzustellen ist, denn ich habe das bisher noch nie benötigt. Mir haben die Checkboxen so wie sie sind ausgereicht. Wenn Du das unbedingt haben willst, gibt es eine Möglichkeit, die aber etwas Aufwand bedeutet. Die Exposed Filter stellen ja eine Form dar, die von Drupal verwaltet wird. Mit einem eigenen Modul, das hook_form_alter oder hook_form FORM_ID_alter implemetiert, kannst Du die Form mit Hilfe der Form-API so verändern, daß die Klassen an die entsprechenden Stellen gesetzt werden. Wenn Du Pech hast, geht das allerdings erst im After_Build Prozess. Da mußt Du experimentieren und dich entsprechend einlesen.
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Dankeschön
am 07.08.2011 - 14:26 Uhr
Hallo Werner,
dankeschön für Deine Antwort. Das klingt ziemlich kompliziert. Neben den checkboxen möchte ich Grafiken anzeigen und danach die labels. Gibt es da nicht eine andere Methode um das zu bewerkstelligen?
Vielleicht in Form von manipulation der better_exposed_filters.theme Datei?
habe da zwei stellen im Auge
/**
* Build a BEF checkbox -- very similar to theme_checkbox
* (http://api.drupal.org/api/function/theme_checkbox/6)
*
* @param $element - array: original <select> element generated by Views
* @param $value - string: value of this checkbox option
* @param $label - string: label for this checkbox option
* @param $selected - bool: checked or not
* @return string: checkbox HTML
*/
function bef_checkbox($element, $value, $label, $selected) {
$value = check_plain($value);
$label = check_plain($label);
$id = drupal_html_id($element['#id'] . '-' . $value);
// Custom ID for each checkbox based on the <select>'s original ID
$properties = array(
'#required' => FALSE,
'#id' => $id,
);
// Prevent the select-all-none class from cascading to all checkboxes
if (!empty($element['#attributes']['class'])
&& FALSE !== ($key = array_search('bef-select-all-none', $element['#attributes']['class']))) {
unset($element['#attributes']['class'][$key]);
}
$checkbox = '<input type="checkbox" '
. 'name="' . $element['#name'] . '[]" ' // brackets are key -- just like selectund
. 'id="' . $id . '" '
. 'value="' . $value . '" '
. ($selected ? 'checked="checked" ' : '')
. drupal_attributes($element['#attributes']) . ' />';
$properties['#children'] = "$checkbox <label class='option' for='$id'>$label</label>";
$output = theme('form_element', array('element' => $properties));
return $output;
}
und eventuell diese Teil:
/**
* Themes a select element as a set of checkboxes
*
* @see theme_select(), http://api.drupal.org/api/function/theme_select/6
* @param array $vars - An array of arrays, the 'element' item holds the properties of the element.
* Properties used: title, value, options, description
* @return HTML string representing the form element.
*/
function theme_select_as_checkboxes($vars) {
$element = $vars['element'];
if (!empty($element['#bef_nested'])) {
if (empty($element['#attributes']['class'])) {
$element['#attributes']['class'] = array();
}
$element['#attributes']['class'][] = 'form-checkboxes';
return theme('select_as_tree', array('element' => $element));
}
// the selected keys from #options
$selected_options = empty($element['#value']) ? $element['#default_value'] : $element['#value'];
// Grab exposed filter description. We'll put it under the label where it makes more sense.
$description = '';
if (!empty($element['#description'])) {
$description = '<div class="description">'. $element['#description'] .'</div>';
unset($element['#description']);
}
$output = '<div class="bef-checkboxes">';
foreach ($element['#options'] as $option => $elem) {
if ('All' === $option) {
// TODO: 'All' text is customizable in Views
// No need for an 'All' option -- either unchecking or checking all the checkboxes is equivalent
continue;
}
// Check for Taxonomy-based filters
if (is_object($elem)) {
list($option, $elem) = each(array_slice($elem->option, 0, 1, TRUE));
}
/*
* Check for optgroups. Put subelements in the $element_set array and add a group heading.
* Otherwise, just add the element to the set
*/
$element_set = array();
$is_optgroup = FALSE;
if (is_array($elem)) {
$output .= '<div class="bef-group">';
$output .= '<div class="bef-group-heading">' . $option . '</div>';
$output .= '<div class="bef-group-items">';
$element_set = $elem;
$is_optgroup = TRUE;
}
else {
$element_set[$option] = $elem;
}
foreach ($element_set as $key => $value) {
$output .= bef_checkbox($element, $key, $value, array_search($key, $selected_options) !== FALSE);
}
if ($is_optgroup) {
$output .= '</div></div>'; // Close group and item <div>s
}
}
$output .= '</div>';
lg
willi1
lg
willi1
ich habe noch was gefunden
am 08.08.2011 - 18:40 Uhr
Hallo liebe Alle,
ich denke ich habe ein Lösungsansatz gefunden, nur weis ich leider noch nicht wie ich den umsetzen kann. Kann mir dazu vielleicht einer von Euch eine kleine Hilfestellung geben?
<?php
/**
* Return a themed form element.
*
* Override here is to get a element ID on radios and checkboxes
*
* @param element
* An associative array containing the properties of the element.
* Properties used: title, description, id, required
* @param $value
* The form element's data.
* @return
* A string representing the form element.
*
* @ingroup themeable
*/
function phptemplate_form_element($element, $value) {
// This is also used in the installer, pre-database setup.
$t = get_t();
$output = '<div class="form-item"';
if (!empty($element['#id'])) {
$output .= ' id="'. $element['#id'] .'-wrapper"';
}
else { // if we can't get the #id from $element['#id'] just build it from $element['#name']
$id=explode("[value]", $element['#name']);
$output .= ' id="edit-'. preg_replace('/\[|\]|_/', '-', str_replace('][', '-', $id[0])) .'value-wrapper"';
}
$output .= ">\n";
$required = !empty($element['#required']) ? '<span class="form-required" title="'. $t('This field is required.') .'">*</span>' : '';
if (!empty($element['#title'])) {
$title = $element['#title'];
if (!empty($element['#id'])) {
$output .= ' <label for="'. $element['#id'] .'">'. $t('!title: !required', array('!title' => filter_xss_admin($title), '!required' => $required)) ."</label>\n";
}
else {
$output .= ' <label>'. $t('!title: !required', array('!title' => filter_xss_admin($title), '!required' => $required)) ."</label>\n";
}
}
$output .= " $value\n";
if (!empty($element['#description'])) {
$output .= ' <div class="description">'. $element['#description'] ."</div>\n";
}
$output .= "</div>\n";
return $output;
}
?>
Ich habe schon versucht den Code in meine template.php einzubinden leider ohne Erfolg. Muss ich den code vielleicht in die better_exposed_filters.theme datei einbinden?
lg
willi1
Guten Morgen
am 09.08.2011 - 09:07 Uhr
Guten Morgen,
kann mir bei meinem Problem keiner behilflich sein? ich bekomme es einfach nicht hin :-(
$output = '<div class="form-item"';if (!empty($element['#id'])) {
$output .= ' id="'. $element['#id'] .'-wrapper"';
}
else { // if we can't get the #id from $element['#id'] just build it from $element['#name']
$id=explode("[value]", $element['#name']);
$output .= ' id="edit-'. preg_replace('/\[|\]|_/', '-', str_replace('][', '-', $id[0])) .'value-wrapper"';
}
das klappt leider nicht ich denke ich binde das nicht richtig ein :-(
lg
willi1
Der Thread hier ist zwar
am 13.02.2012 - 23:31 Uhr
Der Thread hier ist zwar schon was älter und ich weiss nicht ob Du das Problem gelöst hattest. Aber mir ist dieses Problem sehr vohl bekannt.
Ich hätte es sogar lieber, wenn man die einzelne Checkbox aus dem Widget herauslösen könnte.
Aber eine Möglichkeit, die funktioniert ist folgende:
Das hier in die template.php
/**
*implementation of theme_form_element().
*/
function DEINTHEME_form_element($variables) {
$element = &$variables['element'];
// This is also used in the installer, pre-database setup.
$t = get_t();
// This function is invoked as theme wrapper, but the rendered form element
// may not necessarily have been processed by form_builder().
$element += array(
'#title_display' => 'before',
);
// Add element #id for #type 'item'.
if (isset($element['#markup']) && !empty($element['#id'])) {
$attributes['id'] = $element['#id'];
}
// Add element's #type and #name as class to aid with JS/CSS selectors.
$attributes['class'] = array('form-item');
$attributes['id'] = array($element['#id']);
if (!empty($element['#type'])) {
$attributes['class'][] = 'form-type-' . strtr($element['#type'], '_', '-');
}
if (!empty($element['#name'])) {
$attributes['class'][] = 'form-item-' . strtr($element['#name'], array(' ' => '-', '_' => '-', '[' => '-', ']' => ''));
}
// Add a class for disabled elements to facilitate cross-browser styling.
if (!empty($element['#attributes']['disabled'])) {
$attributes['class'][] = 'form-disabled';
}
$output = '<div' . drupal_attributes($attributes) . '>' . "\n";
// If #title is not set, we don't display any label or required marker.
if (!isset($element['#title'])) {
$element['#title_display'] = 'none';
}
$prefix = isset($element['#field_prefix']) ? '<span class="field-prefix">' . $element['#field_prefix'] . '</span> ' : '';
$suffix = isset($element['#field_suffix']) ? ' <span class="field-suffix">' . $element['#field_suffix'] . '</span>' : '';
switch ($element['#title_display']) {
case 'before':
case 'invisible':
$output .= ' ' . theme('form_element_label', $variables);
$output .= ' ' . $prefix . $element['#children'] . $suffix . "\n";
break;
case 'after':
$output .= ' ' . $prefix . $element['#children'] . $suffix;
$output .= ' ' . theme('form_element_label', $variables) . "\n";
break;
case 'none':
case 'attribute':
// Output no label and no required marker, only the children.
$output .= ' ' . $prefix . $element['#children'] . $suffix . "\n";
break;
}
if (!empty($element['#description'])) {
$output .= '<div class="description">' . $element['#description'] . "</div>\n";
}
$output .= "</div>\n";
return $output;
}
Entscheidend ist dabei die Zeil hier
<?php$attributes['id'] = array($element['#id']);
?>
die fügt die id der checkbox an das form-item
gruss
drupalino