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.

Similar Messages

  • Dreamweaver CS3 & Show/Hide Layers Problem

    I'm trying to use Dreamweaver CS3 and the Show/Hide Layers
    behaviour to show or hide another layer on a click. However, when I
    go to the behaviours window and click on the plus to get the drop
    down list of behaviours to choose from, 'Show/Hide Layers' isn't
    there - can anybody help me?! I need this to get an assignment done
    due in really soon.
    Thanks

    It goes well beyond DW's Show/hide, however....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "twocans" <[email protected]> wrote in message
    news:fna57u$51a$[email protected]..
    >
    http://www.projectseven.com/extensions/info/autoshowhide/index.htm
    >
    > its a great free extension and simple to use.
    >
    > regards
    >
    > k
    >
    >
    >
    >
    > "xxtotallycrazy" <[email protected]>
    wrote in message
    > news:fna51o$4so$[email protected]..
    >> What I mean by needing help is, does anybody know
    where the option for
    >> 'Show/Hide Layers' actually is? Please help!
    >
    >

  • 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">
    <!--
    function MM_goToURL() { //v3.0
      var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
      for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
    //-->
    </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!

  • 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"

  • Show Hide Element Problem

    i am are trying to do something that can be achieved with
    Javascript.
    <script language="javascript">
    function showHideComment(onOff){
    if (onOff == 1){
    document.getElementById('commentArea').style.display = "";
    } else {
    document.getElementById('commentArea').style.display =
    "none";
    </script>
    <input type="radio" name="comment1" value="1"
    onClick="showHideComment(this.value);"> On <br/>
    <input type="radio" name="comment1" value="0"
    onClick="showHideComment(this.value);"> Off
    <cfoutput query="showcomment">
    <table width="100%" border="0" align="center"
    id="commentArea">
    <tr>
    <td>Subject:</td>
    <td><b
    class="sidebar">#subject#</b></td>
    </tr>
    </table>
    </cfoutput>
    but problem lies here when it:
    hides only one Section of Comments, What about if i had more
    than 10 comments.
    i tried changes the variables but no luck
    plz help

    Hi,
    Just put your <cfoutput query> statement below the
    <table> tag (that is before the start of <tr> tag and
    it will do that..
    <cfquery name="showcomment" datasource="dav">
    select * from ttest;
    </cfquery>
    <script language="javascript">
    function showHideComment(onOff){
    if (onOff == 1){
    document.getElementById('commentArea').style.display = "";
    } else {
    document.getElementById('commentArea').style.display =
    "none";
    </script>
    <input type="radio" name="comment1" value="1"
    onClick="showHideComment(this.value);"> On <br/>
    <input type="radio" name="comment1" value="0"
    onClick="showHideComment(this.value);"> Off
    <table width="100%" border="0" align="center"
    id="commentArea">
    <cfoutput query="showcomment">
    <tr>
    <td>Subject:</td>
    <td><b
    class="sidebar">#firstname#</b></td>
    </tr>
    </cfoutput>
    </table>

  • 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!

  • "Loaded Divs" copy block, photo, UL Show/Hide

    Hello,
    I know that the "Show/Hide" behavior allows one to
    reveal/hide photos in a div. Like the old "Frames" I want to have 5
    links in a left col. When one clicks one, the right larger col.
    loads a .div. But, it has a copy block, bullet copy, photo, logo,
    etc.
    Is this possible?
    Thanks.
    Greg

    Sure. It can. The trick will be to grab the required HTML for
    each of
    those configurations to paste into the dialog for the
    behavior application
    on each button. I usually do this by creating a dummy page
    with the desired
    div/image/ul, etc., already in place, and then just
    copy/paste the HTML.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Greg Pechauer" <[email protected]> wrote in
    message
    news:fv6unh$34o$[email protected]..
    > Thanks Murray,
    >
    > So my right div can contain other divs, or UL, photo and
    when a link is
    > clicked the main div. reveals with all the other stuff
    in place in the
    > right
    > col? Click another button, and a new div. with it's own
    copy block, photo,
    > bullet list reveals.
    >
    > Just want to make sure I can have all of the elements in
    the main div. as
    > listed above, not just text or not just a pic.
    >
    > Thanks for your time and help!
    >
    > Greg
    >

  • Show/Hide Layers or Divs "onclick"

    I'm trying to create a page of thumbnail images in a chess
    board affect. I want to be able to click on a thumbnail and have a
    larger version appear on the top left of the thumbnails covering
    about 4 of them. The larger version needs to have some text and a
    "close" button to hide the large image again. Similar to the image
    gallery example on:
    http://pmob.co.uk/pob/disjointed1.htm#null
    Can anyone advise me?
    Thanks

    Use DW's Show/Hide behavior.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "maffew" <[email protected]> wrote in
    message
    news:fke7td$ep5$[email protected]..
    > I'm trying to create a page of thumbnail images in a
    chess board affect. I
    > want
    > to be able to click on a thumbnail and have a larger
    version appear on the
    > top
    > left of the thumbnails covering about 4 of them. The
    larger version needs
    > to
    > have some text and a "close" button to hide the large
    image again. Similar
    > to
    > the image gallery example on:
    http://pmob.co.uk/pob/disjointed1.htm#null
    > Can anyone advise me?
    > Thanks
    >

  • Dock show/hide and magnification sudden problem

    MacBook (early 2009) running SnowLeopard from an external hard drive.
    Suddenly this morning the dock froze in several respects. It wouldn't "show" automatically when moused to. It won't magnify when an icon is moused over. When the show/hide is turned off in the preferences, the dock displays with no magnification (regardless of magnification being on or off). I can launch a program from the stationary dock, THEN the magnification suddenly appears and won't go away from the screen until I switch to another program using cmd.-tab.  What's going on and how can I fix this?

    Try doing a Dock restart using the following Terminal command:
    killall Dock
    Log out/in and test. If that doesn’t work, you need to look in your user Library/Applications Support/Dock for the .db. Use the Finder “Go To Folder” command. Enter ~/Library/Applications Support/Dock.  Move the .db to your desktop.
    Then try a dock reset.
    Applications/Utilities/Terminal enter the command
    killall Dock
    Log out/in test. If it works okay, delete the .db from the desktop.
    If the Dock is the same, return the .db to where you got them from, overwriting the newer ones.

  • Show/hide bahavior not working in firefox or safari

    Here is my problem. The show hide behavior incorporated in DW
    CS3 is working fine in IE6 and 7 but not working at all in firefox
    and safari (both latest version). I have tried it on different
    event but nothing.
    My web site is configured that if someone click on details, a
    layer will become visible and the details will be showed. I know
    there is a work around and the simplest would be to have a new
    window open but this is not the style I want.
    Any help would be much appreciated.
    Thanks
    ASP

    <!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=iso-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    #apDiv1 {
    position:absolute;
    visibility:hidden;
    left:16px;
    top:14px;
    width:512px;
    height:394px;
    z-index:1;
    background-color: #FFFF00;
    #apDiv2 {
    position:absolute;
    left:14px;
    top:431px;
    width:513px;
    height:88px;
    z-index:2;
    -->
    </style>
    <script type="text/javascript">
    <!--
    function MM_reloadPage(init) { //reloads the window if Nav4
    resized
    if (init==true) with (navigator) {if
    ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
    onresize=MM_reloadPage; }}
    else if (innerWidth!=document.MM_pgW ||
    innerHeight!=document.MM_pgH) location.reload();
    MM_reloadPage(true);
    function MM_showHideLayers() { //v9.0
    var i,p,v,obj,args=MM_showHideLayers.arguments;
    for (i=0; i<(args.length-2); i+=3)
    with (document) if (getElementById &&
    ((obj=getElementById(args
    ))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style;
    v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
    //-->
    </script>
    <script src="../Scripts/AC_RunActiveContent.js"
    type="text/javascript"></script>
    </head>
    <body>
    <div id="apDiv1"></div>
    <div id="apDiv2">
    <p>
    <script type="text/javascript">
    AC_FL_RunContent( 'codebase','
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','130','height','20','title','test','onfocus','MM_showHideLayers(\'apDiv1\',\'\',\'show \')','src','../Flash/liendurabilte','quality','high','pluginspage','http://www.adobe.com/s hockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../Flash/liendurab ilte'
    ); //end AC code
    </script>
    <noscript>
    <object
    classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
    width="130" height="20" title="test"
    onfocus="MM_showHideLayers('apDiv1','','show')">
    <param name="movie" value="../Flash/liendurabilte.swf"
    />
    <param name="quality" value="high" />
    <embed src="../Flash/liendurabilte.swf" quality="high"
    pluginspage="
    http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
    type="application/x-shockwave-flash" width="130"
    height="20"></embed>
    </object>
    </noscript>
    Click here to show layer</p>
    <p>
    <script type="text/javascript">
    AC_FL_RunContent( 'codebase','
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','130','height','20','onfocus','MM_showHideLayers(\'apDiv1\',\'\',\'hide\')','src','../ Flash/lienGarantie','quality','high','pluginspage','http://www.adobe.com/shockwave/downloa d/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../Flash/lienGarantie'
    ); //end AC code
    </script><noscript><object
    classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
    width="130" height="20"
    onfocus="MM_showHideLayers('apDiv1','','hide')">
    <param name="movie" value="../Flash/lienGarantie.swf"
    />
    <param name="quality" value="high" />
    <embed src="../Flash/lienGarantie.swf" quality="high"
    pluginspage="
    http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
    type="application/x-shockwave-flash" width="130"
    height="20"></embed>
    </object></noscript>
    Click here to hide layer
    </p>
    </div>
    </body>
    </html>

  • Accordion not showing up at all in IE6

    I have a standard accordion set up at
    www.taradeal.com/pow.html
    and it works fine in Safari and Firefox, but does not show up at
    all in IE6 (the initial load of the text bits flashes up, but the
    Spry re-work of the code seem to fail). I'm using Spry 1.6.1,
    freshly updated for DW CS3.
    The accordion display a standard RSS XML.
    Here's some code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
    Transitional//EN">
    <html>
    <head>
    <meta content="text/html; charset=iso-8859-1"
    http-equiv="Content-Type">
    <link rel="alternate" type="application/rss+xml"
    title="RSS" href="pow-rss.xml">
    <script src="SpryAssets-xpath.js"
    type="text/javascript"></script>
    <script src="SpryAssets-SpryData.js"
    type="text/javascript"></script>
    <script src="SpryAssets-SpryAccordion.js"
    type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    var powrss = new Spry.Data.XMLDataSet("pow-rss.xml",
    "rss/channel/item",{sortOnLoad:"pubDate",sortOrderOnLoad:"descending"});
    powrss.setColumnType("pubDate", "date");
    powrss.setColumnType("description", "html");
    //-->
    </script>
    <link href="SpryAssets-SpryAccordion.css" rel="stylesheet"
    type="text/css">
    </head>
    <body>
    ... some table code
    <div id="poems" spry:region="powrss" align="left">
    <div id="Accordion1" class="Accordion" tabindex="0" >
    <div class="AccordionPanel" spry:repeat="powrss">
    <div class="AccordionPanelTab">{title}</div>
    <div
    class="AccordionPanelContent">{description}</div>
    </div>
    </div>
    <script type="text/javascript">
    <!--
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
    useFixedPanelHeights: false });
    //-->
    </script>
    </div>
    ...some more simple display, and a Google tracker
    </body>
    </html>
    Thanks for any pointers on what's wrong.
    -dan

    Well, it seems to be a bug in the handling of the XML file
    contents. I fixed it by changing the code in SpryData.js to force a
    "manual" parse of the XML code. Not a good solution, but I don't
    know the codebase well enough to find the root of the problem. I
    know that the firstChild.nodeValue is "Object required" but I can't
    figure out who sets that and why. Maybe no ActiveX object?
    http://www.taradeal.com/pow2.html
    still broken in IE6 if you want to check it
    http://www.taradeal.com/pow.html
    uses changed code and dynamic-data accordion works
    Spry.Data.XMLDataSet.prototype.xhRequestProcessor =
    function(xhRequest)
    // XMLDataSet uses the responseXML from the xhRequest
    var resp = xhRequest.responseXML;
    var manualParseRequired = true; /*** DC for IE6 **/

  • Why does the revealed image flicker when using the Show/Hide feature?

    I started using the Show/Hide Button and Forms function in InDesign CS6 and have had some peculiar things happen. I was mocking up some samples and on the swf version if you hover over the left side of the blue rectangle all is fine but if you move to the right side of the blue rectangle the image starts to flicker. When you hover over the red rectangle the pop-up image just flickers constantly. I guess there must be some issue with having the button for a revealed image under some portion of the revealed image. See: http://www.idugsf.com/_a/FI_BookSamples.html .
    The problem went away when the button and the revealed image did not overlap.
    This problem didn't occur with another file I had originally created in CS5.
    On the pdf version the buttons which are on their own layer behind the revealed image moved to the front in the pdf: http://www.idugsf.com/_a/FI_BookSamples.pdf
    [email protected]

    Remove the dimensions in the following
    <div class="tooltipContent" id="sprytooltip11">  <img src="pix/1-pp-all-490x480.jpg" width="850" height="750" /></div>
    Gramps

  • DW: Show-Hide Layers

    Hey, I’m having two issues with the Show-Hide Layers
    behaviour in Dreamweaver and was wondering if someone else has had
    the same problems and has a solution.
    My test page is
    http://www.petermcphee.com/dreamweaver/popup-layer.html
    1) What I would like is to show the layer when the link is
    hovered over, which works fine. However, I also want the layer to
    remain visible while the mouse is over the layer and disappear when
    the mouse leaves the layer.
    I Googled for a while and found some tutorials that deal with
    showing/hiding layers but they hide the layers once the mouse
    leaves the original link, not the layer.
    2) Also, the site that I want to apply this behaviour to has
    an auto centering wrapper box, so I would like the layer to popup
    right underneath the link every time without converting the entire
    site to absolute positioning. As it is now, the popup appears at
    different locations depending how wide my browser is.
    Is this even possible with the current DW functionality?
    Thanks a lot!
    Peter.

    > 1) What I would like is to show the layer when the link
    is hovered over,
    > which
    > works fine. However, I also want the layer to remain
    visible while the
    > mouse is
    > over the layer and disappear when the mouse leaves the
    layer.
    When you show the layer, also show an underlying layer that
    contains a
    transparent GIF image that is about 10px wider/taller than
    the layer you
    show. Apply a hide layer behavior to the GIF image that hides
    both the
    layer you just showed, and the underlying layer. Remove the
    mouseout hide
    event from the original trigger. Does that make sense?
    > 2) Also, the site that I want to apply this behaviour to
    has an auto
    > centering
    > wrapper box, so I would like the layer to popup right
    underneath the link
    > every
    > time without converting the entire site to absolute
    positioning. As it is
    > now,
    > the popup appears at different locations depending how
    wide my browser is.
    Change this -
    </head>
    to this -
    <style type="text/css">
    <!--
    body { text-align:center; }
    #wrapper { text-align:left; width:760px; margin:0
    auto;position:relative; }
    /* 760px will display on an 800px screen maximized browser
    window without */
    /* horizontal scrollbars. */
    -->
    </style>
    </head>
    change this -
    <body ...>
    to this -
    <body ...>
    <div id="wrapper">
    and this -
    </body>
    to this -
    <!-- /wrapper -->
    </div>
    </body>
    and see if that helps.
    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
    ==================
    "petertyler" <[email protected]> wrote in
    message
    news:[email protected]...
    > Hey, I?m having two issues with the Show-Hide Layers
    behaviour in
    > Dreamweaver
    > and was wondering if someone else has had the same
    problems and has a
    > solution.
    >
    > My test page is
    http://www.petermcphee.com/dreamweaver/popup-layer.html
    >
    > 1) What I would like is to show the layer when the link
    is hovered over,
    > which
    > works fine. However, I also want the layer to remain
    visible while the
    > mouse is
    > over the layer and disappear when the mouse leaves the
    layer.
    >
    > I Googled for a while and found some tutorials that deal
    with
    > showing/hiding
    > layers but they hide the layers once the mouse leaves
    the original link,
    > not
    > the layer.
    >
    > 2) Also, the site that I want to apply this behaviour to
    has an auto
    > centering
    > wrapper box, so I would like the layer to popup right
    underneath the link
    > every
    > time without converting the entire site to absolute
    positioning. As it is
    > now,
    > the popup appears at different locations depending how
    wide my browser is.
    >
    > Is this even possible with the current DW functionality?
    >
    > Thanks a lot!
    >
    > Peter.
    >

  • Help with Show/Hide Elements please!

    I'm using the show/hide elements behavior for the first time and I'm not sure if it's working right. Am I supposed to be able to preview this feature, either in a browser or in Live View? It's not working in either, but I didn't know if the site had to actually be live for it to work or not.
    Also, my div is set to display:none; and I didn't know if that is correct, or if I should set a Z-index on all of them.
    Thank you!

    Am I supposed to be able to preview this feature, either in a browser or in Live View?
    Yes - it should work in both.
    Also, my div is set to display:none; and I didn't know if that is correct, or if I should set a Z-index on all of them.
    That could be the problem - show/hide toggles the visibility attribute between 'visible' and 'hidden'.  If the element is styled with display:none, even when it's visible it won't be displayed.  So, get rid of the display style, and just use the visibility one.  The default z-index is "1", so depending on your layout and the desired interaction with these elements, you may need to adjust your z-index as well.

  • How do you allow firefox to toggle show/hide menus

    I am using a website that has a show/hide text toggle. When I click the show button, it opens a new blank tab. I tested this on google chrome as well and it works properly. There must be a setting in firefox to correct this but I don't know what it is.

    Such a hide/show action is usually done via a JavaScript onclick event.
    If you get a new tab or window then this would suggest that the onclick isn't working and that the href is used and opens the new tab.
    You could check via the right-click context menu in the Inspector if there is an 'ev' button appended to this link (button).
    *https://developer.mozilla.org/Tools/Page_Inspector
    You can try these steps in case of issues with web pages:
    You can reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
    *Hold down the Shift key and left-click the Reload button
    *Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
    *Press "Command + Shift + R" (Mac)
    Clear the cache and remove cookies only from websites that cause problems.
    "Clear the Cache":
    *Firefox/Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
    "Remove Cookies" from sites causing problems:
    *Firefox/Tools > Options > Privacy > "Use custom settings for history" > Cookies: "Show Cookies"
    Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
    *Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
    *Do NOT click the Reset button on the Safe Mode start window
    *https://support.mozilla.org/kb/Safe+Mode
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Maybe you are looking for