Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

DataObjectManager Module /

Discuss the DataObjectManager module, and the related ImageGallery module.

Moderators: martimiz, UncleCheese, Sean, biapar, Willr, Ingo, swaiba, simon_w

$ is not a function


Reply


19 Posts   3746 Views

Avatar
UncleCheese

Forum Moderator, 4094 Posts

20 July 2010 at 6:26am

It's because you're using tabs. I have a jQuery tabset floating around here somewhere.. let me look around and I'll post it.

Avatar
Mad_Clog

Community Member, 78 Posts

20 July 2010 at 7:13am

Removing the tabs did indeed solve the issue.
Thanks a lot, it was doing my head in.
A working variant of TabSet and Tab would be much appreciated!

Avatar
UncleCheese

Forum Moderator, 4094 Posts

20 July 2010 at 8:14am

Edited: 20/07/2010 8:15am

http://carlinowebdesign.com/tabs.zip

Place in a folder named "tabs", and run a flush.

Example code:

return new FieldSet(
   new HorizontalTabSet("Root",
      new Tab('Info',
      new TextField('Name')
   ),
   new VerticalTabSet('Schools',
      new Tab('DOM',
          new DataObjectManager(
             $this,
             'Schools',
             'School',
             array('Name' => 'Name', 'Year' => 'Year', 'Degree' => 'Degree')
          )
       ),
       new Tab('Bio',
          new TextareaField('Bio')
       )   
   ),
   new Tab('RandomThings',
         new CheckboxSetField('RandomThings','Random things',DataObject::get("RandomThing")->toDropdownMap('ID','Foo'))
   )
)
);

Notice that for nested tabsets, you can use VerticalTabSet to hide and show fields on click from within a horizontal tab.

Haven't tested in 2.4, and just made a fix that should help. Let me know how that works for you.

Avatar
Mad_Clog

Community Member, 78 Posts

21 July 2010 at 6:06am

Edited: 21/07/2010 6:12am

Thanks UC, those tabs do play nice with DOM.
Why don't you bundle them with your DOM release(s)?
Doubt I'm the only person using tabs in combination with DOM.

Avatar
UncleCheese

Forum Moderator, 4094 Posts

21 July 2010 at 6:31am

Cause I assumed they didn't work! Glad to hear it's working for you. I think I will roll that in and let people play around with it.

Avatar
JL

Community Member, 10 Posts

21 October 2010 at 5:24pm

The HorizontalTabSet is great, solve my "$ is not a function" too. The new look & feel for the tabs blends well with the popup!

Avatar
escaped

Community Member, 6 Posts

4 January 2011 at 5:14am

Edited: 04/01/2011 5:17am

i stumbled upon this and i must say that this is really really great.

So I just wanted to inform you, that these tabs interfiere with Uploadify - so you have to use FileIFrameField.

Avatar
maurirp

Community Member, 2 Posts

14 January 2011 at 10:44am

It's a conflict with jQuery and I solved it this way...
- Modified the file imagegallerymanager_popup.js in folder image_galery/javascript this way:

$.noConflict();

jQuery(function() {
   jQuery('.rotate-controls a').click(function() {
      link = $(this).attr('href');
       jQuery.ajax({
       url: link,
       success: function(html){
          jQuery('#preview-image img.preview').attr('src', html);
       }
      
      });
      return false;
   });
});

jQuery().ajaxSend(function(r,s){
jQuery(".ajax-loader").slideDown();
});

jQuery().ajaxStop(function(r,s){
jQuery(".ajax-loader").slideUp();
});

After this modification, '$ is not a function' error gone, and uploads begin to function as usual....