Show/Hide Div Layer with CSS (k)

Is there a way you can control the visibility of a Div Layer
without
Javascript? Using CSS perhaps?
Even though a small percentage doesn't have Javascript
enabled, I need
to have something to show. In this case a webpage that has
button when
clicked shows a layer.
Can this be accomplished with CSS?
-Kirk

"Thierry" <[email protected]> wrote in message
news:foqle4$470$[email protected]..
> fwiw, I don't see an issue with that. I think the user
would get (fast) a
> pretty good understanding of how things work.
> imho, it'd be like saying a flyout menu is buggy because
once submenus are
> opened and the user clicks outside of them they close...
> This is part of UE, I think it's an "expected behavior".
> As a side note, I don't think this gallery is more
confusing than a
> lightbox gallery ;)
Clicks, to the average user's grasp of conventional wisdom,
are permanent.
You click and something happens. We're talking about web
pages here, not OS
controls -- so a Windows flyout menu that initializes on
click, works on
mouseover, and closes onclick is not necessarily a good
analogy. I would bet
a tidy sum that any focus group that did not include web
designers would,
consensually, be confused by that page. Moreover, the
behavior is not the
same in all browsers.
> ...and on top of that, it is very keyboard friendly.
> So it is not *that* bad...
That's the only good thing - but making a page that works
well for keyboard
users at the expense of the rest of the world is not logical.
But hell, if Kirk likes that technique, he is certainly free
to use it. I
was just reading through this forum today and was kind of
surprised to see
someone recommending that technique.
Que sera.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"

Similar Messages

Show hide a layer

Hello
how can i hide and show layer with javascript.
Il have a Indesign PDF with layers.
Il have created buttons.
When i click this button i want to hide a layer et show it with a another button.
Thanks

Hi,
this link is corrupted, Read through this: http://acrobatusers.com/tutorials/2006/create_use_layers
can anyone tell how can i hide and show layer with javascript.
Thanks

Flex charts: How to hide axis lines with CSS?

Hello!
How do I hide my axis lines with CSS? Shouldn't this work?
<mx:Style>
@namespace mx "library://ns.adobe.com/flex/mx";
mx|ColumnChart {
    horizontalAxisStyleName: myAxisStyles;
    verticalAxisStyleName: myAxisStyles;
.myAxisStyles { showLine: false; }
</mx:Style>
I also tried display: none.
Prior to this I used:
<mx:horizontalAxisRenderers>
<mx:AxisRenderer showLine="false" axis="{someName.horizontalAxis}" />
</mx:horizontalAxisRenderers>
<mx:verticalAxisRenderers>
<mx:AxisRenderer showLine="false" axis="{someName.verticalAxis}" />
</mx:verticalAxisRenderers>
But it produced some annoying warnings:
Data binding will not be able to detect assignments to "horizontalAxis".
Data binding will not be able to detect assignments to "verticalAxis".
Thanks!
--Dwayne

Regarding the data binding warnings, see if you can get away without specifying the axis. Not sure if that will work. Otherwise, give the axis an id like the example at the bottom of http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/charts/AxisRenderer. html#axis.
The doco for showLine says "Specifies whether to display the axis. The default value is true." I think it's referring to the line at the bottom of the axis, next to the numbers. It's nothing to do with the grid lines. Which explains why your code doesn't work.
If you are not using gridlines at all (= not using the lines, not using horizontal-fill and horizontal-alternate-fill etc), then I think you can just get rid of them by specifying an empty array. Either in actionscript or in your chart tag (<mx:ColumnChart id="highlights" dataProvider="{results.result}" showDataTips="true">) add the argument: backgroundElements = "[]".
If this is not desireable, go to plan b:
You can control gridlines via css like this:
mx|GridLines {
    gridDirection: both; // horizontal or vertical also accepted, but not "none".
If you want none... well I've got some code where I do this:
(backgroundElements[0] as GridLines).setStyle("gridDirection", "horizontal");
// One of the arguments is the alpha, i.e. alpha=0 (translucent)
var stroke:SolidColorStroke = new SolidColorStroke(0, 0, 0);
(backgroundElements[0] as GridLines).setStyle("horizontalStroke", stroke);
... and that definitely works.

Stick Show/Hide Dock Status with each Space ?

Hi,
I'd like to save the Show/Hide status of the Dock with each and every Space, so that for example I can always see the Dock on Space 1 where I have my Mail, iChat, iCal and other apps which use their Dock icons to notify me of new events, but I never want to see it on Space 3 or 4 where I only have Aperture or Logic on my entire screen.
Then I wouldn't have to press commandoptionD to show or hide the Dock each time after switching to a different Space.
Is that somehow possible ?
Thanks !

Hi,
I'd like to save the Show/Hide status of the Dock with each and every Space, so that for example I can always see the Dock on Space 1 where I have my Mail, iChat, iCal and other apps which use their Dock icons to notify me of new events, but I never want to see it on Space 3 or 4 where I only have Aperture or Logic on my entire screen.
Then I wouldn't have to press commandoptionD to show or hide the Dock each time after switching to a different Space.
Is that somehow possible ?
Thanks !

Show/Hide Divs Problem in IE6

Hello, and thanks for taking a look at this.
I have inherited a web site which isn't performing very well in IE6, more details later. The setup is as follows:
The website delivers training content. The design is such that there are no scrollbars, all Lesson content is laid out carefully within a 'page' area and the user clicks a Next or Previous button to page through the content.
Each Lesson is a single HTML file which is designed and edited in Dreamweaver CS5. All the Lesson pages are based upon a single Template file which defines the common functionality. The Lesson content is basically a series of Divs, a Div for each 'page' of content and each have a unique id (for example 'page2'). Each Div has a CSS Class which defines the 'display' property. The CSS Classes are as follows:
.hideDiv{
     display:none;
.showDiv{
     display: inline;
Initially the first Div in the Lesson is set to .showDiv and all of the following Divs are set to .hideDiv.
The navigation is designed in Flash and the Next and Previous buttons are situated below the content area. When clicked a Javascript function is called, from a Javascript file referenced by the Lesson HTML page. The javascript function is as follows:
function hideShow(hideDiv, showDiv){
     if(document.getElementById(hideDiv)!=null){
          document.getElementById(hideDiv).className = "hideDiv clear";
     if(document.getElementById(showDiv)!=null){
     document.getElementById(showDiv).className = "showDiv clear";
It has to be said that everything works. There is further code which accounts for reaching the last page or trying to click previous on the first page etc, but this is the core principal.
Our problem is that our users have to use IE6 and when viewing the website in IE6 it is much slower than in say IE8 or Safari etc. We have noticed that as the number of pages (Divs) in a Lesson increases so the performance decreases. Crucially we notice that as you click Next, or previous, the browser Status Bar indicates that all of the images in the Lesson are being downloaded. Every time you click Next or Previous!
If anyone can either assist in preventing all of the images constantly downloading, or suggest an alternative approach to paging through the content I would be extremely grateful.
Regards
Chris

Hello Murray
Thanks for going to the trouble of creating the little test site.
Other browsers appear to load the pages much quicker. This may be because they are able to more inteligently handle our code, I don't know. Safari on our Macs zooms through it.
In IE6 if I open a large Lesson and click next I see, at the bottom of the screen in the Status Bar, "(21 items remaining)" and then "(20 items remaining)" etc. which counts down and then disappears. Interestingly if the next screen happens to display the same image this does not happen, just the message "Done". If the next screen has a different image then the count down from "(21 items remaining)" again as all the linked resources (I presume) are downloaded.
I have opened your site in IE6 (Windows XP Pro) and I don't see the message. However the image is so small that I may not because it is so fast to load.
It may be related to how IE6 handles Temporary Internet Files, I'm not sure.

Is it possible to show/hide a layer in all the files in a book?

Hi,
I have 5 catalogs organized in a book, every is at 10 languages, every language is at separate layer. Every book has between 30 and 80 Indesign documents.
I need to edit and print 4 of those languages and switching manually viability of the layers don't look like a good idea to me because of the possible mistake.
Is there a way switching layers/languages to happen in same time?
The names to layers are same in all documents.
Thank you in advance!

M Blackburn wrote:
Synchronize Options does not include layers. I would guess that you would have to use Conditional Text to each layer -- could be a lot of work after the fact. If no one else posts a more helpful response, you may want to ask in the Scripting Forum.
I haven't tested it, but it might be possible to ignore or hide the layer(s) in the PDF you distribute or print. Worth a try.
HTH
Regards,
Peter
Peter Gold
KnowHow ProServices

DW doesn't display the div section with CSS. Why?

I was thinking to switch to DW to compose my HTML/CSS pages (I am still using MS Front Page), but when I loaded my HTML page the major <div> section isn't displayed in the Design pane, although it is displayed with the Live view on.
Here's the HTML of the block that is missing:
function(){return A.apply(null,[this].concat($A(arguments)))}
<div id="text_body">
<h1>Description</h1>
Blah-blah-blah
</div>
and CSS file:
function(){return A.apply(null,[this].concat($A(arguments)))}
#text_body
    position: absolute;
    margin-top: -10px;
    padding: 20px;
    width: auto;

Murray, let me reiterate myself. The page in question opens without a problem in a web browser, the issue arises when I
open it in DW for editing, thus posting it somewhere online will look OK to you.
To reproduce what I see, download the zip I posted above and unzip it somewhere on your hard drive (there are only two files in it: html and css). Then open the sample02.htm in DW for editing. After that open it in a web browser of your liking right off your hard drive and you'll see what I'm talking about.
PS. I might be doing something wrong with the DW, since, as I said, I've been using it roughly for a couple of hours. If so, I'd appreciate if someone could point me to what exactly I'm not doing right?

Show/hide HTML Region with click on a Button

Hi,
is it possible to Show or hide a HTML Region if o want to use a Button for hide or show the region?
Can everyone explain it to me?
Thx for all
René

Hi,
htmlRegionId can something like dataDiv
In Header section of the region
<div id="htmlRegionId">
In Footer section of the region
</div>
on Page level javascript
<script type="text/javascript">
function showHideRegion(){
$("#htmlRegionId").toggle();
</script>
On Button Click Action redirect to URL and enter the following text
javascript: showHideRegion();

How to show/hide div based on mysql value

I have a dataset that has a column 'locked' that is a boolean that I want to use to remove a button on a form. The idea being that it will be set to 1 after a period of time thus removing the buttun that links to an update form and preventing the data from being changed. Currently, I have the field linked to a check box at the top of the table. How do I use this to hide the button (or any other html element for that matter) when set to 1 and show the element when set to 0? I understand I need to creat a php variable from the mysql boolean and then use a if/else loop to hide/display the html but I don't know how to impliment this? Thanks for any help offered.
Here's the code:
<?php require_once('Connections/testmypms.php'); ?>
<?php
$currentPage = $_SERVER["PHP_SELF"];
$maxRows_spec_rx = 10;
$pageNum_spec_rx = 0;
if (isset($_GET['pageNum_spec_rx'])) {
$pageNum_spec_rx = $_GET['pageNum_spec_rx'];
$startRow_spec_rx = $pageNum_spec_rx * $maxRows_spec_rx;
$colname_spec_rx = "1";
if (isset($_GET['pxID'])) {
$colname_spec_rx = (get_magic_quotes_gpc()) ? $_GET['pxID'] : addslashes($_GET['pxID']);
mysql_select_db($database_testmypms, $testmypms);
$query_spec_rx = sprintf("SELECT spec_rx.spec_rx_id, spec_rx.FK_px_id, DATE_FORMAT(spec_rx.spec_rx_date, '%%d-%%m-%%Y') as formatted_rx_date, spec_rx.FK_user_id, spec_rx.spec_rx_rsph, spec_rx.spec_rx_rcyl, spec_rx.spec_rx_raxis, spec_rx.spec_rx_rhprism, spec_rx.spec_rx_rhprismbase, spec_rx.spec_rx_rvprism, spec_rx.spec_rx_rvprismbase, spec_rx.spec_rx_rnadd, spec_rx.spec_rx_rnhprism, spec_rx.spec_rx_rnhprismbase, spec_rx.spec_rx_rnvprism, spec_rx.spec_rx_rnvprismbase, spec_rx.spec_rx_rintadd, spec_rx.spec_rx_rinthprism, spec_rx.spec_rx_rinthprismbase, spec_rx.spec_rx_rintvprism, spec_rx.spec_rx_rintvprismbase, spec_rx.spec_rx_lsph, spec_rx.spec_rx_lcyl, spec_rx.spec_rx_laxis, spec_rx.spec_rx_lhprism, spec_rx.spec_rx_lhprismbase, spec_rx.spec_rx_lvprism, spec_rx.spec_rx_lvprismbase, spec_rx.spec_rx_lintadd, spec_rx.spec_rx_linthprism, spec_rx.spec_rx_linthprismbase, spec_rx.spec_rx_lintvprism, spec_rx.spec_rx_lintvprismbase, spec_rx.spec_rx_lnadd, spec_rx.spec_rx_lnhprism, spec_rx.spec_rx_lnhprismbase, spec_rx.spec_rx_lnvprism, spec_rx.spec_rx_lnvprismbase, spec_rx.locked, users.user_id, users.user_firstname, users.user_surname FROM spec_rx, users WHERE %s = spec_rx.FK_px_id AND spec_rx.FK_user_id = users.user_id ORDER BY spec_rx.spec_rx_date DESC, spec_rx.spec_rx_id DESC", $colname_spec_rx);
$query_limit_spec_rx = sprintf("%s LIMIT %d, %d", $query_spec_rx, $startRow_spec_rx, $maxRows_spec_rx);
$spec_rx = mysql_query($query_limit_spec_rx, $testmypms) or die(mysql_error());
$row_spec_rx = mysql_fetch_assoc($spec_rx);
if (isset($_GET['totalRows_spec_rx'])) {
$totalRows_spec_rx = $_GET['totalRows_spec_rx'];
} else {
$all_spec_rx = mysql_query($query_spec_rx);
$totalRows_spec_rx = mysql_num_rows($all_spec_rx);
$totalPages_spec_rx = ceil($totalRows_spec_rx/$maxRows_spec_rx)-1;
$colname_demographics = "1";
if (isset($_GET['pxID'])) {
$colname_demographics = (get_magic_quotes_gpc()) ? $_GET['pxID'] : addslashes($_GET['pxID']);
mysql_select_db($database_testmypms, $testmypms);
$query_demographics = sprintf("SELECT demographics.px_id, demographics.FK_title_id, demographics.firstname, demographics.surname, DATE_FORMAT(demographics.dob, '%%d-%%m-%%Y') as formatted_dob, title.title_id, title.title FROM demographics, title WHERE %s = demographics.px_id AND demographics.FK_title_id = title.title_id", $colname_demographics);
$demographics = mysql_query($query_demographics, $testmypms) or die(mysql_error());
$row_demographics = mysql_fetch_assoc($demographics);
$totalRows_demographics = mysql_num_rows($demographics);
$queryString_spec_rx = "";
if (!empty($_SERVER['QUERY_STRING'])) {
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
foreach ($params as $param) {
    if (stristr($param, "pageNum_spec_rx") == false &&
        stristr($param, "totalRows_spec_rx") == false) {
      array_push($newParams, $param);
if (count($newParams) != 0) {
    $queryString_spec_rx = "&" . htmlentities(implode("&", $newParams));
$queryString_spec_rx = sprintf("&totalRows_spec_rx=%d%s", $totalRows_spec_rx, $queryString_spec_rx);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Spec Rx3</title>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>
<body>
<p>Spec Rx</p>
<p><?php echo $row_demographics['px_id']; ?></p>
<p><?php echo $row_demographics['title']; ?> <?php echo $row_demographics['firstname']; ?> <?php echo $row_demographics['surname']; ?> <?php echo $row_demographics['formatted_dob']; ?> </p>
<p>
<input name="Add_spec_rx" type="button" id="Add_spec_rx" onClick="MM_goToURL('parent','add_spec_rx.php');return document.MM_returnValue" value="New Rx">
</p>
<p> <a href="<?php printf("%s?pageNum_spec_rx=%d%s", $currentPage, max(0, $pageNum_spec_rx - 1), $queryString_spec_rx); ?>">Previous</a> <a href="<?php printf("%s?pageNum_spec_rx=%d%s", $currentPage, min($totalPages_spec_rx, $pageNum_spec_rx + 1), $queryString_spec_rx); ?>">Next</a></p>
<?php do { ?>
<table border="1" cellspacing="1" cellpadding="5">
<tr>
    <td> </td>
    <td><?php echo $row_spec_rx['formatted_rx_date']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_id']; ?></td>
    <td>locked:
    <input <?php if (!(strcmp($row_spec_rx['locked'],1))) {echo "checked";} ?> name="locked" type="checkbox" id="locked" value="1"></td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td> </td>
    <td>Sph</td>
    <td>Cyl</td>
    <td>Axis</td>
    <td>HPrism</td>
    <td>HPrismBase</td>
    <td>VPrism</td>
    <td>VPrismBase</td>
    <td>NrAdd</td>
    <td>NrHPrism </td>
    <td>NrHPrismBase</td>
    <td>NrVPrism</td>
    <td>NrVPrismBase</td>
    <td>IntAdd</td>
    <td>IntHPrism</td>
    <td>IntHPrismBase</td>
    <td>IntVPrism</td>
    <td>IntVPrismBase</td>
</tr>
<tr>
    <td>R</td>
    <td><?php echo ($row_spec_rx['spec_rx_rsph']<>null) ? sprintf ("%+4.2f",$row_spec_rx['spec_rx_rsph']) : null; ?></td>
    <td><?php echo ($row_spec_rx['spec_rx_rcyl']<>null) ? sprintf ("%+4.2f",$row_spec_rx['spec_rx_rcyl']) : null; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_raxis']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rhprism']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rhprismbase']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rvprism']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rvprismbase']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rnadd']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rnhprism']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rnhprismbase']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rnvprism']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rnvprismbase']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rintadd']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rinthprism']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rinthprismbase']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rintvprism']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_rintvprismbase']; ?></td>
</tr>
<tr>
    <td>L</td>
    <td><?php echo ($row_spec_rx['spec_rx_lsph']<>null) ? sprintf ("%+4.2f",$row_spec_rx['spec_rx_lsph']) : null; ?></td>
    <td><?php echo ($row_spec_rx['spec_rx_lcyl']<>null) ? sprintf ("%+4.2f",$row_spec_rx['spec_rx_lcyl']) : null; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_laxis']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_lhprism']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_lhprismbase']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_lvprism']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_lvprismbase']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_lnadd']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_lnhprism']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_lnhprismbase']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_lnvprism']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_lnvprismbase']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_lintadd']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_linthprism']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_linthprismbase']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_lintvprism']; ?></td>
    <td><?php echo $row_spec_rx['spec_rx_lintvprismbase']; ?></td>
</tr>
<tr>
    <td> </td>
    <td>User ID <?php echo $row_spec_rx['user_id']; ?></td>
    <td><?php echo $row_spec_rx['user_firstname']; ?></td>
    <td><?php echo $row_spec_rx['user_surname']; ?></td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
</table>
<p> </p>
<?php } while ($row_spec_rx = mysql_fetch_assoc($spec_rx)); ?>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
<?php
mysql_free_result($spec_rx);
mysql_free_result($demographics);
?>

Thanks for your help, nearly worked but only returned results where the if statement was met ie where locked =0, so I used an additional statement to display something else when when locked=1
<?php
if($row_spec_rx['locked'] == 1) {
echo "button html goes here";
?>
<?php
if($row_spec_rx['locked'] == 0) {
echo "something else";
?>
I am sure there must be a more elegant way of doing this!

How do I make text fill an oval and then place behind a background layer with CSS

Hi everyone,
I created a framed oval picture as a background with drop shadow for my portfolio site.
See: www.adjacentdimensionsmedia.com
Now I want to put text on a clear "glass window/png" that fills an oval that will go inside the frame and I would like it to slide up behind the black background frame, but on top of the image.
I would like to move the scroll bar so that the text which will be about my services can slide up and fit the ovals you scroll down.
I tried:
div class= "circle"
</div>
.circle {
shape-inside:
polygon (0px 150px)
and it didn't work.
I thought I would use Z-axis to get it behind background but I am not sure if that will work.
any thoughts?

I had never heard of shape-inside before, so I did some poking around.
Looks like shape-inside is an experimental feature with little to no browsers supporting it.
On top of that, as far as I can tell from the documentation about it, a single set of coordinates with the polygon value won't do anything either way. You need at least 3 coordinates with polygon (making a triangle as the minimum). And that is only for the reflow of content, it has nothing to do with the actual shape of the element it's being used on.
If done correctly, in combination with the border-radius attribute, one could create a circle with a container element, then theoretically use a many sided polygon with shape-inside to force the content of the circular container to take on a relatively circular flow (think octagon in a circle).
I wasn't able to make any shape-inside settings work in any current browser though.
EDIT: Actually, I was able to get it to work in Chrome, with the -webkit- prefix and a newly downloaded version of Opera using the standard nomenclature. Definitely not ready for prime time. For shape-outside testing anyway. Shape-inside I still can't get to function in either.

Please help!!....hide show nested divs....arrrgghhhhh...

I using 'div' tags with 'css' & javascript to make either
the divs visible
or hidden.(parents)
everything works cool with this though i now need nested divs
(conditionally
shown or hidden)(children) within each of the (parent)
divs....
whenever i make the parent visible, the child shows
also...!?!?!
Q.
how can i set up this properly using the div id tag and css
to show my
parents then if a link within the parent is chosen, the child
will
appear?????
Please help!!!

Sounds complicated. Why are the divs nested?
Can you post a link to this page?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"russell" <russell@_NOspam_webruss.com> wrote in
message
news:e1p4gj$eu6$[email protected]..
>I using 'div' tags with 'css' & javascript to make
either the divs visible
>or hidden.(parents)
>
> everything works cool with this though i now need nested
divs
> (conditionally shown or hidden)(children) within each of
the (parent)
> divs....
>
> whenever i make the parent visible, the child shows
also...!?!?!
>
> Q.
> how can i set up this properly using the div id tag and
css to show my
> parents then if a link within the parent is chosen, the
child will
> appear?????
>
> Please help!!!
>

Jquery show/hide not working in contribute CS5 or CS6

We use Dreamweaver templates and our users use contribute CS5 or contribute CS6 to edit webpages. We recently added some Jquery code that shows/hides DIVs on the webpage. When our users try to edit this page, the Divs are hidden they are not able to see the content to edit it. Is there a workaround for this?

Hi motiondude,
I am having a similar problem with CS6 and show/hide buttons in an interactive PDF. I am having the German CS6 version of InDesign (just as info).
What my problem is: I have made some sort of „gallery“, where there are small versions of all pictures on the page, and a big version of everyone are on a pile over each other.
When you click the small „preview“ image I made a show/hide action that it should show the big version of the picture. This worked fine on the first page where I tried this!
But on the second page with other images it wasn’t working at all. When I opened the PDF in my Acrobat Pro (Version 10.1.7) the buttons did not show up the pictures when I
clicked them. The first image stayed there.
I for sure checked my setting several times, everything is fine and correct in the actions and buttons area. In the SWF preview I checked it too, everything should work fine.
Yes, I know that this preview is just for SWF, but it is a fast checking tool for actions.
Afterwards I also tried opening the file with the PDF viewer. The problem still was there.
What „solved“ my problem for now was to make an idml and open the file in CS5. Making an interactive PDF out of the CS5 – and it worked!
Though I am just at the very beginning of my document, so lets see if CS5 will be my solution until I am finished with it.
To summ it up, it seems this is really a bug in CS6. I also read here http://forums.adobe.com/message/4482056 that this seems to be a bug. But one in the forum mentioned
this bug should be fixed with the new release. But this was back in 2012! I have the newest update. But I still have the problem.
Maybe it will take some time until it is fixed in the German version? I am not sure. It is really annoying.
I think writing a bug report should be done in this case!

Div Layer on top of Div Layer impossible problem

Hello guys,
For over 42 hours I've been puzzling myself with this problem.
Using Dreamweaver cs5.5, i have a text box with overflow:auto, because there's alot of text. On top of this layer I have another div layer with a pic that fades when the page loads. My problem is the scrollbar is beneath the layer for the pic that fades, so when you try to scroll down the page you cannot because the pic layer blocks it. In Internet Explorer it works perfectly fine, but not in any other browser.
Anyone know any way around this uberly frustrating problem?
Thanks, and take care!

Thank you for your response Murray....Below is the code. I appreciate any and all input.
<!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 rel="stylesheet" type"text/css" href="style/main.css" />
<style type="text/css">
#apDiv1 {
          width:800px;
          height:680px;
          margin:auto;
          position:relative;
#apDiv2 {
          position:absolute;
          width:200px;
          height:115px;
          z-index:1;
#apDiv3 {
          position:absolute;
          width:628px;
          height:439px;
          z-index:1;
          left: 23px;
          top: 26px;
#apDiv4 {
          position:absolute;
          width:200px;
          height:115px;
          z-index:1;
          left: -28px;
          top: -2px;
#apDiv5 {
          position:absolute;
          width:608px;
          height:400px;
          z-index:2;
          left: 89px;
          top: 153px;
</style>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
          Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
</script>
</head>
<body>
<div id="apDiv1">
<div id="apDiv2"><img src="images/lifelight street faded bg 2.jpg" width="800" height="680" border="0" usemap="#Map" />
    <map name="Map" id="Map">
      <area shape="rect" coords="242,106,303,134" href="index.html" />
    </map>
    <div id="apDiv5">
      <div id="apDiv3">
      <div style="overflow:auto; height:347px; font-family:Verdana, Geneva, sans-serif;">   <center> <b>ABOUT US</b> </center> <p>
Life Light Street Productions was started by a small group of individuals interested in creating a social network to encourage disconnected youth on street corners to earn GED’s, consider and prepare for college enrollment and to learn about career options.<p>
In 2005 founder and Executive Director Ayanna M. Cole, MSW started leading a group of young adult professionals and college students to a neighborhood in South Jamaica, Queens to begin a dialogue with youth and young adults found hanging out in the neighborhood. Over three years volunteers spent every Saturday morning and early afternoon walking through the neighborhood talking and even praying with youth and young adults found on street corners, on basketball courts and on building stoops.<p>
Volunteers provided information in response to a variety of needs such as finding summer employment, how to apply to college, resume writing and career options.<p>
Today Life Light Street Productions is also facilitating media training workshops with court involved youth and formerly incarcerated men and women.<p>
Board of Directors:<br />
Ayanna M. Cole, MSW <br />
Dr. Adelaide During<br />
Larissa K. Cole
<p>
Advisory Board:<br />
Rev. Alfonso Wyatt, President, Fund for the City of NY<br />
Alisa W. Cupid, Esq.
<p>
Contact Us <br />
Phone: 718-564-7221<br />
Email:
</div></div>
     <div id="apDiv4"><img src="images/kidpic2.jpg" style="position:absolute; width: 649px; left: 31px;" width="637" height="467" onload="MM_effectAppearFade('apDiv4', 2200, 100, 0, false)" /></div>
</div>
</div>
</div>
</body>
</html>

Problem with CSS in page I have written [SOLVED]

There is a php page I have created at work which works fine with Firefox 3.6.
In one specific page Firefox 4 does not show correctly a table with CSS.
I tried to remove the css and just have the table with no styling but the problem persists.
the php file is this:
<pre><nowiki><html>
<head>
<title>Pending Issues Close Case</title>
<style type="text/css">
#blinking {text-decoration: blink; text-align:left; color:#FF0000;}
body {
background-image:url('on2.jpg');
background-repeat:no-repeat;
background-position:700 50;
background-attachment:fixed;
#efms
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse:collapse;
#efms td, #efms th
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
#efms th
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
#efms tr.alt td
color:#000000;
background-color:#EAF2D3;
</style>
<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
<script type="text/javascript" src="jsDatePick.min.1.3.js"></script>
<script type="text/javascript">
window.onload = function(){
new JsDatePick({
useMode:2,
target:"date_of_problem",
dateFormat:"%Y-%m-%d"
new JsDatePick({
useMode:2,
target:"closed_date",
dateFormat:"%Y-%m-%d"
function checkEmpty() {
var date_of_problem = document.save_entries.date_of_problem.value;
var hour_of_problem = document.save_entries.hour_of_problem.value;
var min_of_problem = document.save_entries.min_of_problem.value;
var reported_to = document.save_entries.reported_to.value;
var problem_description = document.save_entries.problem_description.value;
var close = document.save_entries.close.value;
var closed_date = document.save_entries.closed_date.value;
var closed_hour = document.save_entries.closed_hour.value;
var closed_min = document.save_entries.closed_min.value;
var ok = "true";
var why = "";
var ok2 = "true";
var tmp1 = date_of_problem.split("-");
var date1 = new Date(tmp1[0], tmp1[1], tmp1[2], hour_of_problem, min_of_problem);
var tmp2 = closed_date.split("-");
var date2 = new Date(tmp2[0], tmp2[1], tmp2[2], closed_hour, closed_min);
if (date_of_problem.length == 0) {
ok = "false";
why += "Date of problem is empty\n";
if (reported_to.length == 0) {
ok = "false";
why += "Reported to is empty\n";
if (problem_description.length == 0) {
ok = "false";
why += "Problem description is empty\n";
if (closed_date.length == 0 && close == "Yes") {
ok = "false";
why += "Closed date is empty\n";
if (date2 < date1) {
ok = "false";
why +="Closed date cannot be earlier than problem date\n";
if (ok == "true") {
return true;
else {
alert(why);
return false;
</script>
</head>
<body>
<?php
session_start();
if (!isset($_SESSION['pending_user'])){
header("location:main_login.php");
if ($_GET['entry'] == "" || $_GET['entry'] == NULL)
header("location:view_entries.php");
$id = $_GET['entry'];
function get_entry($id) {
$mysql_host = "localhost";
$mysql_user = "portal";
$mysql_pass = "portal";
$db_name = "pending_issues";
$entries_table = "entries";
mysql_connect("$mysql_host", "$mysql_user", "$mysql_pass") or die("cannot connect to DB" . mysql_error());
mysql_select_db("$db_name")or die("cannot select DB" . mysql_error());
mysql_query("set names 'utf8'")or die("fook!" . mysql_error());
$entry_query = "SELECT * FROM $entries_table WHERE id='$id'";
$entry_data = mysql_query($entry_query) or die("Cannot execute query");
$entry_row = mysql_fetch_array($entry_data) or die("Cannot fetch row");
$date_of_problem = $entry_row['date_of_problem'];
$time_of_problem = $entry_row['time_of_problem'];
$hour_of_problem = strtok($time_of_problem, ":");
$min_of_problem = strtok(":");
$resp_technician =$entry_row['resp_technician'];
$reported_to = $entry_row['reported_to'];
$description = $entry_row['problem_description'];
$closed_date = $entry_row['closed_date'];
$closed_time = $entry_row['closed_time'];
$closed_hour = strtok($closed_time, ":");
$closed_min = strtok(":");
$closed_by = $_SESSION['pending_user'];
echo '<h2><font color="#A7C942">Welcome, ' . $_SESSION['pending_user'] . '</font></h2>';
echo '<table id="efms">';
echo '<tr class="alt">';
echo '<td>';
echo '<br><a href=index.php>Home</a><br><br>';
echo '</td>';
echo '<td>';
echo '<br><a href=view_entries.php>View entries</a><br><br>';
echo '</td>';
echo '<td>';
echo '<a align="center" href="logout.php">Log out</a><br>';
echo '</td>';
echo '</tr>';
echo '</table>';
echo '<br>';
echo '<form name="save_entries" action="save_entries.php" method="post" onSubmit="return checkEmpty();"';
echo '<table id="efms">';
echo '<tr>';
echo '<th>';
echo 'Problem date';
echo '</th>';
echo '<td>';
echo '<input id="date_of_problem" name="date_of_problem" type="text" value="' . $date_of_problem . '">';
echo '<input type="hidden" name="entry" value="' . $id . '">';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Problem time';
echo '</th>';
echo '<td>';
//echo '<input name="time\_of\_problem" type="text" value="' . $time_of_problem . '">';
echo_hour($hour_of_problem, "hour_of_problem");
echo ":";
echo_min($min_of_problem, "min_of_problem");
echo '</td>';
echo '</tr>';
echo_reported_to($reported_to);
echo '<tr>';
echo '<th>';
echo 'Problem description';
echo '</th>';
echo '<td>';
echo '<textarea name="problem_description" rows="5" cols="40">' . $description . '</textarea>';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Closed date';
echo '</th>';
echo '<td>';
echo '<input name="closed_date" id="closed_date" type="text" value="' . $closed_date . '"> ';
echo 'Close case? ';
echo '<select name="close">';
echo '<option>Yes</option>';
echo '<option>No</option>';
echo '</select>';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Closed time';
echo '</th>';
echo '<td>';
echo_hour($closed_hour, "closed_hour");
echo ":";
echo_min($closed_min, "closed_min");
echo '</td>';
echo '</tr>';
//~ echo '<tr>';
//~ echo '<th>';
//~ echo 'Closed by';
//~ echo '</th>';
//~ echo '<td>';
//~ echo '<input id="resolve_date" name="resolve_date" type="text" value="' . $closed_by . '">';
//~ echo '</td>';
//~ echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Submit';
echo '</th>';
echo '<td>';
echo '<input name ="submit" type="submit">';
echo '</td>';
echo '</tr>';
echo '</table>';
echo '</form>';
mysql_close();
function echo_hour($hour, $name) {
echo '<select name="' . $name . '">';
for ($i = 0; $i < 24; $i++) {
if ($i < 10)
$temp_hour = "0" . $i;
else
$temp_hour = $i;
if ($hour != $temp_hour)
echo '<option>' . $temp_hour . '</option>';
if ($hour == $temp_hour)
echo '<option selected>' . $temp_hour . '</option>';
echo '</select>';
function echo_min($min, $name) {
echo '<select name="' . $name . '">';
for ($i = 0; $i < 60; $i++) {
if ($i < 10)
$temp_min = "0" . $i;
else
$temp_min = $i;
if ($min != $temp_min)
echo '<option>' . $temp_min . '</option>';
if ($min == $temp_min)
echo '<option selected>' . $temp_min . '</option>';
echo '</select>';
function echo_reported_to($reported_to) {
echo '<tr>';
echo '<th>';
echo 'Reported to';
echo '</th>';
echo '<td>';
//echo '<select name="reported_to" value="' . $reported_to . '">';
echo '<select name="reported_to">';
if ($reported_to == "IT") {
echo '<option selected>IT</option>';
echo '<option>NetEng</option>';
echo '<option>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "NetEng") {
echo '<option>IT</option>';
echo '<option selected>NetEng</option>';
echo '<option>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "VTT") {
echo '<option>IT</option>';
echo '<option>NetEng</option>';
echo '<option selected>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "NOC") {
echo '<option>IT</option>';
echo '<option>NetEng</option>';
echo '<option>VTT</option>';
echo '<option selected>NOC</option>';
echo '</select>';
echo '</td>';
echo '</tr>';
get_entry($id);
?>
</body>
</html>
</nowiki></pre>
<br />
The problem is for the table in line 188.
it should look like this:
http://img571.imageshack.us/img571/5183/shouldlooklike.png
but instead it looks like this:
http://img860.imageshack.us/img860/323/lookslikethis.png
The same problem appears in IE.
Thank you,

Please do not consider my previous post as I found out that it was a coding error, a forgotten ">"
Thank you.

Is it possible to show/hide dynamically columns in RDLC form?

We need to show/hide dynamically columns in our Report RDLC form based by the user desire needs.
We need by the predefined checkboxes to set which columns should be seen and which should be hidden.
Is it possible in RDLC form to make it "show/hide columns dynamically" with any way?

Depends on what you mean dynamically, you still need to press the view report button.
What you can do is right click on the column you want to be able to hide/display in design mode,
click "Column visibilty", choose "show or hide based on an expression" then in your expression base your true or false on a boolean parameter for each column

Show/Hide Div Layer with CSS (k)

Similar Messages

Maybe you are looking for