Smoothbox help

mf

mfinley 14 May, 2010

Do you have to "enable" the smoothbox somehow? I can't get the smoothbox to pop up, it just opens a regular window. Any help would be appreciated.

Thanks

Gr

GreyHead 14 May, 2010

Hi mfinley,

Quite likely you do. Can you give us a bit more context about what you are trying to do?

Bob

mf

mfinley 14 May, 2010

I created a form with Chronoform and the user fills out the form and the data is saved in a table. I then used Chronoconnectivity to pull this data out. Only some of the fields are displayed with the "ID" field being a link to more detailed information. When I click on the "ID" link it doesn't open a smoothbox. It just opens a regular window.

Thanks

Gr

GreyHead 15 May, 2010

Hi mfinley,

Here some code I used recently. I had copied the smoothbox files into the components/com_chronoconnectivity/assets/ folder in this case. The code is from the CC Header box

<?php
$doc =& JFactory::getDocument();
JHTML::_('behavior.mootools');
$doc->addScript(JURI::base().'components/com_chronoconnectivity/assets/smoothbox.js');
$doc->addStylesheet(JURI::base().'components/com_chronoconnectivity/assets/smoothbox.css');
?>

Bob

mf

mfinley 15 May, 2010

Thank you for the reply. I will give that a try and let you know how it turns out.

mf

mfinley 17 May, 2010

That worked perfectly! Thank you!

Except the "close" doesn't seem to work.

mf

mfinley 17 May, 2010

Bob,
I have another question for you. I have been following your Ironbands.com example. In the code for the 'extracode' for the Chronoform you have....

<?php
require_once(JPATH_BASE.DS.'components'.DS.'com_chronoconnectivity'
    .DS.'includes'.DS.'language_schools_1'.DS.'name_arrays.php');
$ls_id = JRequest::getString('ls_id', '', 'get');
if ( !$ls_id ) {
    echo "Sorry, the school was not found";
} else {
    $style = "
    .label {
       color:#888;
       text-align:right;
    }
    ";
  $db =& JFactory::getDBO();
  $query = "
    SELECT *
      FROM `#__et_language_schools`
      WHERE `ls_id` = '$ls_id' ;
  ";
  $db->setQuery($query);
  $school = $db->loadObject();
  $school->Category = $cat_array[$school->Category];
  $school->cLsRegion = $reg_array[$school->cLsRegion];
  $school->Dept = $dep_array[$school->Dept];
  if ( $school->cLsWebsite ) {
      $school->cLsWebsite = "<a href='http://".$school->cLsWebsite."' target='_blank'>".$school->cLsWebsite."</a>";
  }
  $query = "
    SELECT *
      FROM `#__et_ls_results`
      WHERE `ls_id` = '$ls_id'
      ORDER by `Year` ASC;
  ";
  $db->setQuery($query);
  $years = $db->loadObjectList();
//echo "<div>".print_r($school, true)."</div>";
  echo "<div style='font-weight:bold; color:#0089CF;'>Fiche Organisme</div>";
  echo "<table style='width:100%;'>
     <tr><td style='width:30%;' class='label' >Catégorie:</td><td> ".$school->Category."</td></tr>
     <tr><td class='label' >Raison Sociale:</td><td> ".$school->cLsName."</td></tr>
     <tr><td class='label' >Adresse:</td><td> ".$school->cLsAddr."</td></tr>
     <tr><td class='label' >Code postal:</td><td> ".$school->cLsCodepostal."</td></tr>
     <tr><td class='label' >Ville:</td><td> ".$school->cLsVille."</td></tr>
     <tr><td class='label' >Région:</td><td> ".$school->cLsRegion."</td></tr>
     <tr><td class='label' >Department:</td><td> ".$school->Dept."</td></tr>
     <tr><td class='label' >Site web:</td><td> ".$school->cLsWebsite."</td></tr>
     <tr><td class='label' >Téléphone:</td><td> ".$school->cLsPhone."</td></tr>
     <tr><td class='label' >Statut:</td><td> ".$school->cLsStatut."</td></tr>
     <tr><td class='label' >RCS:</td><td> ".$school->cLsTcs."</td></tr>
     <tr><td class='label' >Date de création:</td><td> ".$school->cLsCreationdate."</td></tr>
     <tr><td class='label' >Certification Qualité:</td><td> ".$school->cLsCertificationQualite."</td></tr>
     <tr><td class='label' >No centres:</td><td> ".$school->cLsCentres."</td></tr>
     <tr><td class='label' >Nom reseau:</td><td> ".$school->cLsNomreseau."</td></tr>";
    if ( !empty($years) ) {
        echo "<tr><td colspan='2'>
         <table style='text-align:right; width:100%;' >
            <tr><thead>
            <th> </th>
            <th>CA</th>
            <th>Result</th>
            <th> </th>
            <th style='text-align:left;'>Commentaires</th><thead></tr>";
        foreach ( $years as $year ) {
            if ( $year->cLsCa2007 == -1 ) {
                $year->cLsCa2007 = 'non publié';
            } elseif ( !$year->cLsCa2007 ) {
                $year->cLsCa2007 = '–';
            } else {
                $year->cLsCa2007 = number_format($year->cLsCa2007, 0, ',', ' ');
            }
            if ( $year->cLsResult2007 == -1 ) {
                $year->cLsResult2007 = 'non publié';
            } elseif ( !$year->cLsResult2007 ) {
                $year->cLsResult2007 = '–';
            } else {
                $year->cLsResult2007 = number_format($year->cLsResult2007, 0, ',', ' ');
            }
            if ( !$year->Notes ) {
                $year->Notes = '  –';
            } elseif ( $year->Notes == 'D' ) {
                $year->Notes = 'déclaré lors d l’enquête';
            } elseif ( $year->Notes == 'E' ) {
                $year->Notes = 'estimé';
            }
            echo "<tr><td>".$year->Year."</td>
                    <td >".$year->cLsCa2007."</td>
                    <td>".$year->cLsResult2007."</td>
                    <td> </td>
                    <td style='text-align:left;'>".$year->Notes."</td></tr>";
        }
        echo  "</table>
          </td></tr>";
    }
     echo "</table>";
     $doc =& JFactory::getDocument();
     $doc->addStyleDeclaration($style);
}
?>

Can you explain this part

require_once(JPATH_BASE.DS.'components'.DS.'com_chronoconnectivity'
    .DS.'includes'.DS.'language_schools_1'.DS.'name_arrays.php');

More specifically, the name_arrays.php.

Thanks

Gr

GreyHead 18 May, 2010

HI mfinley,

You probably don't need that line - it was used to import a file of arrays used to create select box drop-downs for stuff like 'States' or 'Bird Varieties' I find it more useful to do that than to hard-code the long option lists.

Bob

mf

mfinley 18 May, 2010

Thanks for your help Bob. I was able to get it to work except for the close button. When I click "close" nothing happens.

I am actually getting an error showing up in the error console in Firefox. It says, "Error: $("left_column") is null" and that is in line 583 of the smoothbox.js file.

Another strange occurrence is that the smoothbox works fine in Firefox (except for the close part), but the data doesn't show up in IE.

Any ideas? Thanks again.

Gr

GreyHead 19 May, 2010

Hi mfinley,

Sounds like a JavaScript conflict - can you post here or send me a link to the page so I can take a look?

Bob

mf

mfinley 19 May, 2010

It is an company intranet site so it is not accessible outside the company. What would you like posted?

Gr

GreyHead 19 May, 2010

Hi mfinley,

OK - tricky. Please can you take a backup copy of the form and send it to me.

Also if you have FireBug please take a look at what JavaScript files are being loaded.

Bob

mf

mfinley 20 May, 2010

I sent you a copy of the form to the email address in your sig. Also I just installed Firebug, but I'm not exactly sure what you would like me to do with it.

mf

mfinley 20 May, 2010

Does this help? This is from Firebug when I do the profile javascript execution time.

And this error shows up....
$("left_column") is null
$('left_column').setStyle('display','inline'); smoothbox.js (line 583)

mf

mfinley 24 May, 2010

Does anyone have any ideas as to why the "close" link doesn't work? It doesn't do anything when I click it. I do get errors like mentioned above.

Thanks.

Gr

GreyHead 25 May, 2010

Hi mfinley,

Finally got to looking at the backup form you sent . . . but it is completely empty. No Form HTML or any other content worth mentioning.

In FireBug please click teh Script item on the menu, then there is a drop-down immediately below the button that lets you see all the loaded scripts.

Bob

mf

mfinley 02 Jun, 2010

Thanks for getting back to me Bob. I didn't see the second page of the post. Here is what I think you are asking for

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" >
3<head>
4 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5 <meta name="robots" content="index, follow" />
6 <meta name="keywords" content="joomla, Joomla" />
7 <meta name="description" content="Joomla! - the dynamic portal engine and content management system" />
8 <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
9 <title>Schedule Change</title>
10 <link href="/joomla/templates/rhuk_milkyway/favicon.ico" rel="shortcut icon" type="image/x-icon" />
11 <link rel="stylesheet" href="/joomla/plugins/system/cdscriptegrator/libraries/highslide/css/highslide.css" type="text/css" />
12 <link rel="stylesheet" href="http://fdlsrv5/joomla/components/com_chronoconnectivity/assets/smoothbox/smoothbox.css" type="text/css" />
13 <link rel="stylesheet" href="/joomla/modules/mod_cd_login/tmpl/css/mod_cd_login.css" type="text/css" />
14 <script type="text/javascript" src="/joomla/plugins/system/cdscriptegrator/libraries/highslide/js/highslide-full.min.js"></script>
15 <script type="text/javascript" src="/joomla/includes/js/joomla.javascript.js"></script>
16 <script type="text/javascript" src="/joomla/media/system/js/mootools.js"></script>
17 <script type="text/javascript" src="http://fdlsrv5/joomla/components/com_chronoconnectivity/assets/smoothbox/smoothbox.js"></script>
18 <script type="text/javascript">
19
20 <!--
21 var cdhs = hs;
22 hs.graphicsDir = '/joomla/plugins/system/cdscriptegrator/libraries/highslide/graphics/';
23 hs.outlineType = 'rounded-white';
24 hs.outlineWhileAnimating = true;
25 hs.showCredits = true;
26 hs.expandDuration = 250;
27 hs.anchor = 'auto';
28 hs.align = 'auto';
29 hs.transitions = ["expand"];
30 hs.dimmingOpacity = 0;
31 hs.lang = {
32 loadingText : 'Loading...',
33 loadingTitle : 'Click to cancel',
34 focusTitle : 'Click to bring to front',
35 fullExpandTitle : 'Expand to actual size',
36 fullExpandText : 'Full size',
37 creditsText : 'Powered by Highslide JS',
38 creditsTitle : 'Go to the Highslide JS homepage',
39 previousText : 'Previous',
40 previousTitle : 'Previous (arrow left)',
41 nextText : 'Next',
42 nextTitle : 'Next (arrow right)',
43 moveTitle : 'Move',
44 moveText : 'Move',
45 closeText : 'Close',
46 closeTitle : 'Close (esc)',
47 resizeTitle : 'Resize',
48 playText : 'Play',
49 playTitle : 'Play slideshow (spacebar)',
50 pauseText : 'Pause',
51 pauseTitle : 'Pause slideshow (spacebar)',
52 number : 'Image %1 of %2',
53 restoreTitle : 'Click to close image, click and drag to move. Use arrow keys for next and previous.'
54 };
55 //-->
56
57 </script>
58
59
60<link rel="stylesheet" href="/joomla/templates/system/css/system.css" type="text/css" />
61<link rel="stylesheet" href="/joomla/components/com_chronoconnectivity/assets/smoothbox/smoothbox.css" type="text/css" />
62<link rel="stylesheet" href="/joomla/templates/system/css/general.css" type="text/css" />
63<link rel="stylesheet" href="/joomla/templates/rhuk_milkyway/css/template.css" type="text/css" />
64<link rel="stylesheet" href="/joomla/templates/rhuk_milkyway/css/blue.css" type="text/css" />
65<link rel="stylesheet" href="/joomla/templates/rhuk_milkyway/css/blue_bg.css" type="text/css" />
66<!--[if lte IE 6]>
67<link href="/joomla/templates/rhuk_milkyway/css/ieonly.css" rel="stylesheet" type="text/css" />
68<![endif]-->
69
70</head>
71<body id="page_bg" class="color_blue bg_blue width_fmax">
72<a name="up" id="up"></a>
73<div class="center" align="center">
74 <div id="wrapper">
75 <div id="wrapper_r">
76 <div id="header">
77 <div id="header_l">
78 <div id="header_r">
79 <div id="logo"></div>
80
81 </div>
82 </div>
83 </div>
84
85 <div id="tabarea">
86 <div id="tabarea_l">
87 <div id="tabarea_r">
88 <div id="tabmenu">
89 <table cellpadding="0" cellspacing="0" class="pill">
90 <tr>
91 <td class="pill_l"> </td>
92 <td class="pill_m">
93 <div id="pillmenu">
94
95 </div>
96 </td>
97 <td class="pill_r"> </td>
98 </tr>
99 </table>
100 </div>
101 </div>
102 </div>
103 </div>
104
105 <div id="search">
106
107 </div>
108
109 <div id="pathway">
110
111 </div>
112
113 <div class="clr"></div>
114
115 <div id="whitebox">
116 <div id="whitebox_t">
117 <div id="whitebox_tl">
118 <div id="whitebox_tr"></div>
119 </div>
120 </div>
121
122 <div id="whitebox_m">
123 <div id="area">
124
125
126 <div id="leftcolumn">
127 <div class="module">
128 <div>
129 <div>
130 <div>
131 <h3>Registered Users Login</h3>
132
133<div class="cd_login-logout-greeting">Hi Michael Finley <a href="#"
134 onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-logoutform', wrapperClassName: 'mod_cd_login', outlineType: 'rounded-white', align: 'auto', anchor: 'auto', dimmingOpacity: 0, slideshowGroup: 'mod_cd_login_logoutform' } )"
135 title="Logout"> </a></div>
136<div class="highslide-html-content" id="highslide-html-logoutform"
137 style="width: 350px">
138<div class="highslide-html-content-header">
139<div class="highslide-move"
140 title="Move"><a href="#"
141 onclick="return hs.close(this)" class="control"
142 title="Close">Close</a>
143</div>
144</div>
145<div class="highslide-body">
146<p class="cd_login-bold">Are you sure you want to logout?</p>
147<div class="cd_login-logoutform">
148<form action="index.php" method="post" name="form-login" id="form-login"><input
149 type="submit" name="Submit" class="cd_login-logoutbutton"
150 value="Logout"
151 title="Logout" /> <input
152 type="hidden" name="option" value="com_user" /> <input type="hidden"
153 name="task" value="logout" /> <input type="hidden" name="return"
154 value="L2pvb21sYS9pbmRleC5waHA/b3B0aW9uPWNvbV9jaHJvbm9jb25uZWN0aXZpdHkmSXRlbWlkPTg=" /></form>
155</div>
156</div>
157 </div>
158 </div>
159 </div>
160 </div>
161 </div>
162 <div class="module_menu">
163 <div>
164 <div>
165 <div>
166 <h3>Main Menu</h3>
167 <ul class="menu"><li class="item1"><a href="http://fdlsrv5/joomla/"><span>Home</span></a></li><li id="current" class="active item8"><a href="/joomla/index.php?option=com_chronoconnectivity&Itemid=8"><span>Schedule Change</span></a></li></ul> </div>
168 </div>
169 </div>
170 </div>
171
172 </div>
173
174 <div id="maincolumn">
175
176 <table class="nopad">
177 <tr valign="top">
178 <td>
179
180
181 <h1 style="text-align: center; width: 100%; font-weight: bold;"><u>Schedule Changes</u>   <a href="/joomla/index.php?option=com_chronocontact&chronoformname=TestScheduleChange"><img src="http://fdlsrv5/joomla/images/edit_f2.png" /></h1><br>
182<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
183 <tbody>
184 <tr>
185 <td style="font-weight: bold; width: 10%; text-decoration: underline;">ID</td>
186 <td style="font-weight: bold; width: 25%; text-decoration: underline;">Date</td>
187 <td style="font-weight: bold; width: 15%; text-decoration: underline;">Customer</td>
188 <td style="font-weight: bold; width: 10%; text-decoration: underline;">Plant</td>
189 <td style="font-weight: bold; width: 15%; text-decoration: underline;">Material</td>
190 <td style="font-weight: bold; width: 25%; text-decoration: underline;">Change</td>
191 </tr>
192 </tbody>
193</table><table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
194 <tbody>
195 <tr>
196 <td style="font-weight: normal; width: 10%;">
197 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=17&Itemid=8" target="_blank" class="smoothbox" > 17</a>
198<div id="cccontent_17_tip" style="display: none;">{cLsName} :: </div><br /></td>
199
200 <td style="font-weight: normal; width: 25%;">2010-05-18 - 15:29:55</td>
201 <td style="font-weight: normal; width: 15%;">Neenah</td>
202 <td style="font-weight: normal; width: 10%;">2</td>
203 <td style="font-weight: normal; width: 15%;">Clips</td>
204 <td style="font-weight: normal; width: 25%;">Cancellation 3 Car Load(s)</td>
205 </tr>
206
207 </tbody>
208</table>
209
210
211<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
212 <tbody>
213 <tr>
214 <td style="font-weight: normal; width: 10%;">
215 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=16&Itemid=8" target="_blank" class="smoothbox" > 16</a>
216<div id="cccontent_16_tip" style="display: none;">{cLsName} :: </div><br /></td>
217
218 <td style="font-weight: normal; width: 25%;">2010-05-18 - 09:42:18</td>
219 <td style="font-weight: normal; width: 15%;">Neenah</td>
220 <td style="font-weight: normal; width: 10%;">1</td>
221 <td style="font-weight: normal; width: 15%;">Plate</td>
222 <td style="font-weight: normal; width: 25%;">Reschedule 5 Truck Load(s)</td>
223 </tr>
224
225 </tbody>
226</table>
227
228
229<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
230 <tbody>
231 <tr>
232 <td style="font-weight: normal; width: 10%;">
233 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=15&Itemid=8" target="_blank" class="smoothbox" > 15</a>
234<div id="cccontent_15_tip" style="display: none;">{cLsName} :: </div><br /></td>
235
236 <td style="font-weight: normal; width: 25%;">2010-05-11 - 14:52:51</td>
237 <td style="font-weight: normal; width: 15%;">Neenah</td>
238 <td style="font-weight: normal; width: 10%;">2</td>
239 <td style="font-weight: normal; width: 15%;">Plate</td>
240 <td style="font-weight: normal; width: 25%;">Cancellation 3 Car Load(s)</td>
241 </tr>
242
243 </tbody>
244</table>
245
246
247<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
248 <tbody>
249 <tr>
250 <td style="font-weight: normal; width: 10%;">
251 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=14&Itemid=8" target="_blank" class="smoothbox" > 14</a>
252<div id="cccontent_14_tip" style="display: none;">{cLsName} :: </div><br /></td>
253
254 <td style="font-weight: normal; width: 25%;">2010-05-11 - 14:52:05</td>
255 <td style="font-weight: normal; width: 15%;">test</td>
256 <td style="font-weight: normal; width: 10%;">test</td>
257 <td style="font-weight: normal; width: 15%;">test</td>
258 <td style="font-weight: normal; width: 25%;">Cancellation 3 Truck Load(s)</td>
259 </tr>
260
261 </tbody>
262</table>
263
264
265<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
266 <tbody>
267 <tr>
268 <td style="font-weight: normal; width: 10%;">
269 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=13&Itemid=8" target="_blank" class="smoothbox" > 13</a>
270<div id="cccontent_13_tip" style="display: none;">{cLsName} :: </div><br /></td>
271
272 <td style="font-weight: normal; width: 25%;">2010-05-11 - 14:45:06</td>
273 <td style="font-weight: normal; width: 15%;">test</td>
274 <td style="font-weight: normal; width: 10%;">test</td>
275 <td style="font-weight: normal; width: 15%;">test</td>
276 <td style="font-weight: normal; width: 25%;">Addition e Car Load(s)</td>
277 </tr>
278
279 </tbody>
280</table>
281
282
283<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
284 <tbody>
285 <tr>
286 <td style="font-weight: normal; width: 10%;">
287 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=12&Itemid=8" target="_blank" class="smoothbox" > 12</a>
288<div id="cccontent_12_tip" style="display: none;">{cLsName} :: </div><br /></td>
289
290 <td style="font-weight: normal; width: 25%;">2010-05-11 - 14:35:35</td>
291 <td style="font-weight: normal; width: 15%;">Neenah</td>
292 <td style="font-weight: normal; width: 10%;">2</td>
293 <td style="font-weight: normal; width: 15%;">Plate</td>
294 <td style="font-weight: normal; width: 25%;">Addition 2 </td>
295 </tr>
296
297 </tbody>
298</table>
299
300
301<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
302 <tbody>
303 <tr>
304 <td style="font-weight: normal; width: 10%;">
305 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=11&Itemid=8" target="_blank" class="smoothbox" > 11</a>
306<div id="cccontent_11_tip" style="display: none;">{cLsName} :: </div><br /></td>
307
308 <td style="font-weight: normal; width: 25%;">2010-05-07 - 12:32:15</td>
309 <td style="font-weight: normal; width: 15%;">dtte</td>
310 <td style="font-weight: normal; width: 10%;">test</td>
311 <td style="font-weight: normal; width: 15%;">tes</td>
312 <td style="font-weight: normal; width: 25%;">Addition test </td>
313 </tr>
314
315 </tbody>
316</table>
317
318
319<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
320 <tbody>
321 <tr>
322 <td style="font-weight: normal; width: 10%;">
323 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=10&Itemid=8" target="_blank" class="smoothbox" > 10</a>
324<div id="cccontent_10_tip" style="display: none;">{cLsName} :: </div><br /></td>
325
326 <td style="font-weight: normal; width: 25%;">2010-05-07 - 12:25:17</td>
327 <td style="font-weight: normal; width: 15%;">test</td>
328 <td style="font-weight: normal; width: 10%;">test</td>
329 <td style="font-weight: normal; width: 15%;">test</td>
330 <td style="font-weight: normal; width: 25%;">Addition test </td>
331 </tr>
332
333 </tbody>
334</table>
335
336
337<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
338 <tbody>
339 <tr>
340 <td style="font-weight: normal; width: 10%;">
341 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=9&Itemid=8" target="_blank" class="smoothbox" > 9</a>
342<div id="cccontent_9_tip" style="display: none;">{cLsName} :: </div><br /></td>
343
344 <td style="font-weight: normal; width: 25%;">2010-05-07 - 12:18:14</td>
345 <td style="font-weight: normal; width: 15%;">test</td>
346 <td style="font-weight: normal; width: 10%;">test</td>
347 <td style="font-weight: normal; width: 15%;">test</td>
348 <td style="font-weight: normal; width: 25%;">Addition test </td>
349 </tr>
350
351 </tbody>
352</table>
353
354
355<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
356 <tbody>
357 <tr>
358 <td style="font-weight: normal; width: 10%;">
359 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=8&Itemid=8" target="_blank" class="smoothbox" > 8</a>
360<div id="cccontent_8_tip" style="display: none;">{cLsName} :: </div><br /></td>
361
362 <td style="font-weight: normal; width: 25%;">2010-05-07 - 11:09:21</td>
363 <td style="font-weight: normal; width: 15%;">testt</td>
364 <td style="font-weight: normal; width: 10%;">test</td>
365 <td style="font-weight: normal; width: 15%;">tset</td>
366 <td style="font-weight: normal; width: 25%;">Addition tes </td>
367 </tr>
368
369 </tbody>
370</table>
371
372
373<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
374 <tbody>
375 <tr>
376 <td style="font-weight: normal; width: 10%;">
377 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=7&Itemid=8" target="_blank" class="smoothbox" > 7</a>
378<div id="cccontent_7_tip" style="display: none;">{cLsName} :: </div><br /></td>
379
380 <td style="font-weight: normal; width: 25%;">2010-05-07 - 11:01:37</td>
381 <td style="font-weight: normal; width: 15%;">Neenah</td>
382 <td style="font-weight: normal; width: 10%;">2</td>
383 <td style="font-weight: normal; width: 15%;">shred</td>
384 <td style="font-weight: normal; width: 25%;">Addition 2 </td>
385 </tr>
386
387 </tbody>
388</table>
389
390
391<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
392 <tbody>
393 <tr>
394 <td style="font-weight: normal; width: 10%;">
395 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=6&Itemid=8" target="_blank" class="smoothbox" > 6</a>
396<div id="cccontent_6_tip" style="display: none;">{cLsName} :: </div><br /></td>
397
398 <td style="font-weight: normal; width: 25%;">2010-05-06 - 15:23:44</td>
399 <td style="font-weight: normal; width: 15%;">test</td>
400 <td style="font-weight: normal; width: 10%;">test</td>
401 <td style="font-weight: normal; width: 15%;">teset</td>
402 <td style="font-weight: normal; width: 25%;">Addition test </td>
403 </tr>
404
405 </tbody>
406</table>
407
408
409<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
410 <tbody>
411 <tr>
412 <td style="font-weight: normal; width: 10%;">
413 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=5&Itemid=8" target="_blank" class="smoothbox" > 5</a>
414<div id="cccontent_5_tip" style="display: none;">{cLsName} :: </div><br /></td>
415
416 <td style="font-weight: normal; width: 25%;">2010-05-06 - 15:23:16</td>
417 <td style="font-weight: normal; width: 15%;">test</td>
418 <td style="font-weight: normal; width: 10%;">test</td>
419 <td style="font-weight: normal; width: 15%;">test</td>
420 <td style="font-weight: normal; width: 25%;">Addition 2 </td>
421 </tr>
422
423 </tbody>
424</table>
425
426
427<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
428 <tbody>
429 <tr>
430 <td style="font-weight: normal; width: 10%;">
431 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=4&Itemid=8" target="_blank" class="smoothbox" > 4</a>
432<div id="cccontent_4_tip" style="display: none;">{cLsName} :: </div><br /></td>
433
434 <td style="font-weight: normal; width: 25%;">2010-05-06 - 15:19:37</td>
435 <td style="font-weight: normal; width: 15%;">Neenah</td>
436 <td style="font-weight: normal; width: 10%;">2</td>
437 <td style="font-weight: normal; width: 15%;">Clips</td>
438 <td style="font-weight: normal; width: 25%;">Addition 2 </td>
439 </tr>
440
441 </tbody>
442</table>
443
444
445<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="0">
446 <tbody>
447 <tr>
448 <td style="font-weight: normal; width: 10%;">
449 <a href="/joomla/index.php?option=com_chronoconnectivity&connectionname=Record_Details&height=400&width=400&tmpl=component&record_selector=3&Itemid=8" target="_blank" class="smoothbox" > 3</a>
450<div id="cccontent_3_tip" style="display: none;">{cLsName} :: </div><br /></td>
451
452 <td style="font-weight: normal; width: 25%;">2010-05-06 - 14:09:17</td>
453 <td style="font-weight: normal; width: 15%;">Neenah</td>
454 <td style="font-weight: normal; width: 10%;">2</td>
455 <td style="font-weight: normal; width: 15%;">plate</td>
456 <td style="font-weight: normal; width: 25%;">Cancellation 3 </td>
457 </tr>
458
459 </tbody>
460</table>
461
462
463<br>
464<br>
465<br> <!-- Don't remove or edit the following 3 lines if you didn't buy a ChronoConnectivity subscription -->
466 <div class="chronoform">
467 <a href="http://www.chronoengine.com">Powered By ChronoConnectivity - ChronoEngine.com</a>
468 </div>
469 <!-- Don't remove or edit the above 3 lines if you didn't buy a ChronoConnectivity subscription -->
470
471 </td>
472 </tr>
473 </table>
474
475 </div>
476 <div class="clr"></div>
477 </div>
478 <div class="clr"></div>
479 </div>
480
481 <div id="whitebox_b">
482 <div id="whitebox_bl">
483 <div id="whitebox_br"></div>
484 </div>
485 </div>
486 </div>
487
488 <div id="footerspacer"></div>
489 </div>
490
491 <div id="footer">
492 <div id="footer_l">
493 <div id="footer_r">
494 <p id="syndicate">
495
496 </p>
497 <p id="power_by">
498 Powered by <a href="http://www.joomla.org">Joomla!</a>.
499 valid <a href="http://validator.w3.org/check/referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
500 </p>
501 </div>
502 </div>
503 </div>
504 </div>
505</div>
506
507
508</body>
509</html>

Gr

GreyHead 03 Jun, 2010

Hi mfinley,

What I was looking for was the list of scripts from the FireBug Scripts tab:
[attachment=0]03-06-2010 17-07-26.png[/attachment]

Bob

mf

mfinley 03 Jun, 2010

Thanks Bob. I hope I got it this time.

ra

raymondmyers2k9 08 Jun, 2010

I got stuck with the same dilemma until the code is from the CC Header box worked perfectly. Thanks for the very helpful info.🙂

mf

mfinley 08 Jun, 2010

So you were unable to get the smoothbox to close? How did you fix it?
Thanks

mf

mfinley 08 Jun, 2010

Bob,

Do you think it might be something with the smoothbox.js file?

Thanks,
Mike

Gr

GreyHead 08 Jun, 2010

Hi mfinley,

It's always possible that you've got a corrupt file but fairly unlikely.

It might be a conflict with the highslide code??

Bob

mf

mfinley 08 Jun, 2010

Any suggestions as to what to do from here?

Gr

GreyHead 08 Jun, 2010

Hi mfinley,

The JavaScript needs debugging, I'm happy to take a look but, as I think I said earlier, the backup form you sent me was empty.

Bob

mf

mfinley 08 Jun, 2010

The forms that you see in the above firebug results are both Chrono Connectivity connections. Is there a way to back that up? I will send the other two forms to your email address.

mf

mfinley 14 Jun, 2010

Hi mfinley,

The JavaScript needs debugging, I'm happy to take a look but, as I think I said earlier, the backup form you sent me was empty.

Bob

Bob,
I sent you another backup of my forms. Were you able to look at them?

Thanks

ir

irene88 08 Aug, 2011

I'm looking to make a Smoothbox popup whenever a user loads a page. Any suggestions on how to do this are greatly appreciated.
Thanks!