wyciwyg issue with Colorbox Trigger in views [#1852384]

Guys I created a View Page that display a Carrousel of specific number of content. Each of those have a link (if the summary has content) that trigger a Colorbox window with the content of the summary.

I have 2 triggers and 4 summary fields because I'm displaying 2 types of content: 2 fields handle the display of the link if the summary is empty or not, the other 2 retrieve the summary and 2 triggers that open the Colorbox if the link is pressed.

Well normally they work perfectly but sometimes, they fail to load the content and it appears a black Colorbox with a default throbber in an specific windows size and after a few seconds it refresh the site placing this before the URL:

http://wyciwyg://RADOMNUMBER

Can you please help me? Is this bug present on Colorbox 7.x-2.0? Is it save to manual update if I'm not using forms with Colorbox but Modal forms module? Why is not offered to update in the update manager?

Comment	File	Size	Author
#1	colorbox_trigger_bug.png	79.8 KB	warmth

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

warmth CreditAttribution: warmth commented 28 November 2012 at 00:21

File	Size
colorbox_trigger_bug.png	79.8 KB

Here there is an screenshot of the bad before autorefreshing (left) and the good result that stays (right). In red the buttons on the Carousel of two different type of content.

Colorbox Trigger Bug

and the exported View:

$view = new view();
$view->name = 'obras';
$view->description = '';
$view->tag = 'default';
$view->base_table = 'node';
$view->human_name = 'Últimas Obras Publicadas';
$view->core = 7;
$view->api_version = '3.0';
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */

/* Display: Master */
$handler = $view->new_display('default', 'Master', 'default');
$handler->display->display_options['title'] = 'Últimas Obras Publicadas';
$handler->display->display_options['use_ajax'] = TRUE;
$handler->display->display_options['use_more_always'] = FALSE;
$handler->display->display_options['use_more_text'] = 'más';
$handler->display->display_options['access']['type'] = 'perm';
$handler->display->display_options['cache']['type'] = 'none';
$handler->display->display_options['query']['type'] = 'views_query';
$handler->display->display_options['exposed_form']['type'] = 'basic';
$handler->display->display_options['exposed_form']['options']['submit_button'] = 'Aplicar';
$handler->display->display_options['exposed_form']['options']['reset_button_label'] = 'Reiniciar';
$handler->display->display_options['exposed_form']['options']['exposed_sorts_label'] = 'Ordenar por';
$handler->display->display_options['exposed_form']['options']['sort_asc_label'] = 'Ascendente';
$handler->display->display_options['pager']['type'] = 'some';
$handler->display->display_options['pager']['options']['items_per_page'] = '9';
$handler->display->display_options['pager']['options']['offset'] = '0';
$handler->display->display_options['style_plugin'] = 'default';
$handler->display->display_options['row_plugin'] = 'fields';
/* Comportamiento si no hay resultados: Global: Unfiltered text */
$handler->display->display_options['empty']['area_text_custom']['id'] = 'area_text_custom';
$handler->display->display_options['empty']['area_text_custom']['table'] = 'views';
$handler->display->display_options['empty']['area_text_custom']['field'] = 'area_text_custom';
$handler->display->display_options['empty']['area_text_custom']['label'] = 'Lo sentimos';
$handler->display->display_options['empty']['area_text_custom']['empty'] = TRUE;
$handler->display->display_options['empty']['area_text_custom']['content'] = 'Lo sentimos no hay obras para mostrar.';
/* Campo: Contenido: Imagen */
$handler->display->display_options['fields']['field_imagen']['id'] = 'field_imagen';
$handler->display->display_options['fields']['field_imagen']['table'] = 'field_data_field_imagen';
$handler->display->display_options['fields']['field_imagen']['field'] = 'field_imagen';
$handler->display->display_options['fields']['field_imagen']['label'] = '';
$handler->display->display_options['fields']['field_imagen']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['field_imagen']['click_sort_column'] = 'fid';
$handler->display->display_options['fields']['field_imagen']['settings'] = array(
  'image_style' => 'carousel',
  'image_link' => 'content',
);
/* Campo: Contenido: Imagen */
$handler->display->display_options['fields']['field_imagen_cap']['id'] = 'field_imagen_cap';
$handler->display->display_options['fields']['field_imagen_cap']['table'] = 'field_data_field_imagen_cap';
$handler->display->display_options['fields']['field_imagen_cap']['field'] = 'field_imagen_cap';
$handler->display->display_options['fields']['field_imagen_cap']['label'] = '';
$handler->display->display_options['fields']['field_imagen_cap']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['field_imagen_cap']['click_sort_column'] = 'fid';
$handler->display->display_options['fields']['field_imagen_cap']['settings'] = array(
  'image_style' => 'carousel',
  'image_link' => 'content',
);
/* Campo: Contenido: Fecha del envío */
$handler->display->display_options['fields']['created']['id'] = 'created';
$handler->display->display_options['fields']['created']['table'] = 'node';
$handler->display->display_options['fields']['created']['field'] = 'created';
$handler->display->display_options['fields']['created']['label'] = '';
$handler->display->display_options['fields']['created']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['created']['date_format'] = 'custom';
$handler->display->display_options['fields']['created']['custom_date_format'] = 'd/m/Y';
/* Campo: Contenido: Título */
$handler->display->display_options['fields']['title']['id'] = 'title';
$handler->display->display_options['fields']['title']['table'] = 'node';
$handler->display->display_options['fields']['title']['field'] = 'title';
$handler->display->display_options['fields']['title']['label'] = '';
$handler->display->display_options['fields']['title']['alter']['word_boundary'] = FALSE;
$handler->display->display_options['fields']['title']['alter']['ellipsis'] = FALSE;
/* Campo: Contenido: Nid */
$handler->display->display_options['fields']['nid']['id'] = 'nid';
$handler->display->display_options['fields']['nid']['table'] = 'node';
$handler->display->display_options['fields']['nid']['field'] = 'nid';
$handler->display->display_options['fields']['nid']['label'] = '';
$handler->display->display_options['fields']['nid']['exclude'] = TRUE;
$handler->display->display_options['fields']['nid']['element_label_colon'] = FALSE;
/* Campo: Contenido: Sinopsis */
$handler->display->display_options['fields']['field_obra_sinopsis']['id'] = 'field_obra_sinopsis';
$handler->display->display_options['fields']['field_obra_sinopsis']['table'] = 'field_data_field_obra_sinopsis';
$handler->display->display_options['fields']['field_obra_sinopsis']['field'] = 'field_obra_sinopsis';
$handler->display->display_options['fields']['field_obra_sinopsis']['label'] = '';
$handler->display->display_options['fields']['field_obra_sinopsis']['exclude'] = TRUE;
$handler->display->display_options['fields']['field_obra_sinopsis']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['field_obra_sinopsis']['empty'] = 'Lo sentimos no hay sinopsis disponible.';
$handler->display->display_options['fields']['field_obra_sinopsis']['hide_empty'] = TRUE;
$handler->display->display_options['fields']['field_obra_sinopsis']['empty_zero'] = TRUE;
$handler->display->display_options['fields']['field_obra_sinopsis']['settings'] = array(
  'trim_length' => '200',
);
/* Campo: Contenido: Sinopsis */
$handler->display->display_options['fields']['field_obra_sinopsis_1']['id'] = 'field_obra_sinopsis_1';
$handler->display->display_options['fields']['field_obra_sinopsis_1']['table'] = 'field_data_field_obra_sinopsis';
$handler->display->display_options['fields']['field_obra_sinopsis_1']['field'] = 'field_obra_sinopsis';
$handler->display->display_options['fields']['field_obra_sinopsis_1']['label'] = '';
$handler->display->display_options['fields']['field_obra_sinopsis_1']['exclude'] = TRUE;
$handler->display->display_options['fields']['field_obra_sinopsis_1']['alter']['alter_text'] = TRUE;
$handler->display->display_options['fields']['field_obra_sinopsis_1']['alter']['text'] = 'Sinopsis';
$handler->display->display_options['fields']['field_obra_sinopsis_1']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['field_obra_sinopsis_1']['hide_empty'] = TRUE;
$handler->display->display_options['fields']['field_obra_sinopsis_1']['empty_zero'] = TRUE;
/* Campo: Caja de color: Colorbox trigger */
$handler->display->display_options['fields']['colorbox']['id'] = 'colorbox';
$handler->display->display_options['fields']['colorbox']['table'] = 'colorbox';
$handler->display->display_options['fields']['colorbox']['field'] = 'colorbox';
$handler->display->display_options['fields']['colorbox']['label'] = '';
$handler->display->display_options['fields']['colorbox']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['colorbox']['hide_empty'] = TRUE;
$handler->display->display_options['fields']['colorbox']['empty_zero'] = TRUE;
$handler->display->display_options['fields']['colorbox']['trigger_field'] = 'field_obra_sinopsis_1';
$handler->display->display_options['fields']['colorbox']['popup'] = '<span class="sinopsis">[field_obra_sinopsis]</span>';
$handler->display->display_options['fields']['colorbox']['gid'] = 0;
$handler->display->display_options['fields']['colorbox']['width'] = '400px';
$handler->display->display_options['fields']['colorbox']['height'] = '';
/* Campo: Contenido: Sinopsis */
$handler->display->display_options['fields']['field_capitulo_sinopsis']['id'] = 'field_capitulo_sinopsis';
$handler->display->display_options['fields']['field_capitulo_sinopsis']['table'] = 'field_data_field_capitulo_sinopsis';
$handler->display->display_options['fields']['field_capitulo_sinopsis']['field'] = 'field_capitulo_sinopsis';
$handler->display->display_options['fields']['field_capitulo_sinopsis']['label'] = '';
$handler->display->display_options['fields']['field_capitulo_sinopsis']['exclude'] = TRUE;
$handler->display->display_options['fields']['field_capitulo_sinopsis']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['field_capitulo_sinopsis']['empty'] = 'Lo sentimos no hay sinopsis disponible.';
$handler->display->display_options['fields']['field_capitulo_sinopsis']['hide_empty'] = TRUE;
$handler->display->display_options['fields']['field_capitulo_sinopsis']['empty_zero'] = TRUE;
$handler->display->display_options['fields']['field_capitulo_sinopsis']['settings'] = array(
  'trim_length' => '200',
);
/* Campo: Contenido: Sinopsis */
$handler->display->display_options['fields']['field_capitulo_sinopsis_1']['id'] = 'field_capitulo_sinopsis_1';
$handler->display->display_options['fields']['field_capitulo_sinopsis_1']['table'] = 'field_data_field_capitulo_sinopsis';
$handler->display->display_options['fields']['field_capitulo_sinopsis_1']['field'] = 'field_capitulo_sinopsis';
$handler->display->display_options['fields']['field_capitulo_sinopsis_1']['label'] = '';
$handler->display->display_options['fields']['field_capitulo_sinopsis_1']['exclude'] = TRUE;
$handler->display->display_options['fields']['field_capitulo_sinopsis_1']['alter']['alter_text'] = TRUE;
$handler->display->display_options['fields']['field_capitulo_sinopsis_1']['alter']['text'] = 'Sinopsis';
$handler->display->display_options['fields']['field_capitulo_sinopsis_1']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['field_capitulo_sinopsis_1']['hide_empty'] = TRUE;
$handler->display->display_options['fields']['field_capitulo_sinopsis_1']['empty_zero'] = TRUE;
/* Campo: Caja de color: Colorbox trigger */
$handler->display->display_options['fields']['colorbox_1']['id'] = 'colorbox_1';
$handler->display->display_options['fields']['colorbox_1']['table'] = 'colorbox';
$handler->display->display_options['fields']['colorbox_1']['field'] = 'colorbox';
$handler->display->display_options['fields']['colorbox_1']['label'] = '';
$handler->display->display_options['fields']['colorbox_1']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['colorbox_1']['hide_empty'] = TRUE;
$handler->display->display_options['fields']['colorbox_1']['empty_zero'] = TRUE;
$handler->display->display_options['fields']['colorbox_1']['trigger_field'] = 'field_capitulo_sinopsis_1';
$handler->display->display_options['fields']['colorbox_1']['popup'] = '<span class="sinopsis">[field_capitulo_sinopsis]</span>';
$handler->display->display_options['fields']['colorbox_1']['gid'] = 0;
$handler->display->display_options['fields']['colorbox_1']['width'] = '400px';
$handler->display->display_options['fields']['colorbox_1']['height'] = '';
/* Criterio de ordenación: Contenido: Fecha del envío */
$handler->display->display_options['sorts']['created']['id'] = 'created';
$handler->display->display_options['sorts']['created']['table'] = 'node';
$handler->display->display_options['sorts']['created']['field'] = 'created';
$handler->display->display_options['sorts']['created']['order'] = 'DESC';
/* Criterios de filtrado: Contenido: Publicado */
$handler->display->display_options['filters']['status']['id'] = 'status';
$handler->display->display_options['filters']['status']['table'] = 'node';
$handler->display->display_options['filters']['status']['field'] = 'status';
$handler->display->display_options['filters']['status']['value'] = 1;
$handler->display->display_options['filters']['status']['group'] = 1;
$handler->display->display_options['filters']['status']['expose']['operator'] = FALSE;
/* Criterios de filtrado: Contenido: Tipo */
$handler->display->display_options['filters']['type']['id'] = 'type';
$handler->display->display_options['filters']['type']['table'] = 'node';
$handler->display->display_options['filters']['type']['field'] = 'type';
$handler->display->display_options['filters']['type']['value'] = array(
  'capitulo' => 'capitulo',
  'obra' => 'obra',
);

/* Display: Últimas Obras Block */
$handler = $view->new_display('block', 'Últimas Obras Block', 'block');
$handler->display->display_options['defaults']['hide_admin_links'] = FALSE;
$handler->display->display_options['block_description'] = 'Ultimas Obras';
$translatables['obras'] = array(
  t('Master'),
  t('Últimas Obras Publicadas'),
  t('más'),
  t('Aplicar'),
  t('Reiniciar'),
  t('Ordenar por'),
  t('Ascendente'),
  t('Desc'),
  t('Lo sentimos'),
  t('Lo sentimos no hay obras para mostrar.'),
  t('Lo sentimos no hay sinopsis disponible.'),
  t('Sinopsis'),
  t('Últimas Obras Block'),
  t('Ultimas Obras'),
);

Comment #2

warmth CreditAttribution: warmth commented 28 November 2012 at 23:07

Doing a further research of the issue, I found that the console displayed:

Timestamp: 28/11/2012 11:55:53 p.m.
Error: ReferenceError: jQuery is not defined
Source File: http://www.MYSITE.com/site/
Line: 2

and

Timestamp: 28/11/2012 11:55:53 p.m.
Error: TypeError: f.document.body is null
Source File: https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js
Line: 16

I'm using jQuery Update so could this be a timeout issue because it tries to load the Colorbox windows before the jQuery gets loaded?

I also found this thread on the jQuery Update issue: #337543: Script errors where they talk about a only Firefox + Firebug problem but I have tested it with Chrome and still happens. The most incredible thing is that I have other views using the same relation between fields to trigger a Colorbox with some field content and the error is only occurring on this one that has the carousel effect.

Comment #3

frjo CreditAttribution: frjo commented 29 November 2012 at 07:44

Category:

bug

» support

I do not use the jQuery Update module in any of my Drupal 7 projects so it's possible there are some conflict. Maybe try to disable it and see it that is what causing it?