2012-07-06 49 views
1

我有一個嵌入文本文件的網頁。該文本文件被命名爲「Broadcast.txt」,並且在頂行中有.LOG,以在每次打開時輸入時間戳。除此之外,沒有其他特殊功能。我無法找到如何更改嵌入對象的顯示字體。我曾在Dreamweaver中查找任何可讓我們顯示更大字體的設置,但無濟於事。這裏是我有的代碼片段:我試圖將字體更改爲42pt,它仍然有效。我試着改變CSS中的設置,但它仍然不會影響小顯示字體的更改。有任何想法嗎?更改嵌入對象的字體大小

<div class="container"> 
    <div class="header"><a href="#"><img src="" alt="Insert Logo Here" name="Insert_logo" width="180" height="90" id="Insert_logo" style="background: #C6D580; display:block;" /></a> 
    <!-- end .header --></div> 
    <div class="content"> 
    <h1>&nbsp;</h1> 
<h2>&nbsp;</h2> 
    <p> <OBJECT DATA="Broadcast.txt" TYPE="text/html" WIDTH="600" HEIGHT="400" ALIGN="bottom" STYLE="width:96%;margin:2%;"> 
     <EMBED SRC="U:\Web Pages\Web Templates\greeny_blu\Broadcast.txt" WIDTH="600" HEIGHT="400" ALIGN="bottom"></EMBED> 
     </OBJECT> </p> 
    <p>&nbsp;</p> 
    <!-- end .content --></div> 

好吧,這樣做呢?我通過JS閱讀它,現在在一個框架中。我仍然無法隔離字體。這是我的:

<!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"> 
    <!-- TemplateBeginEditable name="doctitle" --> 
    <title>ISC Impact Summary</title> 
    <!-- TemplateEndEditable --> 
    <META HTTP-EQUIV="REFRESH" CONTENT="10"> <!-- 
    This is the automatic refresh setting for this web page. It is in seconds. 
    --> 
    <html> 
    <style type="text/css"> 
    body { 
    background-color: #06F; 
    } 
    .Style1 { 
    font-family: Calibri; 
    font-size: 24em; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    background-color: #C0C0C0; 
} 
    body,td,th { 
    color: #CF0; 
} 
    </style> 
    <head> 
    <script type="text/javascript"> 
    function init(){  
    var extText = window.frames[0].document.getElementsByTagName("HTML")[0].outerHTML; 
    document.getElementById("nMessage").innerText = extText; } 
    </script> 
    <!-- TemplateBeginEditable name="head" --> 
    <!-- TemplateEndEditable --> 
    </head> 
    <body> 
    <div> 
    <div align="center"> 
     <h2>ISC Critical Alert Summary</h2> 
    </div> 
    </div> 


    <div> 
    </div> 
    <div align="center" style="font-size:42;"><!-- TemplateBeginEditable name="EditRegion1" --> 
    <iframe src="Broadcast.txt" width="96%" marginwidth="2%" height="400" marginheight="2%" align="middle"  scrolling="Yes" class="Style1" id="messageTxt" style="font-size:42pt" >ISC Critical status</iframe> 
    <!-- TemplateEndEditable --> 
    </div> </body> 
</html> 

回答

2

您不能更改任何參數從「主」html。瀏覽器隔離來自父代的iframe和嵌入式文檔。

您可以通過javascript加載文本或使用html而不是txt。


技術細節 :)

t.txt - 是文本文件。您可以爲其設置完整網址或將其置於此頁面附近並僅設置其名稱。

<!DOCTYPE html> 
<html lang="en-US"> 
<head> 
    <meta charset="utf-8"> 
    <title>ISC Impact Summary</title> 
    <style type="text/css"> 
     .b-box_with_grand_text{ 
      font-size: 42px; 
     } 
    </style> 
    <!--copy this block. jQuery is get from google servers--> 
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
     // this possible write on clean JS 
     $(document).ready(function(){ 
      $.get('t.txt', function(data) { 
       // #echo_file = id from div 
       $('#echo_file').html(data); 
       alert('Load was performed.'); 
      }); 
     }) 
    </script> 
    <!--end copy--> 
</head> 
<body> 
<!--in this block txt file content will be posted. 
Just copy id in place where you want place text--> 
<div id="echo_file" class="b-box_with_grand_text"></div> 
</body> 
</html> 

這個工程,但它加載昂貴的庫jQuery。

+0

好的,那麼這樣做呢。我通過JS閱讀它,現在它在一個框架中。我仍然無法隔離字體。這裏是我現在所做的: – 1RacerTn 2012-07-06 23:02:35

+0

對不便帶來的不便,但我的意思是用JS讀取它,並把所需的格式設置爲div(跨度或其他) – nk9 2012-07-06 23:18:10

+0

我有兩個我不能做的評論,有沒有人有任何建議可能會做我正在嘗試完成一些技術細節? – 1RacerTn 2012-07-07 12:41:57