2011-10-05 69 views
0

我想獲得一個基於JavaScript的「世界時鐘」運行裏面彈出的div與jQuery顯示。 當我在Dreamweaver實時視圖中查看它時,它非常棒。但是,當我將它上傳到我的服務器時,包含document.write(...)命令的Javascript showClock(clockobj)立即執行,並用地圖重寫整個屏幕。所以,我將showClock(clockobj)調用了worldclock.html javascript,並將其放入打開div的jQuery處理程序中。地圖出現點擊。但它不在div中。它佔據了整個屏幕。使用「document.write」調用運行javascript INSIDE jQuery創建的DIV。如何?

如何讓它顯示INSIDE div,就像頁面上的所有其他按鈕一樣? (友情提示,轉換器,添加,編輯,複製等)

這裏是鏈接,如果你想看到我在做什麼:

http://www.bizzocall.com/cp-ManagePhone.php

這裏的JS:

<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript"> 
clockobj=new Object;clockobj.clockfile="world001-blue.swf"; 
clockobj.TimeZone="PST"; 
clockobj.width=480; 
clockobj.height=250; 
clockobj.wmode="transparent"; 

</script> 

這裏是jQuery的:

<script type="text/javascript"> 
     $(function(){ 
      // Dialog box   
      $('#worldclock').dialog({ 
       autoOpen: false, 
       width: 540, 
       buttons: { 
        "Cancel": function() { 
         $(this).dialog("close"); 

        } 
       } 
      }); 

      // Dialog Link 
      $('#worldclockbtn').click(function(){ 
       $('#worldclock').dialog('open'); 
       showClock(clockobj); 
       return false; 
      }); 
     }); 
    </script> 

的HTML:

<div id="worldclock" class="DialogBox"> 
<?php require_once('worldclock.html'); ?> 
</div> 
<div class="tiptxt" id="worldclockbtn" >WORLD CLOCK 
     <div class="arrowInCircle"></div> 
</div> 

回答

0

首先擺脫你的jqueries之一 - 你有幾個不同的版本
它們可能是這種錯誤的原因:

$(「#選擇器」)farbtastic不是一個函數
。 源文件:http://www.bizzocall.com/cp-ManagePhone.php
線:26

要處理到document.write,覆蓋它

var oldWrite = document.write; 
var stringToWrite = ""; // this is polluting the window scope, but is for demo purposes ok 
document.write=function(str) { 
    stringToWrite+=str 
} 

,並使用$( 「#someDiv」)HTML(stringToWrite)

但是看一下JS,你也可以只更換

function showBanner(BannerLink){ 
    document.write(BannerLink); 
} 

function showBanner(BannerLink){ 
    $("#someDiv").html(BannerLink); 
} 

更新:用

替換整個外部腳本
function showClock(obj){ 

//Aded by Takeshi Sugimoto on 2008/05/01 for SSL 
var str = ''; 

if(obj.ssl == '1'){ 
    str = '<embed src="https://secure.clocklink.com/clocks/'; 
} 
else{ 
    str = '<embed src="http://www.clocklink.com/clocks/'; 
} 
//-- 

    str += obj.clockfile; 
    str += "?"; 

    for(prop in obj) { 
     if('clockfile' == prop 
      || 'width' == prop 
      || 'height' == prop 
      || 'wmode' == prop 
      || 'type' == prop 
     ) continue; 

     //Added by takeshi on 2007/01/29 (to display mutibyte chars by using URL encoding) 
     if(prop == "Title" || prop == "Message"){ 
      str += (prop + "=" + obj[prop] + "&"); 
     } 
     else{ 
      str += (prop + "=" + _escape(obj[prop]) + "&"); 
     } 
     //-- 
    } 
    str += '" '; 
    str += ' width="' + obj.width + '"'; 
    str += ' height="' + obj.height + '"'; 
    str += ' wmode="' + obj.wmode + '"'; 
    str += ' type="application/x-shockwave-flash">'; 

    return str ; 
} 

function _escape(str){ 
    str = str.replace(/ /g, '+'); 
    str = str.replace(/%/g, '%25'); 
    str = str.replace(/\?/, '%3F'); 
    str = str.replace(/&/, '%26'); 
    return str; 
} 

,做

$( '#的WorldClock')。HTML(showClock(clockobj))。對話框.....

+0

再次感謝。你釘了它。感謝您的建議,我現在就開始運行了! –