Home Forums
09 | 23 | 2021
JoomlaNook Forums
Welcome, Guest
Please Login or Register.    Lost Password?
No caption, header, overly or anything.
(0 viewing) 
Highslide JS Plugin
Go to bottom
TOPIC: No caption, header, overly or anything.
#2847
emadsen
Posts: 2
User Offline Click here to see the profile of this user
No caption, header, overly or anything. 12 Years ago  
Hi there,
As with everyone else using the Highslide plugin (it seems), I love it. But I've run into a problem. I installed it to work with the similarly awesome Imageflow, but in posts with either content (Highslide or Highslide+Imageflow), Highslide popups aren't showing any of the associated content. No captions, no headers, nothing.

Looking at just the Highslide side, I've got test text entered into all of the caption / heading fields. And when I look at the page in firebug, I see this:
Code:


<div class="highslide-container" style="border: medium none ; margin: 0pt; padding: 0pt; position: absolute; left: 0pt; top: 0pt; width: 100%; z-index: 1001; direction: ltr;">
<a class="highslide-loading" title="Click to cancel" href="javascript:;" style="position: absolute; top: -9999px; opacity: 0.75; z-index: 1;">Loading...</a>
<div style="display: none;"/>
<div class="highslide-viewport" style="border: medium none ; margin: 0pt; padding: 0pt; visibility: hidden;"/>
<table cellspacing="0" style="border: medium none ; margin: 0pt; padding: 0pt; visibility: visible; position: absolute; border-collapse: collapse; width: 549.333px; z-index: 1004; left: 68px; top: 651px;">
</table>
<div id="highslide-wrapper-0" class="highslide-wrapper undefined" style="border: medium none ; margin: 0pt; padding: 0pt; visibility: visible; position: absolute; z-index: 1005; left: 78px; top: 661px; width: 529.333px; height: 398px;">
<img class="highslide-image" style="visibility: visible; display: block; position: absolute; max-width: 9999px; z-index: 3; width: 525.333px; height: 394px; left: 0px; top: 0px; cursor: url(/Alternium/joomla_local/plugins/content/highslide/graphics/zoomout.cur), pointer;" title="Click to close image, click and drag to move. Use arrow keys for next and previous." src="http://localhost/Alternium/joomla_local/images/stories/if1/0707081801a.jpg"/>
<div class="" style="border: medium none ; margin: 0pt; padding: 0pt; overflow: visible; position: absolute; width: 525.333px; height: 394px; visibility: hidden; top: 2px; left: 2px;">
<div id="hsId0" style="border: medium none ; margin: 0pt; padding: 0pt; position: absolute; visibility: visible; width: auto; direction: ltr; opacity: 1; left: 0px; height: auto; top: 0px; z-index: 4;">
<a class="highslide-credits" href="http://highslide.com/" target="_self" title="Go to the Highslide JS homepage" style="display: block;">
Powered by
<i>Highslide JS</i>
</a>
</div>
<div id="hsId1" style="border: medium none ; margin: 0pt; padding: 0pt; position: absolute; visibility: visible; width: auto; direction: ltr; opacity: 1; right: 0px; height: auto; bottom: 0px; z-index: 4;">
<a class="highslide-full-expand" href="javascript:hs.expanders[0].doFullExpand();" title="Expand to actual size (f)" style="display: block;"/>
</div>
</div>
</div>



I don't even see that "Expand to actual size" link.

Here are the settings I have in the backend. If this is more information than you need, I apologize, but for completeness's sake, I want to make sure you have everything you need to see where I'm coming from.
Code:

/*
*  Highslide site settings
*  DO NOT EDIT. Generated on 2009-09-12 00:24:57 (GMT) by the Highslide Configuration Component 2.0.8
*/

hs.showCredits = false;
hs.creditsPosition = 'middle left';
hs.graphicsDir = 'plugins/content/highslide/graphics/';
hs.outlineStartOffset = 0;
hs.outlineWhileAnimating = true;
hs.lang.loadingText = 'Description loading...';
hs.lang.loadingTitle = 'Picture loading...';
hs.loadingOpacity = 0.75;
hs.dimmingOpacity = 0;
hs.captionEval = 'this.thumb.alt';
hs.headingEval = 'this.thumb.title';
hs.maincontentText = 'Main Content Text Goes Here';
hs.maincontentEval = 'this.a.href';
hs.padToMinWidth = false;
hs.padToMinWidth = false;
hs.lang.focusTitle = 'Focus';
hs.lang.closeText = 'Close this window';
hs.lang.closeTitle = 'Close';
hs.lang.resizeTitle = 'Resize';
hs.lang.moveText = 'Move this';
hs.lang.moveTitle = 'Move';
hs.lang.nextText = 'View next';
hs.lang.nextTitle = 'Next';
hs.lang.previousText = 'View previous';
hs.lang.previousTitle = 'Previous';
hs.lang.playText = 'Play this as a slideshow';
hs.lang.playTitle = 'Play';
hs.lang.pauseText = 'Pause this slideshow';
hs.lang.pauseTitle = 'Pause';
hs.expandCursor = 'zoomin.cur';
hs.restoreCursor = 'zoomout.cur';
hs.creditsHref = 'http://rememberingjenniferkey.com';
hs.creditsTarget = '_blank';
hs.lang.creditsText = 'Erin's Local Joomla site';
hs.lang.creditsTitle = 'Erin Madsen';
hs.lang.number = '666';
hs.easing = 'easeInQuad';
hs.easingClose = hs.easing;
hs.fullExpandOpacity = 1.0;
hs.numberPosition = 'caption';
hs.lang.fullExpandTitle = 'Expand';
hs.lang.fullExpandText = 'Expand this';
hs.marginTop = 10;
hs.marginBottom = 15;
hs.marginLeft = 10;
hs.marginRight = 15;
hs.minHeight = 200;
hs.minWidth = 200;
hs.numberOfImagesToPreload = 5;
hs.transitions = ['expand', 'crossfade'];
hs.fullExpandPosition = 'top right';
hs.objectLoadTime = 'before';
hs.align = 'auto';
hs.anchor = 'top';
hs.allowSizeReduction = true;
hs.fadeInOut = false;
hs.allowMultipleInstances = true;
hs.allowWidthReduction = false;
hs.allowHeightReduction = true;
hs.blockRightClick = true;
hs.enableKeyListener = true;
hs.dynamicallyUpdateAnchors = true;
hs.forceAjaxReload = false;
hs.allowSimultaneousLoading = false;
hs.useBox = false;
hs.cacheAjax = true;
hs.preserveContent = true;
hs.dragByHeading = true;
hs.dragSensitivity = 5;
hs.dimmingDuration = 50;
hs.expandDuration = 250;
hs.transitionDuration = 500;
hs.expandSteps = 10;
hs.zIndexCounter = 1001;
hs.lang.restoreTitle = 'Restore';
hs.captionOverlay.fade = 1;
hs.captionOverlay.position = 'bottom right';
hs.captionOverlay.offsetX = 10;
hs.captionOverlay.offsetY = 10;
hs.captionOverlay.relativeTo = 'viewport';
hs.captionOverlay.hideOnMouseOut = false;
hs.captionOverlay.opacity = 100;
hs.captionOverlay.width = '30';
hs.headingOverlay.fade = 1;
hs.headingOverlay.position = 'top leftpanel';
hs.headingOverlay.relativeTo = 'viewport';
hs.headingOverlay.hideOnMouseOut = false;
hs.Expander.prototype.onBeforeGetCaption = function(sender)
{
if (typeof sender.captionId != 'undefined' && sender.captionId != null)
{
if ((document.getElementById( sender.captionId ) || hs.clones[ sender.captionId ]) == null && sender.a.onclick != null)
{
var onclick = sender.a.onclick.toString();
var onclickprop = onclick.match(/hsjcaption(["']*):\s*('|")([^'"]*)/);
if (onclickprop != null)
{
var text = unescape( onclickprop[3] );
var div = document.createElement('div');
div['innerHTML'] = hs.replaceLang( text );
div['id'] = sender.captionId;
div['className'] = 'highslide-caption';
var onclickstyle = onclick.match(/hsjcaptionstyle(["']*):\s*('|")([^'"]*)/);
if (onclickstyle != null)
{
var styles = onclickstyle[3].match(/([^:; ])*:\s*([^,;}])*/g);
if (styles != null)
{
for (var i = 0; i < styles.length; i++)
{
var arr;
arr = styles[i].split(":");
div.style[arr[0]] = arr[1].replace( " ", "");
}
}
}
sender.a.appendChild( div );
}
}
}
return true;
}
hs.Expander.prototype.onBeforeGetHeading = function(sender)
{
if (typeof sender.headingId != 'undefined' && sender.headingId != null)
{
if ((document.getElementById( sender.headingId ) || hs.clones[ sender.headingId ]) == null && sender.a.onclick != null)
{
var onclick = sender.a.onclick.toString();
var onclickprop = onclick.match(/hsjheading(["']*):\s*('|")([^'"]*)/);
if (onclickprop != null)
{
var text = unescape( onclickprop[3] );
var div = document.createElement('div');
div['innerHTML'] = hs.replaceLang( text );
div['id'] = sender.headingId;
div['className'] = 'highslide-heading';
var onclickstyle = onclick.match(/hsjheadingstyle(["']*):\s*('|")([^'"]*)/);
if (onclickstyle != null)
{
var styles = onclickstyle[3].match(/([^:; ])*:\s*([^,;}])*/g);
if (styles != null)
{
for (var i = 0; i < styles.length; i++)
{
var arr;
arr = styles[i].split(":");
div.style[arr[0]] = arr[1].replace( " ", "");
}
}
}
sender.a.appendChild( div );
}
}
}
return true;
}
hs.Expander.prototype.onBeforeGetContent = function(sender)
{
if (typeof sender.contentId != 'undefined' && sender.contentId != null)
{
if ((document.getElementById( sender.contentId ) || hs.clones[ sender.contentId ]) == null && sender.a.onclick != null)
{
var onclick = sender.a.onclick.toString();
var onclickprop = onclick.match(/hsjcontent(["']*):\s*('|")([^'"]*)/);
if (onclickprop != null)
{
var text = unescape( onclickprop[3] );
var div = document.createElement('div');
div['innerHTML'] = hs.replaceLang( text );
div['id'] = sender.contentId;
div['className'] = 'highslide-html-content';
var onclickstyle = onclick.match(/hsjcontentstyle(["']*):\s*('|")([^'"]*)/);
if (onclickstyle != null)
{
var styles = onclickstyle[3].match(/([^:; ])*:\s*([^,;}])*/g);
if (styles != null)
{
for (var i = 0; i < styles.length; i++)
{
var arr;
arr = styles[i].split(":");
div.style[arr[0]] = arr[1].replace( " ", "");
}
}
}
sender.a.appendChild( div );
}
}
}
return true;
}
hs.registerOverlay(
{
    thumbnailId: null,
    fade: 1,
    html: hs.replaceLang( '<div class=\"highslide-controls\"><ul><li class=\"highslide-previous\" ><a href=\"#\" onclick=\"return hs.previous(this);\" title=\"{hs.lang.previousTitle}\" ><span>{hs.lang.previousText}</span></a></li><li class=\"highslide-play\" ><a href=\"#\" title=\"{hs.lang.playTitle}\" ><span>{hs.lang.playText}</span></a></li><li class=\"highslide-pause\" ><a href=\"#\" title=\"{hs.lang.pauseTitle}\" ><span>{hs.lang.pauseText}</span></a></li><li class=\"highslide-next\" ><a href=\"#\" onclick=\"return hs.next(this);\" title=\"{hs.lang.nextTitle}\"><span>{hs.lang.nextText}</span></a></li><li class=\"highslide-move\" ><a href=\"#\" onclick=\"return false;\" title=\"{hs.lang.moveTitle}\" ><span>{hs.lang.moveText}</span></a></li><li class=\"highslide-full-expand\" ><a href=\"#\" title=\"{hs.lang.fullExpandTitle}\" ><span>{hs.lang.fullExpandText}</span></a></li><li class=\"highslide-close\" ><a href=\"#\" onclick=\"return hs.close(this);\" title=\"{hs.lang.closeTitle}\" ><span>{hs.lang.closeText}</span></a></li></ul></div>' ),
    position: 'top right',
    hideOnMouseOut: true,
    useOnHtml: true
/* overlay preset: controls-in-heading */
,className: 'controls-in-heading'
});
hs.Expander.prototype.onBeforeExpand = function (sender) {
if (this.custom != null
       &&this.custom['overlayId'] != null)
    {
sender.createOverlay( this.custom );
}
return true;
}
hs.Expander.prototype.onInit = function (sender)
{
if (sender.a.onclick != null)
{
var onclick = sender.a.onclick.toString();
var onclickprop = onclick.match(/overlayId(["']*):\s*('|")([^'"]*)/);
if (onclickprop != null)
{
var overlayId = onclickprop[3];
if ((document.getElementById( overlayId ) || hs.clones[ overlayId ]) == null)
{
var onclickprop = onclick.match(/hsjcustomOverlay(["']*):\s*('|")([^'"]*)/);
if (onclickprop != null)
{
var text = unescape( onclickprop[3] );
var div = document.createElement('div');
div['innerHTML'] = hs.replaceLang( text );
div['id'] = overlayId;
div['className'] = 'highslide-overlay';
var onclickstyle = onclick.match(/hsjcustomOverlayStyle(["']*):\s*('|")([^'"]*)/);
if (onclickstyle != null)
{
var styles = onclickstyle[3].match(/([^:; ])*:\s*([^,;}])*/g);
if (styles != null)
{
for (var i = 0; i < styles.length; i++)
{
var arr;
arr = styles[i].split(":");
div.style[arr[0]] = arr[1].replace( " ", "");
}
}
}
sender.a.appendChild( div );
var overlayExists = false;
for (var i = 0; i < hs.overlays.length; i++)
{
if (hs.overlays[i].overlayId == overlayId)
{
overlayExists = true;
}
}
if (! overlayExists)
{
onclickprop = onclick.match(/customOverlay(["']*):\s*{\s*([^}]*)}/);
if (onclickprop != null)
{
try
{
eval( "var opts = {" + onclickprop[2] + "}" );
opts.overlayId = overlayId;
if (typeof sender.thumb.id != "undefined" && sender.thumb.id != "")
{
opts.thumbnailId = sender.thumb.id;
hs.registerOverlay( opts );
}
else
if (typeof sender.a.id != "undefined" && sender.a.id != "")
{
opts.thumbnailId = sender.a.id;
hs.registerOverlay( opts );
}
}
catch(e)
{
// ignore
}
}
}
}
}
}
}
return true;
}
hs.addSlideshow( {
interval: 5000
,repeat: false
,useControls: true
,fixedControls: true
,overlayOptions: {
fade: 1
,position: 'top center'
     ,relativeTo: 'expander'
     ,hideOnMouseOut: true
}
,thumbstrip: {
fade: 1
,position: 'bottom center'
     ,mode: 'horizontal'
     ,hideOnMouseOut: true
}
});
hs.autoplay = false;
/*
 * gallery preset: gallery-thumbstrip-above
*/
hs.outlineType = 'glossy-dark';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.wrapperClassName = 'dark';
hs.captionEval = 'this.a.title';
hs.numberPosition = 'caption';
hs.captionOverlay.position = 'above';
hs.useBox = true;
hs.width = 600;
hs.height = 400;

hs.addSlideshow( {
repeat: false
,useControls: true
,fixedControls: 'fit'
,thumbstrip: {
position: 'below'
    ,mode: 'horizontal'
,relativeTo: 'expander'
}
,overlayOptions: {
 position: 'bottom center'
,hideOnMouseOut: true
,opacity: .75
}
,interval: 5000
,repeat: false
});
hs.autoplay = false;



I really appreciate any indication you can give me about where to start figuring out what I'm screwing up.
Thanks again for creating this awesome plugin, and double thanks for maintaining a forum for troubleshooting.
Erin
 
Logged Logged
  The administrator has disabled public write access.
#2848
emadsen
Posts: 2
User Offline Click here to see the profile of this user
Re:No caption, header, overly or anything. 12 Years ago  
HA HA HA !
FIXED IT.

Here:
I was watching my post, checking it twice, when I noticed that a bunch of the code I entered was being colored as a literal string. Sure enough, an apostrophe in the value assigned to property hs.lang.creditsText was confusing the markup parser.


Hmmm, I thought. If it screwed up the forum's parser, maybe it's screwing up Highslide as well.


So, I open up the Highslide JS Configuration Manager, remove the apostrophe, save and publish. No error messages. All looks well. Do a page reload...no change.

Hmmm.

I go to the appropriate line in /hsconfig/js/highslide-sitesettings.js and take a look-see. Oh no! The change didn't take!

Luckily, I'm a professional. I select the apostrophe and press the delete key.

Save file.


Reload page.


PROFIT!!!




Thanks again for making a great plugin!
 
Logged Logged
  The administrator has disabled public write access.
#2849
klowther
Admin
Posts: 3118
User Offline Click here to see the profile of this user
Gender: Male JoomlaNook Location: Fremont, NE USA Birthday: 07/23
Re:No caption, header, overly or anything. 12 Years ago  
Hi,

I'm glad you got it sorted out.

Good luck.

- Ken
 
Logged Logged
  The administrator has disabled public write access.
Go to top