css hover description links/passing value from cmsbuilder
3 posts by 2 authors in: Forums > CMS Builder
Last Post: January 16, 2009 (RSS)
hi there.
i'm working on a site at the moment (on my test server for now - dont worry guys i will be buying a new licence before i move it to my clients!)
i've managed to create css hover links for the description so a little more info will be displayed once a user hovers over the menu on the left hand side. however, i thought i could create a new field in cmsbuilder and pass this value to the description box. it has worked to a certain extent as the boxes pop up but it is duplicating the info for each menu item.
the site is here:
http://nikkijones.accountsupport.com/products.php
has anyone any ideas how i could get a unique value for each menu item passed from cms builder?
here's the css code:
and here's the bit around the cmsbuilder code:
any help would be fab - i know its a huge ask but the client wants it so really wanted to see if it can be done!
nikki [crazy]
i'm working on a site at the moment (on my test server for now - dont worry guys i will be buying a new licence before i move it to my clients!)
i've managed to create css hover links for the description so a little more info will be displayed once a user hovers over the menu on the left hand side. however, i thought i could create a new field in cmsbuilder and pass this value to the description box. it has worked to a certain extent as the boxes pop up but it is duplicating the info for each menu item.
the site is here:
http://nikkijones.accountsupport.com/products.php
has anyone any ideas how i could get a unique value for each menu item passed from cms builder?
here's the css code:
#popup {
color: #000;
background-color: #ffffff;
font-family: arial;
}
#popup a, #popup a:visited {
position: relative;
display: block;
width: 100px;
line-height: 14px;
text-align: left;
padding: 0 0px;
margin: 0;
border: 0px solid #666;
text-decoration: none;
font-size: 1em;
font-weight: bold;
}
#popup a span {display: none;}
#popup a:hover { background-color: #ffffff; }
#popup a:hover {
color: #f00; background-color: #fff;
text-indent: 0;
}
#popup a:hover span{
display: block;
position: absolute;
top: 0px;
left: 170px;
width: 320px;
margin: 0px;
padding: 10px;
color: #335500;
font-weight: normal;
background: #ffffff;
text-align: left;
border: 1px solid #666;
}
-->
and here's the bit around the cmsbuilder code:
<div id="popup">
<?php foreach ($productsRecords as $record): ?>
<a href="<?php echo $record['_link'] ?>">
<font color="#dd4839">
<?php echo $record['title'] ?></font>
<span>
<?php echo $productsRecord['title_description'] ?></span></a>
<?php endforeach; ?>
</div>
<?php if (!$productsRecords): ?>
<br/><br/>
<?php endif ?>
any help would be fab - i know its a huge ask but the client wants it so really wanted to see if it can be done!
nikki [crazy]
Re: [nikkijones] css hover description links/passing value from cmsbuilder
By Dave - January 15, 2009
Hi Nikki,
Try changing this:
$productsRecord['title_description']
To this:
$record['title_description']
Let me know if that works for you! :)
Try changing this:
$productsRecord['title_description']
To this:
$record['title_description']
Let me know if that works for you! :)
Dave Edis - Senior Developer
interactivetools.com
interactivetools.com
Re: [Dave] css hover description links/passing value from cmsbuilder
dave you are a superstar! it works a treat [laugh]
something so simple and i just couldn't see it!
thank you so much,
nikki.
something so simple and i just couldn't see it!
thank you so much,
nikki.