2011-08-30 61 views
1

我正在改寫我之前聽起來荒謬的整個問題,這個問題有點理性。 我正在實施一個小書籤(教程從這個鏈接http://net.tutsplus.com/tutorials/javascript-ajax/create-bookmarklets-the-right-way/)有點類似於邊欄閱讀鏈接:http://bitly.com/pages/sidebar 一旦用戶將書籤添加到收藏夾/書籤欄,當用戶點擊書籤時,我的彈出窗口打開爲用戶添加各種各樣的字段。目前在我的本地機器上使用靜態html標記進行此操作。我目前還沒有包含彈出窗口所需的CSS,但很快就會實現。 但現在面臨不少挑戰: 這裏是我的代碼: 小書籤包括通過書籤Bookmarklet實施

<a href='javascript:(function(e,a,g,h,f,c,b,d){if(!(f=e.jQuery)||g>f.fn.jquery||h(f)){c=a.createElement("script");c.type="text/javascript";c.src="http://ajax.googleapis.com/ajax/libs/jquery/"+g+"/jquery.min.js";c.onload=c.onreadystatechange=function(){if(!b&&(!(d=this.readyState)||d=="loaded"||d=="complete")){h((f=e.jQuery).noConflict(1),b=1);f(c).remove()}};a.documentElement.childNodes[0].appendChild(c)}})(window,document,"1.3.2",function($,L){alert("div is not hidden");var content_script = $("<script></script>").attr("src","bookmarklet_content.js").attr("type","text/javascript").attr("language","Javascript");$("head").append(content_script);});'>Edit</a> 

JS文件

var html_content = ''; 
var isUserSignedIn = 1; 
if(isUserSignedIn) { 
    html_content = 'markup for my popup div'; 
    $('body').append(html_content); 
    if($("#tbarAddtoBrfPopup")) { 
    alert('element identified'); 
    } else { 
alert('failed to identify'); 
} 
$("#divname").find(".pagename_parent").find(".pagetitletextfield").val(document.title); 
var success_popup = 'another huge bunch of markup'; 
$('body').append(success_popup); 
} 
else { 
    html_content = 'another pop up for signing in'; 
    $(html_content).insertAfter($('body')); 
} 
$("#popup1_submit_button").live('click',function(){ 
    $("#current_popup").hide(); 
    $("#Success_p0\opup").show(); 
}); 
// close buttons in my popup 
$(".close").live('click',function(){ 
    $(this).parent().parent().hide(); 
}); 

我已經在逃避的東西感覺熱爲了防止沒有形成良好的錯誤(我花了一個小時才找到並修復),以及一些特殊字符(如'x')關閉的特殊字符,它以一種有趣的ascii藝術風格顯示。即使現在我得到一個語法錯誤的線var html_content ='';我對此毫無頭緒。

請讓我知道是否有更好的過程從外部文件中獲取html和js並顯示沒有問題。

另外這個彈出對我的機器中的本地頁面正常工作...當我使用任何公共頁面的小書籤時,看起來外部js根本沒有加載。似乎我在這裏錯過了一些東西。 編輯猜測它是因爲調用我的js文件w.r.t它的相對路徑。

任何幫助或建議(除了我應該退出編碼)將是偉大的。 謝謝!

+0

我覺得你是幸運的。 – epascarello

回答

0

我決定跟隨bitly執行使用這似乎是最好的選擇,以防止CSS和JS混搭擾亂了問題的iframe ...