Sliding Billboard Support Product Page
This topic was archived
Will not work as supposed
Asked 23 Oct 2009 10:36:46
1
has this question
23 Oct 2009 10:36:46 Jacques H posted:
Here I am again. I seem to be unable to make the bilboard work as it is supposed to.This is what I get:
And this is the generated code:
<?php require_once('../Connections/webworks.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get
_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
}
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
}
return $theValue;
}
}
mysql_select_db($database_webworks, $webworks);
$query_bilboard = "SELECT * FROM cms_portfolio ORDER BY id ASC";
$bilboard = mysql_query($query_bilboard, $webworks) or die(mysql_error());
$row_bilboard = mysql_fetch_assoc($bilboard);
$totalRows_bilboard = mysql_num_rows($bilboard);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--[if IE]><script language="javascript" type="text/javascript" src="../dmx/lib/excanvas-compressed.js"></script><![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Naamloos document</title>
<link href="../styles/dmxSlidingBillboard.css" rel="stylesheet" type="text/css" />
<link href="../styles/dmxSlidingBillboard/elegant_blue/elegant_blue.css" rel="stylesheet" type="text/css" />
<script src="../ScriptLibrary/jquery-latest.pack.js" type="text/javascript"></script>
<script src="../ScriptLibrary/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="../ScriptLibrary/jquery.mousewheel.pack.js" type="text/javascript"></script>
<script src="../ScriptLibrary/dmxSlidingBillboard.js" type="text/javascript"></script>
</head>
<body>
<div class="dmxBillboard elegant_blue" id="billboard1" style="width:600px;height:200px;">
<div class="dmxBillboardHeader">
[h3]Portfolio[/h3]
<div style="clear:both;"></div>
</div>
<div class="dmxBillboardView layout-left">
<ul id="sec_Section_1" title="Portfolio">
<?php do { ?>
<li id="<?php echo $row_bilboard['id']; ?>" title="<?php echo $row_bilboard['sitenaam']; ?>">
[img]../uploadscroller/<?php echo $row_bilboard['siteimg']; ?>" border="0" alt="<?php echo $row_bilboard['sitenaam']; ?>" />
[h4]<?php echo $row_bilboard['sitenaam']; ?>[/h4]
<p><?php echo $row_bilboard['tekst']; ?></p>
[/*]
<?php } while ($row_bilboard = mysql_fetch_assoc($bilboard)); ?>[/list]
</div>
<div class="dmxBillboardFooter">
<div class="dmxBillboardPageNav"></div>
<div style="clear:both;"></div>
</div>
<div class="dmxBillboardLeftNav inside"></div>
<div class="dmxBillboardRightNav inside"></div>
</div>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#billboard1").dmxSlidingBillboard(
{
width: '600',
height: 200,
columns: 2,
rows: 1,
scrollInterval: 5000,
scrollDuration: 'normal',
navPos: '',
secPagingPos: 'bottom',
design: 'elegant_blue',
layoutStyle: 'left',
scrollEasing: 'swing',
sideNavPos: 'inside',
horizontal: true,
keyboard: true,
mousewheel: true,
autoPlay: true,
imageMaxWidth: '50%',
imageMaxHeight: '100%',
showSideNavOnMouseOver: true,
imageScaleUp: false,
startSection: 1,
startIndex: 1,
autoNextSection: true
}
);
}
);
// ]]>
</script>
</body>
</html>
<?php
mysql_free_result($bilboard);
?>
Replies
Replied 23 Oct 2009 12:25:20
23 Oct 2009 12:25:20 Patrick Julicher replied:
Hi Jaqcques,
It looks like you did not upload all of the necessary files for the SBB. Please make sure you have uploaded:
Styles\Yourchosenstylesfolder
Styles/dmxSlidingBillboard.css
ScriptLibrary\dmxSlidingBillboard.js
If this does not solve it, please post a link where we can see what's going on.
Kind regards, Patrick
It looks like you did not upload all of the necessary files for the SBB. Please make sure you have uploaded:
Styles\Yourchosenstylesfolder
Styles/dmxSlidingBillboard.css
ScriptLibrary\dmxSlidingBillboard.js
If this does not solve it, please post a link where we can see what's going on.
Kind regards, Patrick
Replied 23 Oct 2009 12:56:51
23 Oct 2009 12:56:51 Jacques H replied:
Additional, it works fine in Firefox, but not in IE8
Replied 23 Oct 2009 12:57:36
23 Oct 2009 12:57:36 Jacques H replied:
Here is the link:
www.web-works.nl/html/testbilboard2.php
www.web-works.nl/html/testbilboard2.php
Replied 23 Oct 2009 15:02:27
23 Oct 2009 15:02:27 George Petrov replied:
Hi Jacques,
I've send you an updated version. Let me know if everything is fine now.
Greetings,
george
I've send you an updated version. Let me know if everything is fine now.
Greetings,
george
Replied 16 Dec 2009 16:18:17
16 Dec 2009 16:18:17 Perry Samson replied:
I've jus bought Sliding Billboard, thought I followed al directions but get an unimpressive result:
big2.xamprep.com/test.php
Everything seems to be uploaded, can you show me what's wrong?
----CODE-----
big2.xamprep.com/test.php
Everything seems to be uploaded, can you show me what's wrong?
----CODE-----
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery.easing.1.3.js"></script>
<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery.mousewheel.pack.js"></script>
<script language="javascript" type="text/javascript" src="ScriptLibrary/dmxSlidingBillboard.js"></script>
<link rel="stylesheet" type="text/css" href="Styles/dmxSlidingBillboard.css" />
</head>
<body>
<div class="dmxBillboard" id="Chapters" style="width:600px;height:400px;">
<div class="dmxBillboardHeader">
<h3>Chapters</h3>
<div class="dmxBillboardSectionNav">
<div style="clear:both"></div>
</div>
<div style="clear:both;"></div>
</div>
<div class="dmxBillboardView layout-left">
<li id="ch1" title="Chapter 1" class="layout-top" onclick="DMX.Lightbox.open('','browse.php?c=1')">
<h4><a href="browse.php?c=1" target="dmxLightbox">Chapter 1</a></h4>
<p>Chapter 1 content</p>
</li>
<li id="ch2" title="Chapter 2" class="layout-top" onclick="DMX.Lightbox.open('','browse.php?c=2')">
<h4><a href="browse.php?c=2" target="dmxLightbox">Chapter 2</a></h4>
<p>Chapter 2 content</p>
</li>
</ul>
</div>
<div class="dmxBillboardFooter">
<div class="dmxBillboardPageNav"></div>
<div style="clear:both;"></div>
</div>
<div class="dmxBillboardLeftNav inside"></div>
<div class="dmxBillboardRightNav inside"></div>
</div>
<script type="text/javascript">
// <![CDATA[
jQuery("#Chapters").dmxSlidingBillboard(
{height:400, scrollDuration:"normal", design:"", sideNavPos:"inside", keyboard:true, mousewheel:true, autoPlay:false, imageMaxWidth:"50%", autoNextSection:false} );
// ]]>
</script>
</body>
</html> Replied 16 Dec 2009 16:23:27
16 Dec 2009 16:23:27 Patrick Julicher replied:
Hi Perry,
Could you select a Design in the Dropdown and try again?
Kind regards, Patrick
Could you select a Design in the Dropdown and try again?
Kind regards, Patrick
Replied 16 Dec 2009 17:54:30
16 Dec 2009 17:54:30 Perry Samson replied:
OK, did that at big2.xamprep.com/test3.php
I'm wanting to build a simple book where I can slide from one chapter to another as I click arrows left and right. Clealy I'm not there yet.
I'm wanting to build a simple book where I can slide from one chapter to another as I click arrows left and right. Clealy I'm not there yet.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href="css/browser.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery.easing.1.3.js"></script>
<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery.mousewheel.pack.js"></script>
<script language="javascript" type="text/javascript" src="ScriptLibrary/dmxSlidingBillboard.js"></script>
<link rel="stylesheet" type="text/css" href="Styles/dmxSlidingBillboard.css" />
<link rel="stylesheet" type="text/css" href="Styles/dmxSlidingBillboard/basic_tabs/basic_tabs.css" />
</head>
<body>
<div>
<div id='nav'>
<div class="dmxBillboard basic_tabs" id="Chapters" style="width:600px;height:400px;">
<div class="dmxBillboardHeader">
[h3]Chapters Title[/h3]
<div class="dmxBillboardSectionNav">
<div style="clear:both"></div>
</div>
<div style="clear:both;"></div>
</div>
<div class="dmxBillboardView layout-left">
<li id="ch1" title="Chapter 1" class="layout-top" onclick="document.location='browse.php?c=1'">
[h4]<a href="browse.php?c=1">Chapter 1</a>[/h4]
<p>Chapter 1 content</p>
[/*]
<li id="ch2" title="Chapter 2" class="layout-top" onclick="document.location='browse.php?c=2'">
[h4]<a href="browse.php?c=2">Chapter 2</a>[/h4]
<p>Chapter 2 content</p>
[/*][/list]
</div>
<div class="dmxBillboardFooter">
<div class="dmxBillboardPageNav"></div>
<div style="clear:both;"></div>
</div>
<div class="dmxBillboardLeftNav inside"></div>
<div class="dmxBillboardRightNav inside"></div>
</div>
<script type="text/javascript">
// <![CDATA[
jQuery("#Chapters").dmxSlidingBillboard(
{height:400, scrollDuration:"normal", design:"basic_tabs", sideNavPos:"inside", keyboard:true, mousewheel:true, autoPlay:false, imageMaxWidth:"50%", autoNextSection:false} );
// ]]>
</script>
</div>
<div id='content'></div>
</div>
</body>
</html>
Replied 17 Dec 2009 14:07:26
17 Dec 2009 14:07:26 Teodor Kuduschiev replied:
Hello Perry,
For some reason there are parts of your code missing:
Please recreate your page, and insert the Sliding Billboard extension again.
For some reason there are parts of your code missing:
<div class="dmxBillboardView layout-left">
<ul ....> ---> The opening ul tag
<li id="ch1" title="Chapter 1" class="layout-top" onclick="document.location='browse.php?c=1'">
[h4]<a href="browse.php?c=1">Chapter 1</a>[/h4]
<p>Chapter 1 content</p>
</li---> The closing li tag
<li id="ch2" title="Chapter 2" class="layout-top" onclick="document.location='browse.php?c=2'">
[h4]<a href="browse.php?c=2">Chapter 2</a>[/h4]
<p>Chapter 2 content</p>
</li---> The closing li tag
</div> Please recreate your page, and insert the Sliding Billboard extension again.
Replied 17 Dec 2009 19:10:00
17 Dec 2009 19:10:00 Perry Samson replied:
Very odd. I did it again from scratch and it again failed to add the
<ul ....> ---> The opening ul tag
at the beginning of the list (though it did add the </ul> at the end). If it matters I choose not to resize images (in fact all I want is text), and work on CS4 on a Mac.
After I add the <ul> at the beginning it seems to work though now I could use a pointer how to add back and forth arrows.
<ul ....> ---> The opening ul tag
at the beginning of the list (though it did add the </ul> at the end). If it matters I choose not to resize images (in fact all I want is text), and work on CS4 on a Mac.
After I add the <ul> at the beginning it seems to work though now I could use a pointer how to add back and forth arrows.
Replied 17 Dec 2009 19:50:19
17 Dec 2009 19:50:19 Perry Samson replied:
Wait, I see my problem. If you add "Sections" first and then add slides within all is well. When you just add slides it fails to write the <ul> or add the other goodies needed for navigation.[B)]
Replied 17 Dec 2009 20:30:10
17 Dec 2009 20:30:10 Patrick Julicher replied:
Hi Perry,
Thanks for your feedback and good to hear you found the cause. I guess you start the creation of the Billboard by adding a Text Slide? After that the Image Slide buttons become active. I will ask the Developers if the Text Slide button can also be made inactive, until a Section has been added.
Kind regards, Patrick
Thanks for your feedback and good to hear you found the cause. I guess you start the creation of the Billboard by adding a Text Slide? After that the Image Slide buttons become active. I will ask the Developers if the Text Slide button can also be made inactive, until a Section has been added.
Kind regards, Patrick