Posted by ptomasiewicz on May 10, 2008 at 6:56pm
Hi all.
I try to add some functionality to ''Multiselect'' module.
I`ve wrote simple jQuery script which fills unselected box with title of nodes from selected vocabulary.
Here is the code:
$('select.multiselect_taxonomy_vids').change(
function() {
base_path = "/inspirander";
fieldid=this.id;
vid=$('.multiselect_taxonomy_vids').filter('[@id='+fieldid+']').val();
seloptions='';
$('.multiselect_taxonomy_sel').filter('[@id='+fieldid+']').each(
function(){
for (var i=this.options.length-1;i>=0;i--)
{
seloptions+= this.options[i].value +'/';
}
}
)
$('.multiselect_taxonomy_unsel').filter('[@id*='+fieldid+']').removeOption(/./).ajaxAddOption(base_path+"/multiselect_taxonomy/autocomplete/"+vid+"/"+seloptions,false,false);
});Rest of JS code is in "multiselect_taxonomy.js_.txt".
On new nodes it works perfect.
But with html from "form.html" attachment I get:
$(".multiselect_taxonomy_unsel").filter("[@id*=" + fieldid + "]").removeOption(/./) has no properties.form-select html:
<fieldset class="group-inspiracje-na-dzi">
<legend>Inspiracje na dziś</legend><div class="form-item">
<label for="edit-field-strona-glowna-insp-linki-ts-vids">Działy: </label>
<select name="field_strona_glowna_insp_linki[ts_vids]" class="form-select multiselect_taxonomy_vids" id="field_strona_glowna_insp_linki"><option value="0" selected="selected">WSZYSTKIE</option><option value="5">Inspiracje</option><option value="7">Przyjęcie</option><option value="8">Gry</option><option value="3">Gotowanie</option><option value="9">Zdrowie</option><option value="10">Wychowanie</option><option value="11">Podróże</option><option value="12">Kobieta</option><option value="13">Kultura</option></select>
</div>
<div class="form-item"><label for="edit-title">Inspiracje na dziś - linki:</label>
<div class="container-inline"><div class="form-item"><select name="field_strona_glowna_insp_linki_unsel" multiple="multiple" class="form-select field_strona_glowna_insp_linki_unsel multiselect_taxonomy_unsel" id="field_strona_glowna_insp_linki" size="10">
<option value="54">Wiatraczek - 54</option>
<option value="55">Zdrowe kanapki - 55</option>
<option value="56">Pączki - 56</option>
<option value="57">Tort bałwanek - 57</option>
<option value="58">Tort Zamek - 58</option>
<option value="59">Świecące serduszka - 59</option>
<option value="60">Owocowe ptasie mleczko - 60</option>
<option value="61">Zabawne kanapki na dziecięce przyjęcie. - 61</option>
<option value="67">Ciasteczka - 67</option>
<option value="68">Roboty - 68</option>
<option value="111">Barszcz Ukraiński - 111</option>
<option value="88">Suchy - 88</option>
<option value="89">Kaszel - 89</option>
<option value="73">Urodziny1 - 73</option>
<option value="115">Ciuciubabka - 115</option>
<option value="98">Dzieci - 98</option>
<option value="100">Przepis na grzeczne dziecko ;) - 100</option>
<option value="103">Wyprawa na Krym - 103</option>
<option value="108">Win-tsun - 108</option>
<option value="109">Kung-fu - 109</option>
<option value="113">Młoda polska proza - 113</option>
</select>
</div>
<span class="multiselect_taxonomy_add" id="field_strona_glowna_insp_linki">
<img src="/inspirander/sites/all/modules/multiselect_taxonomy/images/add.png" alt="add selection" align="top">
</span><span class="multiselect_taxonomy_remove" id="field_strona_glowna_insp_linki">
<img src="/inspirander/sites/all/modules/multiselect_taxonomy/images/remove.png" alt="remove selection" align="bottom">
</span><div class="form-item">
<select name="field_strona_glowna_insp_linki[nids][]" multiple="multiple" class="form-select field_strona_glowna_insp_linki_sel multiselect_taxonomy_sel" id="field_strona_glowna_insp_linki" size="10"><option value="54">Wiatraczek - 54</option><option value="55">Zdrowe kanapki - 55</option><option value="56">Pączki - 56</option><option value="57">Tort bałwanek - 57</option><option value="58">Tort Zamek - 58</option><option value="59">Świecące serduszka - 59</option><option value="60">Owocowe ptasie mleczko - 60</option><option value="61">Zabawne kanapki na dziecięce przyjęcie. - 61</option><option value="67">Ciasteczka - 67</option><option value="68">Roboty - 68</option><option value="84" selected="selected">Barszcz Biały - 84</option><option value="111">Barszcz Ukraiński - 111</option><option value="120" selected="selected">Grochówka - 120</option><option value="88">Suchy - 88</option><option value="89">Kaszel - 89</option><option value="73">Urodziny1 - 73</option><option value="115">Ciuciubabka - 115</option><option value="98">Dzieci - 98</option><option value="100">Przepis na grzeczne dziecko ;) - 100</option><option value="102" selected="selected">Herodot - 102</option><option value="103">Wyprawa na Krym - 103</option><option value="108">Win-tsun - 108</option><option value="109">Kung-fu - 109</option><option value="113">Młoda polska proza - 113</option></select>
</div>
</div></div>
<div id="field-strona-glowna-insp-tlo-attach-wrapper"><fieldset class="collapsible"><legend>Inspiracje na dziś - tło</legend><div class="description">Changes made to the attachments are not permanent until you save this post.</div><div class="imagefield-edit-image-row clear-block"><div class="imagefield-edit-preview"><img src="http://10.10.1.2/inspirander/files/strona_glowna/inspiracje_na_dzis.png" alt="inspiracje_na_dzis.png" title="inspiracje_na_dzis.png" width="150"></div><div class="imagefield-edit-image-detail"><div class="imagefield-edit-image-flags"><div class="form-item">
<label class="option"><input name="field_strona_glowna_insp_tlo[0][flags][delete]" id="edit-field-strona-glowna-insp-tlo-0-flags-delete" value="1" class="form-checkbox" type="checkbox"> Usuń</label>
</div>
</div><div class="imagefield-edit-image-description"><strong>Filename: </strong>inspiracje_na_dzis.png</div><input name="field_strona_glowna_insp_tlo[0][alt]" id="edit-field-strona-glowna-insp-tlo-0-alt" value="inspiracje_na_dzis.png" type="hidden">
<input name="field_strona_glowna_insp_tlo[0][title]" id="edit-field-strona-glowna-insp-tlo-0-title" value="inspiracje_na_dzis.png" type="hidden">
</div></div><div class="imagefield-edit-image-replace">If a new image is chosen, the current image will be replaced upon submitting the form.</div><div id="field-strona-glowna-insp-tlo-attach-hide"><div class="form-item">
<label for="edit-field-strona-glowna-insp-tlo-upload">Upload a new image: </label>
<input name="files[field_strona_glowna_insp_tlo_upload]" class="form-file imagefield imagefield-field_strona_glowna_insp_tlo" accept="jpg|jpeg|png|gif" id="edit-field-strona-glowna-insp-tlo-upload" size="60" type="file">
<div class="description"><br>Allowed extensions: <em>jpg jpeg png gif</em></div>
</div>
<input name="cck_imagefield_field_strona_glowna_insp_tlo_op" id="field-strona-glowna-insp-tlo-attach-button" value="Transfery plików" class="form-submit" type="submit">
</div></fieldset>
</div>Where Is a problem?
| Attachment | Size |
|---|---|
| form.html | 97.29 KB |
| multiselect_taxonomy.js_.txt | 4.27 KB |
Comments
It`s my mistake. Function
It`s my mistake.
Function 'removeOption' is defined in two different places. Once in multiselect_taxonomy.js, another one in jquery-select.js.