Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Combining Tabs & FAQ

    Hey all, I'm trying to combine my FAQ code w/ tabs I setup on this site. I'd like to have 3 tabs, each with the ability to toggle an FAQ menu. The first tab (DOB) works fine, but the 2nd and 3rd tabs don't link up with the FAQ toggle. Can someone explain what I'm doing wrong?

    http://dcturanoinc.com/?dct=FAQ

    PHP:

    Code:
    if($_GET['dct'] == 'FAQ') {
      echo "<title>FAQ</title>";
    $content = '
    
    <body onload="TJK_ToggleDL()">
    
      <div style="margin-top: 10px">
        <p>&nbsp;</p>
        <p align="center"><img src="images/dct_faq.png" width="63" height="20"></p>
      </div>
    
    <ul id="tabnav" class="menu">
      <li id="page1" class="current">DOB</li>
      <li id="page2">DOT</li>
      <li id="page3">DEP & ECB</li>
    </ul>
    
    <div class="content page1">
    <tr>
    <div id="gargoylecontainer">
      <div style="width: 700px; border-left-style: solid; border-left-color: #000; border-left-width: 1px; border-right-style: solid; border-right-color: #000; border-right-width: 1px; border-bottom-style: solid; border-bottom-color: #000; border-bottom-width: 1px; margin-left: auto; margin-right: auto;  padding-bottom: 10px; padding-top: 19px;">
        <div id="navcontainer">
          <div id="faqlinks">
          <a id="TJK_ToggleON">Open All</a><a id="TJK_ToggleOFF">Close All</a>(click a question to see its answer)
        </div>
      <div style="color:#000; width: 620px; align:center; margin-left: 40px; margin-top: 5px">
        <dl id="TJK_DL"><p>
        <dt>Where can I find the Department of Buildings (DOB) online?</dt>
        <dd><p class="tab"><a target="_blank" href="http://www.nyc.gov/html/dob/html/bis/bis.shtml">Click here.</a></p><p>&nbsp;</p></dd>
        <dt>When is a Department of Building work permit required?</dt>
        <dd><p class="tab">NYC Building Code section 27-126, states that a work permit is required for the following:</p><p class="tab1">- The removal, change or closing of any required means of egress or the cutting away of any wall, floor, or roof construction, or any portion thereof; or the removal, cutting, or modification of any beams or structural supports.</p><p class="tab1">- The rearrangement or relocation of any parts of the building affecting loading or exit requirements, or light, heat, ventilation, or elevator requirements; additions to, alterations of, or rearrangement, relocation or removal of any standpipe or sprinkler piping, water distribution piping, house sewer, private sewer, or drainage system, including leaders, or any soil, waste or vent pipe, or any gas distribution system, or any other work affecting health or the fire or structural safety of the building.</p></dd>
        <dt>What do I need to place a <font color="#9999FF">b</font>ike rack, planter, etc. on the sidewalk in front of my building?</dt>
        <dd><p class="tab">You need a revocable consent which is the grant of a right to an individual or organization to construct and maintain certain structures on, over or under the property of the City (that is, the streets and sidewalks). The City retains the right to revoke a revocable consent at any time.</p></dd>
        <dt>What do I need for a <font color="#9999FF">b</font>uilders pavement filing?</dt>
        <dd><p class="tab">A builders pavement plan is generally filed by a professional engineer or registered architect. For lots fronting fully developed sidewalks, curbs, and roadways, you will need an architectural survey taken or updated within the last 2 years. You will also need 35 mm photographs of the sidewalk, curb, and roadway along with a completed builders pavement check list. For lots fronting undeveloped sidewalks, curbs, or roadways, you will need a standard builders pavement plan.</p></dd>
        <dt>Why doesn\’t my building have a <font color="#9999FF">C</font>ertificate of Occupancy?</dt>
        <dd><p class="tab">Buildings built prior to 1938 that have had no changes made to their occupancy or egress since then, do not require Certificates of Occupancy.</p></dd>
        <dt>When is a <font color="#9999FF">C</font>ertificate of Occupancy not required?</dt>
        <dd><p class="tab">When construction work taking place does not change the use, egress or occupancy of the building.</p></dd>
        <dt>What are the hours that <font color="#9999FF">c</font>onstruction activity is permitted in the City of New York?</dt>
        <dd><p class="tab">Construction activities are restrained from Monday through Friday from 7:00 A.M. to 6:00 P.M. An after hour or weekend variance can be requested from the Department of Buildings when special concerns must be considered.</p></dd>
        <dt>What\’s the difference between a <font color="#9999FF">d</font>emolition and an alteration?</dt>
        <dd><p class="tab">Demolition is the removal of the entire building, including the foundation. In an alteration you may remove interior and exterior walls, but not the entire foundation. An alteration can also be the addition of stories; an enlargement; or a new structure built on top of an existing foundation.</p></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        </dl>
      </div>
    </div>
    </div>
    </div>
    </tr>
    </div>
    
    <div class="content page2" style="display:none;">
    <tr>
    <div id="gargoylecontainer">
      <div style="width: 700px; border-left-style: solid; border-left-color: #000; border-left-width: 1px; border-right-style: solid; border-right-color: #000; border-right-width: 1px; border-bottom-style: solid; border-bottom-color: #000; border-bottom-width: 1px; margin-left: auto; margin-right: auto;  padding-bottom: 10px; padding-top: 19px;">
        <div id="navcontainer">
          <div id="faqlinks">
          <a id="TJK_ToggleON">Open All</a><a id="TJK_ToggleOFF">Close All</a>(click a question to see its answer)
        </div>
      <div style="color:#000; width: 620px; align:center; margin-left: 40px; margin-top: 5px">
        <dl id="TJK_DL"><p>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        </dl>
      </div>
    </div>
    </div>
    </div>
    </tr>
    </div>
    
    <div class="content page3" style="display:none;">
    <tr>
    <div id="gargoylecontainer">
      <div style="width: 700px; border-left-style: solid; border-left-color: #000; border-left-width: 1px; border-right-style: solid; border-right-color: #000; border-right-width: 1px; border-bottom-style: solid; border-bottom-color: #000; border-bottom-width: 1px; margin-left: auto; margin-right: auto;  padding-bottom: 10px; padding-top: 19px;">
        <div id="navcontainer">
          <div id="faqlinks">
          <a id="TJK_ToggleON">Open All</a><a id="TJK_ToggleOFF">Close All</a>(click a question to see its answer)
        </div>
      <div style="color:#000; width: 620px; align:center; margin-left: 40px; margin-top: 5px">
        <dl id="TJK_DL"><p>
        <dt>Where are the Environmental Control Board (ECB) hearing offices located?</dt>
        <dd><p class="tab">Call 311 for the Environmental Control Board office nearest you.</p></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        </dl>
      </div>
    </div>
    </div>
    </div>
    </tr>
    </div>
    
        <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
        <script type="text/javascript" src="tabs.js"></script>
    
      <div id="footer">
        <h5>Site Design by <a href="mailto:emt@dcturanoinc.com?Subject=Site%20Design" class="styleone">EMTurano</a></h5>
        dcturanoinc.com and its content is copyright of D.C. Turano Inc.<br>
        Copyright D.C. Turano Inc. 2011. All rights reserved.
      </div>
    ';
    }

  • #2
    Senior Coder jmrker's Avatar
    Join Date
    Aug 2006
    Location
    FL
    Posts
    3,075
    Thanks
    38
    Thanked 498 Times in 492 Posts

    Lightbulb

    While I don't use JQuery and you do not provide the code for "tabs.js" nor a link to check the code,
    I do know that you MUST use UNIQUE id values to avoid browser confusion.
    Code:
    <div id="gargoylecontainer">
      <div style="width: 700px; border-left-style: solid; border-left-color: #000; border-left-width: 1px; border-right-style: solid; border-right
    
    -color: #000; border-right-width: 1px; border-bottom-style: solid; border-bottom-color: #000; border-bottom-width: 1px; margin-left: auto; 
    
    margin-right: auto;  padding-bottom: 10px; padding-top: 19px;">
    
        <div id="navcontainer">
          <div id="faqlinks">
          <a id="TJK_ToggleON">Open All</a><a id="TJK_ToggleOFF">Close All</a>(click a question to see its answer)
        </div>
      <div style="color:#000; width: 620px; align:center; margin-left: 40px; margin-top: 5px">
        <dl id="TJK_DL"><p>
    In that little snippet of code, I see five id=values repeated two more times in the code that follows.
    Fix that and post back if you still have problems.

  • #3
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the reply jm. Here is the tabs.js file:

    Code:
    $(document).ready(function(){
    
    	$(".menu > li").click(function(e){
    
    		switch(e.target.id){
    
    			case "page1":
    
    				//change status & style menu
    
    				$("#page1").addClass("active");
    
    				$("#page2").removeClass("active");
    
    				$("#page3").removeClass("active");
    				
    				$("#page4").removeClass("active");
    
    				//display selected division, hide others
    
    				$("div.page1").fadeIn();
    
    				$("div.page2").css("display", "none");
    
    				$("div.page3").css("display", "none");
    				
    				$("div.page4").css("display", "none");
    
    			break;
    
    			case "page2":
    
    				//change status & style menu
    
    				$("#page1").removeClass("active");
    
    				$("#page2").addClass("active");
    
    				$("#page3").removeClass("active");
    				
    				$("#page4").removeClass("active");
    
    				//display selected division, hide others
    
    				$("div.page2").fadeIn();
    
    				$("div.page1").css("display", "none");
    
    				$("div.page3").css("display", "none");
    				
    				$("div.page4").css("display", "none");
    
    			break;
    
    			case "page3":
    
    				//change status & style menu
    
    				$("#page1").removeClass("active");
    
    				$("#page2").removeClass("active");
    
    				$("#page3").addClass("active");
    				
    				$("#page4").removeClass("active");
    
    				//display selected division, hide others
    
    				$("div.page3").fadeIn();
    
    				$("div.page1").css("display", "none");
    
    				$("div.page2").css("display", "none");
    				
    				$("div.page4").css("display", "none");
    
    			break;
    			
    			case "page4":
    
    				//change status & style menu
    
    				$("#page1").removeClass("active");
    
    				$("#page2").removeClass("active");
    				
    				$("#page3").removeClass("active");
    
    				$("#page4").addClass("active");
    
    				//display selected division, hide others
    
    				$("div.page4").fadeIn();
    
    				$("div.page1").css("display", "none");
    
    				$("div.page2").css("display", "none");
    				
    				$("div.page3").css("display", "none");
    
    			break;
    
    		}
    
    		//alert(e.target.id);
    
    		return false;
    
    	});
    
    });
    In that little snippet of code, I see five id=values repeated two more times in the code that follows.
    These are the 6 IDs I think you were referring to:

    <div id="navcontainer">
    <div id="faqlinks">
    <div id="gargoylecontainer">
    <a id="TJK_ToggleON">
    <a id="TJK_ToggleOFF">
    <dl id="TJK_DL">
    Did you mean to change the IDs to something like "TJK_ToggleON2" for the 2nd ID?

  • #4
    Senior Coder jmrker's Avatar
    Join Date
    Aug 2006
    Location
    FL
    Posts
    3,075
    Thanks
    38
    Thanked 498 Times in 492 Posts
    Yes, and all other references.
    See "Definitions and Usage" section of http://www.w3schools.com/tags/att_standard_id.asp

  • #5
    Senior Coder jmrker's Avatar
    Join Date
    Aug 2006
    Location
    FL
    Posts
    3,075
    Thanks
    38
    Thanked 498 Times in 492 Posts

    Lightbulb Something to consider...

    I don't think you need to make it all that complicated.
    This doesn't use JQuery and it needs more of your CSS styling,
    but it does show a different way to accomplsh the task.
    Code:
    <html>
    <head>
    <title> FAQ Tabs </title>
    <script type="text/javascript">
    // From: http://www.codingforums.com/showthread.php?t=248772
    
    var PageIDs = ['Page1','Page2','Page3'];
    function togglePage(ID) {
      var sel;
      for (var i=0; i<PageIDs.length; i++) {
          document.getElementById(PageIDs[i]).style.display = 'none';
      }
      sel = document.getElementById(ID).getElementsByTagName('dl');
      for (var i=0; i<sel.length; i++) { sel[i].style.display = 'none'; }
      document.getElementById(ID).style.display = 'block';
    }
    function toggle(ID) {
      var sel = document.getElementById(ID);
      if (sel.style.display != 'none') { sel.style.display = 'none'; }
                                  else { sel.style.display = 'block'; }
    }
    window.onload = function() {
      var sel;
      for (var i=0; i<PageIDs.length; i++) {
        document.getElementById(PageIDs[i]).style.display = 'none';
        sel = document.getElementById(PageIDs[i]).getElementsByTagName('dl');
        for (var j=0; j<sel.length; j++) { sel[j].style.display = 'none'; }
      }
      document.getElementById('Page1').style.display = 'block';
    }
    
    </script>
    <style type="text/css">
     #leftSide {
      width:200px;
      float:left;
      margin:0px 25px;
     }
     #leftSide li { list-style-type: none; }
     #leftSide li:hover { background-color:orange; }
    
     #rightSide {
      width:700px;
      float:left;
      border:1px solid blue;
     }
     #Page1 { display:none; }
     #Page2 { display:none; }
     #Page3 { display:none; }
    
    </style>
    </head>
    <body>
    <div id="leftSide">
     <ul id="tabnav" class="menu">
      <li onclick="togglePage('Page1')" class="current")">DOB</li>
      <li onclick="togglePage('Page2')">DOT</li>
      <li onclick="togglePage('Page3')">DEP & ECB</li>
     </ul>
    </div>
    
    <div id="rightSide">
     <div id="Page1">
      <h2>Contents of page 1</h2>
      <ul id="FAQpage1">
       <dt id="FAQq11" onclick="toggle('FAQa11')">FAQ #1 Question</dt>
       <dl id="FAQa11">FAQ #1 Answer</dl>
       <br>
       <dt id="FAQq12" onclick="toggle('FAQa12')">FAQ #2 Question</dt>
       <dl id="FAQa12">FAQ #2 Answer</dl>
       <br>
       <dt id="FAQq13" onclick="toggle('FAQa13')">FAQ #3 Question</dt>
       <dl id="FAQa13">FAQ #3 Answer</dl>
      </ul>
     </div>
     <div id="Page2">
      <h2>Contents of page 2</h2>
      <ul id="FAQpage2">
       <dt id="FAQq21" onclick="toggle('FAQa21')">FAQ #1 Question</dt>
       <dl id="FAQa21">FAQ #1 Answer</dl>
       <br>
       <dt id="FAQq22" onclick="toggle('FAQa22')">FAQ #2 Question</dt>
       <dl id="FAQa22">FAQ #2 Answer</dl>
       <br>
       <dt id="FAQq23" onclick="toggle('FAQa23')">FAQ #3 Question</dt>
       <dl id="FAQa23">FAQ #3 Answer</dl>
      </ul>
     </div>
     <div id="Page3">
      <h2>Contents of page 3</h2>
      <ul id="FAQpage3">
       <dt id="FAQq31" onclick="toggle('FAQa31')">FAQ #1 Question</dt>
       <dl id="FAQa31">FAQ #1 Answer</dl>
       <br>
       <dt id="FAQq32" onclick="toggle('FAQa32')">FAQ #2 Question</dt>
       <dl id="FAQa32">FAQ #2 Answer</dl>
       <br>
       <dt id="FAQq33" onclick="toggle('FAQa33')">FAQ #3 Question</dt>
       <dl id="FAQa33">FAQ #3 Answer</dl>
      </ul>
     </div>
    </div>
    </body>
    </html>

  • #6
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks again for the help jmerkr. It helped out a good deal.

    I have another problem, this time with the amount of dd/dt entries I have. For the 6th line down starting with body onload, I get a syntax error in dreamweaver. I have 25 dd/dt entries on this page, and when I go above 25 entries, I get the error. Any idea why?

    Code:
    if($_GET['dct'] == 'faq_expediting') {
    	$title = 'FAQ';
    	$desc = 'DOB, DOT, & FDNY FAQs';
    	$keywords = 'dob, dot, fdny, faq, frequently asked questions, questions';
    $content = '
    <body onload="TJK_ToggleDL(); TJK_ToggleDL1(); FDNY_ToggleDL();">
    
      <div style="margin-bottom: 29px; margin-top: 28px">
        <p align="center"><img src="images/faq_expediting.png" width="221" height="20"></p>
      </div>
    
    <ul id="tabnav" class="menu">
      <li id="page1" class="current">DOB FAQ</li>
      <li id="page2">DOT FAQ</li>
      <li id="page3">FDNY FAQ</li>
    </ul>
    
    <div class="content page1">
    <tr>
    <div id="gargoylecontainer">
      <div style="width: 700px; border-left-style: solid; border-left-color: #000; border-left-width: 1px; border-right-style: solid; border-right-color: #000; border-right-width: 1px; border-bottom-style: solid; border-bottom-color: #000; border-bottom-width: 1px; margin-left: auto; margin-right: auto;  padding-bottom: 10px; padding-top: 12px;">
        <div id="navcontainer">
          <div style="margin-bottom: 15px; margin-right: 11px"><h2 align="center">Department of Buildings FAQ</h2></div>
          <div id="faqlinks">
          <a id="TJK_ToggleON">Open All</a><a id="TJK_ToggleOFF">Close All</a>(click a question to see its answer)
          </div>
        </div>
      <div style="color:#000; width: 620px; align:center; margin-left: 40px; margin-top: 5px">
        <dl id="TJK_DL"><p>
        <dt>Where can I find the Department of Buildings <i><font color="#CCCCCC">(DOB)</font></i> online?</dt>
        <dd><p class="tab"><a target="_blank" href="http://www.nyc.gov/html/dob/html/bis/bis.shtml">Click here.</a></p><p>&nbsp;</p></dd>
        <dt>When is a Department of Buildings work  <i><font color="#CCCCCC">permit required</font></i>?</dt>
        <dd><p class="tab">NYC Building Code section 27-126, states that a work permit is required for the following:</p><p class="tab1">- The removal, change or closing of any required means of egress or the cutting away of any wall, floor, or roof construction, or any portion thereof; or the removal, cutting, or modification of any beams or structural supports.</p><p class="tab1">- The rearrangement or relocation of any parts of the building affecting loading or exit requirements, or light, heat, ventilation, or elevator requirements; additions to, alterations of, or rearrangement, relocation or removal of any standpipe or sprinkler piping, water distribution piping, house sewer, private sewer, or drainage system, including leaders, or any soil, waste or vent pipe, or any gas distribution system, or any other work affecting health or the fire or structural safety of the building.</p></dd>
        <dt>My job was filed but has not been approved. What is the <i><font color="#CCCCCC">status?</font></i></dt>
        <dd><p class="tab">You can check the latest status of your job by checking the DOB\'s <a target="_blank" href="http://www.nyc.gov/html/dob/html/bis/bis.shtml">Buildings Information System</a> (BIS).</p></dd>
        <dt>What do I need to place a <i><font color="#CCCCCC">bike</font></i> rack/etc. on the sidewalk in front of my building?</dt>
        <dd><p class="tab">You need a revocable consent which is the grant of a right to an individual or organization to construct and maintain certain structures on, over or under the property of the City (that is, the streets and sidewalks). The City retains the right to revoke a revocable consent at any time.</p></dd>
        <dt>What do I need for a <i><font color="#CCCCCC">builders pavement filing</font></i>?</dt>
        <dd><p class="tab">A builders pavement plan is generally filed by a professional engineer or registered architect. For lots fronting fully developed sidewalks, curbs, and roadways, you will need an architectural survey taken or updated within the last 2 years. You will also need 35 mm photographs of the sidewalk, curb, and roadway along with a completed builders pavement check list. For lots fronting undeveloped sidewalks, curbs, or roadways, you will need a standard builders pavement plan.</p></dd>
        <dt>Why doesn\'t my building have a <i><font color="#CCCCCC">Certificate of Occupancy</font></i>?</dt>
        <dd><p class="tab">Buildings built prior to 1938 that have had no changes made to their occupancy or egress since then, do not require Certificates of Occupancy.</p></dd>
        <dt>When is a <i><font color="#CCCCCC">Certificate of Occupancy</font></i> not required?</dt>
        <dd><p class="tab">When construction work taking place does not change the use, egress or occupancy of the building.</p></dd>
        <dt>What\'s the difference between a <i><font color="#CCCCCC">demolition</font></i> and an <i><font color="#CCCCCC">alteration</font></i>?</dt>
        <dd><p class="tab">Demolition is the removal of the entire building, including the foundation. In an alteration you may remove interior and exterior walls, but not the entire foundation. An alteration can also be the addition of stories, an enlargement, or a new structure built on top of an existing foundation.</p></dd>
        <dt>What are the <i><font color="#CCCCCC">hours</font></i> that construction activity is permitted in the City of New York?</dt>
        <dd><p class="tab">Construction activities are restrained from Monday through Friday from 7:00 A.M. to 6:00 P.M. An after hour or weekend variance can be requested from the Department of Buildings when special concerns must be considered.</p></dd>
        <dt>Do I need to obtain a permit to erect an <i><font color="#CCCCCC">illuminated sign</font></i>?</dt>
        <dd><p class="tab">All illuminated signs require permits from the Department of Buildings. Nearly all signs, regardless of illumination, require permits as well.</p></dd>
        <dt>What is a Site Safety <i><font color="#CCCCCC">inspection</font></i>?</dt>
        <dd><p class="tab">Site Safety is the inspection of new building construction for high rises of 15 stories or 200 feet and taller, or lot coverage of 100,000 square feet or more. The BEST Squad often inspects Site Safety buildings. Buildings that are not covered by Site Safety regulations are usually inspected by Department of Buildings\' borough construction inspectors.</p></dd>
        <dt>What is <i><font color="#CCCCCC">Local Law 11/98</font></i>?</dt>
        <dd><p class="tab">Local Law 11/98 (amending Local Law 10/80) requires one periodic inspection every five years of building facades on buildings higher than 6 stories. An owner must retain a professional to inspect the facade and submit a report to the Department of Buildings about its condition.</p></dd>
        <dt>How do I make a structural <i><font color="#CCCCCC">modification</font></i> or change the occupancy of a building?</dt>
        <dd><p class="tab">You must hire a New York State Registered Architect or Professional Engineer to assess the site and advise you of zoning and construction requirements. You may also need to obtain a new or amended Certificate of Occupancy.</p></dd>
        <dt>How can I legally change the <i><font color="#CCCCCC">occupancy</font></i> type of my building?</dt>
        <dd><p class="tab">You will need to consult with a New York State Registered Architect or Professional Engineer who can advise you regarding zoning and construction requirements. An application must be approved by the Department and a permit obtained prior to any change being made. Upon completion of the work, and a satisfactory final inspection, a Certificate of Occupancy will be issued.</p></dd>
        <dt>What is an Unsafe Buildings <i><font color="#CCCCCC">violation</font></i>?</dt>
        <dd><p class="tab">An Unsafe Buildings ("UB") violation is a violation issued by a Department inspector when the premises is considered unsafe or a hazard to its occupants and/or the public. The premises can be considered unsafe or a hazard when a structure on the property is open, vacant, and unguarded, or when a structure is compromised in a way that threatens public safety.</p></dd>
        </dl>
      </div>
      </div>
    </div>
    </tr>
    </div>
    
    <div class="content page2" style="display:none;">
    <tr>
    <div id="gargoylecontainer">
      <div style="width: 700px; border-left-style: solid; border-left-color: #000; border-left-width: 1px; border-right-style: solid; border-right-color: #000; border-right-width: 1px; border-bottom-style: solid; border-bottom-color: #000; border-bottom-width: 1px; margin-left: auto; margin-right: auto;  padding-bottom: 10px; padding-top: 12px;">
        <div id="navcontainer">
          <div style="margin-bottom: 15px; margin-right: 11px"><h2 align="center">Department of Transportation FAQ</h2></div>
          <div id="faqlinks1">
          <a id="TJK_ToggleON1">Open All</a><a id="TJK_ToggleOFF1">Close All</a>(click a question to see its answer)
          </div>
        </div>
      <div style="color:#000; width: 620px; align:center; margin-left: 40px; margin-top: 5px">
        <dl id="TJK_DL1"><p>
        <dt>Why was my property <i><font color="#CCCCCC">inspected</font></i>?</dt>
        <dd><p class="tab">DOT determines which properties should be inspected based on specific criteria, including blocks where injuries were reported to the City or where complaints were filed. The City also takes into account the last time the area was surveyed for sidewalk defects. Violations are issued in every neighborhood in the City.</p></dd>
        <dt>What construction-related <i><font color="#CCCCCC">permits</font></i> exist for work on a street?</dt>
        <dd><p class="tab"><p class="tab1">&middot; <u>Street Opening</u>: Permits that apply to openings/excavations or other work in a street that may cause damage to the street surface or to any work that the Permit Office believes would compromise the street surface. Street Opening Permits are generally taken out by entities that need access to subsurface infrastructure, including utility companies and contractors.<p class="tab1">&middot; <u>Building Operations/Construction Activity</u>: Permits that apply to construction-related activities that take place within the street and are generally associated with construction work adjacent to the street. Construction-related activities covered under this category include placement of materials, equipment, and temporary structures on the street or sidewalk.<p class="tab1">&middot; <u>Sidewalk Construction</u>: Permits that apply to any repairs, replacements, or new sidewalk installations. Sidewalk Construction Permits are generally taken out by developers, contractors, and private homeowners.<p class="tab1">&middot; <u>Canopy Authorizations</u>: Permits required to place a canopy over the sidewalk. Canopy permits are generally taken out by building owners, business owners, and canopy installers.</p></dd>
        <dt>What <i><font color="#CCCCCC">permit</font></i> application types are reviewed prior to issuance?</dt>
        <dd><p class="tab1">&middot; Work to be performed for sewer and water system construction</p><p class="tab1">&middot; Work to be performed in Manhattan</p><p class="tab1">&middot; Work required on primary and secondary arteries</p><p class="tab1">&middot; Permits to close streets</p><p class="tab1">&middot; Any other activity deemed necessary by the Commissioner</p></dd>
        <dt>What is a <i><font color="#CCCCCC">Revocable Consent?</font></i></dt>
        <dd><p class="tab">A revocable consent is the grant of a right to an individual or organization to construct and maintain certain structures on, over, or under the inalienable property of the City (that is, the streets and sidewalks). Generally, revocable consents are granted for a term of ten years, at the end of which time they may be renewed.</p></dd>
        <dt>What Private Improvements are eligible for <i><font color="#CCCCCC">Revocable Consents</font></i>?</dt>
        <dd><p class="tab1">&middot; benches<br>&middot; bridges<br>&middot; cables (other than underground cable, wire or optical fiber)<br>&middot; clocks<br>&middot; conduits<br>&middot; electrical sockets<br>&middot; enclosures for trash receptacle adjoining a building, for private use<br>&middot; fenced or walled-in area not used for planting or parking<br>&middot; flagpoles<br>&middot; guard booths<br>&middot; guard rails<br>&middot; hatches<br>&middot; information signs or kiosks<br>&middot; litter receptacles for public use affixed to the sidewalk<br>&middot; overhead building projections in excess of that allowed by the Building Code<br>&middot; parking lots for private use<br>&middot; pipes<br>&middot; planted areas, including any surrounding fence or wall<br>&middot; posts, poles or bollards<br>&middot; public service corporation facilities<br>&middot; railroad tracks for private use<br>&middot; ramps intended to provide access to people with disabilities<br>&middot; retaining walls<br>&middot; sidewalk plaques or logos<br>&middot; signs or plaques on City-owned street lamps<br>&middot; stoops<br>&middot; street lamp or fixture<br>&middot; tunnels<br>&middot; vaults or underground improvements</p></dd>
        <dt>What is a <i><font color="#CCCCCC">sidewalk</font></i> violation?</dt>
        <dd><p class="tab">A sidewalk violation is an official notice issued by DOT stating that your sidewalk is defective. There is no fine associated with a violation. A copy of the notice is filed with the County Clerk and remains on file until the Clerk receives official notification from the City that satisfactory repairs have been made. A violation can complicate selling or refinancing your property.</p></dd>
        <dt>My <i><font color="#CCCCCC">sidewalk</font></i> has a vault or other structure underneath it. Will the City fix it for me?</dt>
        <dd><p class="tab">No. The property owner is responsible for making the repairs. Fixing a sidewalk over a vault may require considerable structural work. If the defective portion of your sidewalk is over a vault, you must fix it privately.</p></dd>
        <dt>Where can I find general information on <i><font color="#CCCCCC">street design</font></i> and street materials?</dt>
        <dd><p class="tab">The New York City <a target="_blank" href="http://www.nyc.gov/html/dot/html/about/streetdesignmanual.shtml">Street Design Manual</a> contains city policies, detailed guidelines and numerous reference resources related to planning, designing, constructing, operating and maintaining the city\'s streets, sidewalks and public spaces.</p></dd>
        <dt>What <i><font color="#CCCCCC">vehicle size</font></i> requires an "over-dimensional permit?"</dt>
        <dd><p class="tab1">&middot; <u>Width</u>: 96 inches. For school buses and fire vehicles: 98 inches. Buses having a carrying capacity of more than seven passengers shall not exceed 102 inches.</p><p class="tab1">&middot; <u>Height</u>: 13 1/2 feet. Single vehicles (except articulated buses and semi-trailers): 35 feet.</p><p class="tab1">&middot; <u>Length</u>: Articulated buses: 65 feet. Semi-trailer: 55 feet.</p></dd>
        </dl>
      </div>
      </div>
    </div>
    </tr>
    </div>
    
    <div class="content page3" style="display:none;">
    <tr>
    <div id="gargoylecontainer">
      <div style="width: 700px; border-left-style: solid; border-left-color: #000; border-left-width: 1px; border-right-style: solid; border-right-color: #000; border-right-width: 1px; border-bottom-style: solid; border-bottom-color: #000; border-bottom-width: 1px; margin-left: auto; margin-right: auto;  padding-bottom: 10px; padding-top: 12px;">
        <div id="navcontainer">
          <div style="margin-bottom: 15px; margin-right: 11px"><h2 align="center">Fire Department (FDNY) FAQ</h2></div>
          <div id="faqlinks2">
          <a id="FDNY_ToggleON">Open All</a><a id="FDNY_ToggleOFF">Close All</a>(click a question to see its answer)
          </div>
        </div>
      <div style="color:#000; width: 620px; align:center; margin-left: 40px; margin-top: 5px">
        <dl id="FDNY_DL"><p>
        <dt>Is there <i><font color="#CCCCCC">“grandfathering”</font></i> for installations that were approved prior to July 1, 2008?</dt>
        <dd><p class="tab"><b>FC102.3</b> addresses facilities and conditions “lawfully existing” on June 30, 2008 that would not be allowed or approved under the Fire Code (which took effect on July 1, 2008). Clarification of the scope and meaning of FC102.3 is set forth in Fire Department rule 3 RCNY 102-01.</p></dd>
        <dt>Are <i><font color="#CCCCCC">"alterations"</font></i> to structures approved prior to the new Fire Code defined?</dt>
        <dd><p class="tab">Yes. <b>FC202</b> defines "alteration" as any addition to, or modification of, an existing installation, other than repairs made in the ordinary course of maintenance. An example of an alteration would be the installation of a new system, or the removal and replacement of an existing system. An example of an ordinary repair would be the servicing or replacement, in kind, of components of an existing installation.</p></dd>
        <dt>What <i><font color="#CCCCCC">installation types</font></i> require design/installation documents to be submitted to FDNY?</dt>
        <dd><p class="tab"><a href="files/fire_code_ll26_2008_amended_ll37_41_64_2009_final_complete.pdf" target="_blank"><b>FC105.4</b></a>, page 11 lists the Fire Code sections requiring submission of design and installation documents.</p></dd>
    	<dt></dt>
    	<dd></dd>
        </dl>
      </div>
      </div>
    </div>
    </tr>
    </div>
    
    	<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
    	<script type="text/javascript" src="tabs.js"></script>
    ';
    }

  • #7
    Senior Coder jmrker's Avatar
    Join Date
    Aug 2006
    Location
    FL
    Posts
    3,075
    Thanks
    38
    Thanked 498 Times in 492 Posts

    Exclamation

    Quote Originally Posted by xcellere View Post
    Thanks again for the help jmerkr. It helped out a good deal.

    I have another problem, this time with the amount of dd/dt entries I have. For the 6th line down starting with body onload, I get a syntax error in dreamweaver. I have 25 dd/dt entries on this page, and when I go above 25 entries, I get the error. Any idea why?

    Code:
    if($_GET['dct'] == 'faq_expediting') {
    	$title = 'FAQ';
    	$desc = 'DOB, DOT, & FDNY FAQs';
    	$keywords = 'dob, dot, fdny, faq, frequently asked questions, questions';
    $content = '
    <body onload="TJK_ToggleDL(); TJK_ToggleDL1(); FDNY_ToggleDL();">
    
     .....
    
    	<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
    	<script type="text/javascript" src="tabs.js"></script>
    ';
    }
    Well, I still don't use JQuery, and you have not defined what the 'TJK_ToggleDL();' etc functions do nor are you using the last code I posted in this solution...

    But other than that, the problem with line #6 is that you have not finished the line #5 before it.
    The "'" character needs an ending "'" character.
    If it is supposed to be a null string, then you would need
    Code:
    $content = '';
    If you use FF or Chrome browsers, monitor the error console to get
    the obvious errors reported.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •