Question

我设计了一个带有iframe的页面，该页面通过iframe连接到多个页面。我必须在其导航到的顶部显示每个页面的标题。假设我有一个带标题的topnav，当我单击每个导航按钮时，它将在iframe中向下显示不同的页面。我必须在topnav中为每个页面添加标题。

<HTML>  
<title></title> 
<head> </head>
<body> <div id="wrapper" class="animate">   
<nav class="navbar header-top fixed-top navbar-expand-lg">
<a class="navbar-brand" href="file:///C:/Users/ajay.venkatesh/Desktop/sample.html">    
    <img src="C:\Users\ajay.venkatesh\Desktop\West_End.png">
</a>
<div class="collapse navbar-collapse" id="navbarText">
    <ul class="navbar-nav animate side-nav"></ul>
    <ul class="navbar-nav nav ml-md-auto d-md-flex"> 
    <div class="dropdown">   <button class="dropbtn" style="color:black">
     <a href="C:\Users\ajay.venkatesh\Downloads\BeFunky-collage.png" target="iframe_a">
         Home<span class="caret"></span></a></button>
 </div>
 <div class="dropdown">   <button class="dropbtn" style="color:black"> 
     Dispatch Tools<span class="caret"></span></button>   <div class="dropdown-content" id="formLogin">
 <div class="row">
 <div class="container-fluid">
   <form>
    <ul class="opt"> <li><a href=   "file:///C:/Users/ajay.venkatesh/Desktop/With_orders.html" 
     target="iframe_a">Interactive Texting</a></li> <li><a href=  
     "file:///C:/Users/ajay.venkatesh/Desktop/Owner_OperatorA.html   "
     target="iframe_a">Owner Operator</a></li> <li><a href=  
     "http://as400.mandh.us/cgi-bin/DRVADMINC.pgm"  target="iframe_a">With
    Containers</a></li>
   </ul>
  </form>
</div>
</div>   </div> </div>

<div class="dropdown">   <button class="dropbtn" style="color:black">
Order Entry<span class="caret"></span></button>  
<div class="dropdown-content" id="formLogin">
<div class="row">
<div class="container-fluid">
<form> <ul class="opt"> <li><a href="http://as400.mandh.us/cgi-bin/LT001C.pgm?m=" 
target="iframe_a">LTL Entry</a></li> <li><a
href="http://as400.mandh.us/cgi-bin/LT001C.pgm?m=T"
target="iframe_a">LTL Test Entry</a></li> <li><a
href="http://as400.mandh.us/cgi-bin/DS001C.pgm?m=T" 
target="iframe_a">Dispatch Test Entry</a></li>  <li><a
href="file:///C:/Users/ajay.venkatesh/Desktop/css_trick.html" 
target="iframe_a">Common Entries</a></li>

                 </ul>
               </form>
             </div>
           </div>   </div> </div>

     <div class="dropdown">   <button class="dropbtn" style="color:black">
     Trucking<span class="caret"></span></button>   <div class="dropdown-content" id="formLogin">
           <div class="row">
             <div class="container-fluid">
                   <form>
                 <ul class="opt"> <li><a href=   "C:\Users\ajay.venkatesh\Desktop\Trucking_Customers.html"   
 target="iframe_a">Customers</a></li>
                </ul>
               </form>
             </div>
           </div>   </div> </div>

     <div class="dropdown">   <button class="dropbtn" style="color:black">
     Others<span class="caret"></span></button>   <div class="dropdown-content" id="formLogin">
           <div class="row">
             <div class="container-fluid">
               <form>
                 <ul class="opt "> <li><a href="   http://as400.mandh.us/cgi-bin/DRVCNTC.PGM??m=T&account=OO&driver=xxx" 
 target="iframe_a">Test Mobile App</a></li>
                 </ul>
               </form>
             </div>
           </div>   </div> </div>
       <div class="dropdown">   <button class="dropbtn" style="color:black"><a href=  
 "file:///C:/Users/ajay.venkatesh/Desktop/wexi2308_err.html#myPage" 
 target="iframe_a">
     About us<span class="caret"></span></a></button>

 </div>

 <li class="nav-item editLink">    &nbsp; <img border="0"
 onclick="history.back()"  alt="W3Schools" 
 src="C:\Users\ajay.venkatesh\Desktop\previous.png"  width="45"
 height="45"></a>
         </li>


         <li class="nav-item editLink">
         &nbsp; <img border="0" onclick="history.forward()" alt="W3Schools" src="C:\Users\ajay.venkatesh\Desktop\next.png"
 width="45" height="45"></a>
           </li>

         </ul>
       </div>
       &nbsp;
            <div class="dropdown">
     <iframe src="http://free.timeanddate.com/clock/i5zqnxol/n179/fn7/fs20/tct/pct/ftb/th2"
           frameborder="0" width="128" height="30" allowTransparency="true"></iframe>

 </div>
     </nav>

 <table border=0 cellspacing=0 cellpadding=0 id="hold_my_iframe">
 <iframe src="C:\Users\ajay.venkatesh\Downloads\BeFunky-collage.png" 
 width=100% height=85% name="iframe_a" marginwidth=0  marginheight=0
 frameborder=0></iframe> </table>

   </div> </body> </html>

获取每个页面的标题并将其显示在iframe的标题中

0 个答案: