6 replies [Last post]
tinggg
Offline
newbie
Last seen: 11 years 8 weeks ago
Timezone: GMT+13
Joined: 2007-12-06
Posts: 5
Points: 3

Hi

I'm using expandable blocks (when you click on a heading a block of text drops down to read) and in IE6 they look fine but in IE7 and Firefox 2 when a Heading is clicked the text underneath the clicked heading drops but the other headings underneath do not drop to accommodate the text from the heading above it. Therefore the look on the web page is text over text which is not readable. I've attached a snapshot of what this looks like.

These webpages are in a frameset, in case that makes any differience. As part of troubleshooting this problem I added the following to the stylesheet but it didn't make a difference:

 }
expandingblocktemplate {
clear:both
}

Can anyone suggest a fix for this or an opinion on what is causing this issue?

Not sure if this is helpful but i've provided the CSS, javascript and html of one of the pages where this problem is occuring.

Many thanks in advance for your help.

CSS

.expandingblock
{font-family: "Verdana", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 10pt;
        color: #000000;
        background-color: #E2E2E2;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin: 4px;
	  padding: 8px;
        border: 1px dotted #AFAFAF;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: 90%;
        height: 0px;
        white-space: normal;
       }

JAVASCRIPT

// -Block-
function toggleBlock(pstrID){
  var myDiv = document.getElementById('d' + pstrID);
  if (myDiv){
    if (myDiv.style.display == 'none'){
      showBlock(pstrID);
    } else{
      hideBlock(pstrID);
    }
  }
}
function showBlock(pstrID){
  var myDiv = document.getElementById('d' + pstrID);
  if (myDiv){
    myDiv.style.display = 'block';
    var myImage = document.getElementById('i' + pstrID);
    if (myImage){
      myImage.src = 'arrowdown.gif';
      myImage.alt = 'Hide';
    }
  }
}
function hideBlock(pstrID){
  var myDiv = document.getElementById('d' + pstrID);
  if (myDiv){
    myDiv.style.display = 'none';
    var myImage = document.getElementById('i' + pstrID);
    if (myImage){
      myImage.src = 'arrowright.gif';
      myImage.alt = 'Show';
    }
  }
}

// -Inline-
function toggleInline(pstrID){
  var myDiv = document.getElementById('d' + pstrID);
  if (myDiv){
    if (myDiv.style.display == 'none') 
      showInline(pstrID);
    else 
      hideInline(pstrID);
  }
}
function showInline(pstrID){
  var myDiv = document.getElementById('d' + pstrID);
  if (myDiv){
    myDiv.style.display = 'inline';
  }
}
function hideInline(pstrID){
  var myDiv = document.getElementById('d' + pstrID);
  if (myDiv) {
    myDiv.style.display = 'none';
  }
}

// -Popup-
function togglePopup(pstrID, pstrHID){
  var myDiv = document.getElementById('d' + pstrID);
  if (myDiv){
    if (myDiv.style.display == 'none'){
      showPopup(pstrID, pstrHID);
    } else{
      hidePopup(pstrID);
    }
  }
}
function showPopup(pstrID, pstrHID){
  var myDiv = document.getElementById('d' + pstrID);
  var myAnchor = document.getElementById(pstrHID);
  if (myDiv && myAnchor){
    myDiv.style.visibility = 'visible';
    myDiv.style.display = '';

    // Calculate x and y position
    var intX = getElementLeft(myAnchor);
    var intY = getElementTop(myAnchor) + myAnchor.offsetHeight;
    var extraX = (intX + myDiv.offsetWidth) - document.body.offsetWidth;
    var extraY = (intY + myDiv.offsetHeight) - document.body.offsetHeight;
    if (extraX > 0) { intX -= extraX; }
    if (extraY > 0) { intY -= myDiv.offsetHeight + (myAnchor.offsetHeight * 1.5); }
    if (intX < 0) { intX = 0; }
    if (intY < 0) { intY = 0; }

    // Set x and y position
    myDiv.style.left = intX + "px";
    myDiv.style.top = intY + "px";
  }
}
function hidePopup(pstrID){
  var myDiv = document.getElementById('d' + pstrID);
  if (myDiv){
    myDiv.style.visibility = 'hidden';
    myDiv.style.display = 'none';
  }
}


// -ShowAll-
function toggleAll(pstrClass, pblnUpdate){
  var aLinks = document.links;
  var myAnchor;
  var myImage;

  for (var i=0; i < aLinks.length; i++) {
    if (aLinks[i].href.indexOf('toggleAll(\''+pstrClass) > -1) {
      myAnchor = aLinks[i];
      if (myAnchor.innerHTML == 'Show All') {
        showAll(pstrClass);
        if (pblnUpdate){
          myAnchor.innerHTML = 'Hide All';
          myAnchor.title = 'Hide All';
          myImage = myAnchor.previousSibling;
          if (myImage.nodeName == 'IMG'){
            myImage.src = 'arrowdown.gif';
            myImage.alt = 'Hide';
          }
        }
      } else{
        hideAll(pstrClass);
        if (pblnUpdate){
          myAnchor.innerHTML = 'Show All';
          myAnchor.title = 'Show All';
          myImage = myAnchor.previousSibling;
          if (myImage.nodeName == 'IMG'){
            myImage.src = 'arrowright.gif';
            myImage.alt = 'Show';
          }
        }
      }
    }
  }

}
function showAll(pstrClass) {
  var aElts = document.getElementsByTagName('div');
  setDisplay(pstrClass, aElts, 'show', 'Block');
  aElts = document.getElementsByTagName('span');
  setDisplay(pstrClass, aElts, 'show', 'Inline');
}
function hideAll(pstrClass) {
  var aElts = document.getElementsByTagName('div');
  setDisplay(pstrClass, aElts, 'hide', 'Block');
  aElts = document.getElementsByTagName('span');
  setDisplay(pstrClass, aElts, 'hide', 'Inline');
}
function setDisplay(pstrClass, paElts, pstrDisplay, pstrType){
  for (var i=0; i < paElts.length; i++) {
    if (paElts[i].className == pstrClass) {
      eval(pstrDisplay + pstrType + '("' + paElts[i].id.slice(1) + '")')
    }
  }
}

// -Fns to determine absolute position of an element-
function getElementLeft(pElt){
  var intX = pElt.offsetLeft;
  while ((pElt = pElt.offsetParent) != null){
    intX += pElt.offsetLeft; 
  }
  return intX;
}
function getElementTop(pElt){
  var intY = pElt.offsetTop;
  while((pElt = pElt.offsetParent) != null){
    intY += pElt.offsetTop;
  }
  return intY;
}

HTML

Overview

function printWindow(){
bV = parseInt(navigator.appVersion)
if (bV >= 4) window.print()
}

You're here: MyCompany ┬╗Overview

Next Topic

Overview

The MyCompany Operational Manual contains the
that people wanting to come to MyCompany permanently or for a short
time must follow. It includes the criteria that applicants must
meet, the evidence they must produce to show that they meet the
criteria, and the processes LLL follow to assess and verify
applications. The Manual also contains information about LLL's work
in protecting MyCompany's MyCompany and determining claims for
MyCompany.


By publishing the Operational Manual, LLL meets
its requirements under section 13A of the MyCompany Act 1987 to
publish MyCompany on granting visas and permits.


This Manual is not:


  • a step-by-step guide to
    work processes, or
  • a replacement for the
    MyCompany that governs LLL operations.

Read it in conjunction with the relevant provisions
of the MyCompany Act 1987, the MyCompany Regulations 1991, and other
applicable statutes.


More information


How the Manual is
organised


The table below shows how information in the
MyCompany is grouped.


Section

Content

Entry type (MyCompany, Temporary Entry, Limited Purpose)

  • The MyCompany section contains the policies for people who want to come to MyCompany to live on a permanent basis.
  • The Temporary Entry and Limited Purpose sections contain policies for those wishing to come to MyCompany to visit, study, or work.
  • Note that each of these sections includes a generic section containing requirements that all applicants for MyCompany or temporary entry must meet, unless specifically stated otherwise.

Specific group (MyCompany, MyCompany, MyCompany)

The MyCompany, MyCompany, and MyCompany sections of the Manual detail internal LLL operational policies and are included in the Manual for ease of access and completeness.

Administration*

This section contains general information about lodging applications, how they will be assessed, and any rights of appeal.

Appendices*

Additional useful information such as which office to lodge an application with, fees payable, and which countries need to use panel doctors.

Glossary

Contains definitions of all the terms used within . These can also be accessed directly from the provision by clicking the hyperlink from the term to the Glossary.

* Note that the MyCompany, MyCompany, and MyCompany sections and some of the Appendices in the Manual do not constitute MyCompany MyCompany as described in section 13A(1) of the MyCompany Act 1987.

How to find information in the Manual

There are three main ways to search for information in the MyCompany:

  1. Using the left hand Contents menu: The pane to the left of the screen displays the different types of visa and permit applications grouped according to permanent and temporary entry. Click on the plus icon next to the topics to open the menus and locate the appropriate .
  2. Using the top menu: Policies are grouped the same way in the menu across the top of the screen. You can click these directly from any screen while you are in the Manual.
  3. Using the search facility: This is located on the tab behind the Contents tab to the left of the screen. Enter one or more keywords and press enter to start the search.

How to move around the Manual

The MyCompany has the same navigation features as other websites:

  • Breadcrumbs: these show you exactly where you are in the Manual. Clicking any of the breadcrumbs takes you directly to that piece of .
  • Hyperlinks: any words underlined and in blue allow you to click on them with your mouse and be taken directly to further information. Visited links change to red so you know you've already clicked on them.
  • Expanding menus: a plus icon plus icon next to a word in the contents means there are further topics grouped underneath. Click the icon to expand the menu. The icon will change to a minus icon minus icon to show the menu is fully expanded. The last icon icon next to a topic means that there are no further topics beneath it.
  • Tabs: these work like dividers in a ring binder. Select the tab by clicking on the header at the top.
  • Toolbar: use the buttons on the existing toolbar at the top of your screen to move back and forward between pages and print. You can also use the restore down icon restore down icon (top right) if you want to have the toolkit open at the same time you are processing.
  • Up and down arrows: use the up and down arrows at the top of each page Up &amp; down arrows to move to the next step in the procedure.
  • Scroll bar: Increase or decrease the size of the left hand menu by running your cursor over the vertical scroll bar between the menu on the left and the main window until you see the double ended arrow  Double ended arrow.. Hold the left mouse button down and move the mouse to resize the panes.

How to tell the difference between current and previous

All has a date at the end of the provision to show when that is effective from. When changes are made to , the previous version is still held in the Manual but the way it looks is changed so users can tell whether they are referring to current or previous . Access previous by clicking the links in the left hand navigation, in the box under the title of current , or in the Previous box at the end of the provision.

 Current vs
previous .

Understanding legal references within the Manual

Some in this Manual summarises sections of the MyCompany Act 1987, the MyCompany Regulations 1991, and other statutes and international agreements. Where this occurs, references to the specific Act or Regulation are noted in italics immediately after the section or subsection heading.

These are intended as a guide to the legal provisions relevant to the particular provision that they precede, and are not necessarily comprehensive.

The summarised legal provisions are declaratory only. This means that if the interpretation of the summarised legal provisions conflicts with the interpretation of the MyCompany itself, then the interpretation of the MyCompany is decisive.

Also note that the legal provisions do not in themselves constitute MyCompany MyCompany .

Role of MyCompany

MyCompany is part of the MyCompanyr, a MyCompany department that helps people achieve high-quality working lives in thriving and inclusive communities through linking their social and economic interests.

LLL aims to increase the economic and social framework of MyCompany by:

  • facilitating MyCompany and temporary entry into MyCompany, and
  • ensuring that those who cross MyCompany's MyCompanys observe the provisions of MyCompany's MyCompany and MyCompany.

Most of LLL's operational work is focused on deciding MyCompany, returning resident's visa and temporary entry applications, but it also provides information and responds to general enquiries. In addition, LLL removes people who are in breach of MyCompany law, or resolves their MyCompany status in other ways.

Another responsibility is to determine claims for MyCompany in MyCompany under the 1951 Convention Relating to the Status of MyCompany and the 1967 Protocol. It selects quota MyCompany and escorts them to MyCompany, as well as arranging for their accommodation and induction after they arrive in MyCompany.

Visa officers in the MyCompanye may be responsible for limited MyCompany operations at overseas posts where there is no . Customs officers act as MyCompany officers at places of entry to MyCompany.

Help

Underpinning all our activity is the desire to provide the best possible service and to demonstrate honesty, fairness, confidentiality and respect in all our dealings. If you need help understanding the in this Manual, please contact us.

Print this pagePrint this page

AttachmentSize
javascript-issue.jpg58.62 KB
gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 46 weeks 4 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Not much should work. Stuff

Not much should work. Stuff like this:isn't exactly valid. There are a bunch of inlined non-valid css through the example.

You must have a working, valid document before ever adding any css. Then, when the html and the css are right, the javascript layer may be added.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

tinggg
Offline
newbie
Last seen: 11 years 8 weeks ago
Timezone: GMT+13
Joined: 2007-12-06
Posts: 5
Points: 3

Just to close this off - the

Just to close this off - the problem was that in the expandingblock css it had height: 0px; - I removed this and it worked.

Thanks for all your help.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 week 20 hours ago
Joined: 2004-06-30
Posts: 9679
Points: 815

Did you validate your HTML

Did you validate your HTML yet?

Verschwindende wrote:
  • CSS doesn't make pies

tinggg
Offline
newbie
Last seen: 11 years 8 weeks ago
Timezone: GMT+13
Joined: 2007-12-06
Posts: 5
Points: 3

yes mother!

yes mother!

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 week 20 hours ago
Joined: 2004-06-30
Posts: 9679
Points: 815

Oi Thanks for letting us

Oi Wink

Thanks for letting us know you fixed it Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

mesathinks
Offline
newbie
Last seen: 14 years 5 weeks ago
Joined: 2007-12-21
Posts: 1
Points: 0

why

Hello,

I just found this and it solved my problem, but why? I have surfed for hours and would never have pegged this as the problem. My problem had a twist. When the dd,dt & submenu dd,ul & a elements were defined it all worked fine in IE, NS & FF but when I created the menu items with createelement/appendchild this problem would occure on NS & FF but still work perfectly in IE. I just do not understand why the css height attribute would cause this on a DOM created list only????