2012-11-19 68 views
0

我想開就divclick-eventCKEDITOR,並希望在CKEditor的 那textarea在div內容,但不知何故,這是行不通的。獲得每次點擊的文本區域動態文本上的div

在此先感謝,和對不起我的英文不好

function createEditor() { 

    $('DIV').click(function(event) { 
     var id1 = event.target.id; 
     //alert(id1); 

     document.getElementById("editor1").value = ''; 
     var newtext = document.getElementById(id1).innerHTML; 
     alert(newtext); 
     document.getElementById("editor1").value += newtext; 
    }); 

    document.getElementById("contents").style.display = "block"; 
} 
+2

「**不知何故這是不工作**」 - >這是你需要精心:) – mtk

+0

粘貼相應的HTML,和你確定的部分,你們有整個頁面上有1個div?可能還有其他的div ..因此你會看到意想不到的結果.. – mtk

+0

@mtk老兄給我你的郵件ID,以便我可以發送給你整個代碼,如果你能得到那麼多tym ..或者看看這個小提琴http://jsfiddle.net/rbPNV/15/ –

回答

0

刪除createEditor()函數,並嘗試

$('DIV').click(function(event) { 
    var id1 = event.target.id; 
    //alert(id1); 

    document.getElementById("editor1").value = ''; 
    var newtext = document.getElementById(id1).innerHTML; 
    alert(newtext); 
    document.getElementById("editor1").value += newtext; 
}); 

document.getElementById("contents").style.display = "block"; 
+0

試過..但不工作,反正謝謝你的回覆 –

+0

嘗試使用lilve()$(「p」)。live(「click」,function() (「數據」); }); – Daxen

+0

@Nishant你能夠進入點擊事件功能? 「alert」語句說什麼? – mtk

0

試試這個將數據添加到textarea的。

$("#editor1").val(newtext); 

或使用

$('#editor1').append(newtext); 
+0

不工作...傷心 –

+0

什麼是大桶js控制檯顯示?它會給出任何錯誤...做檢查。 – mtk

+0

不,它不顯示任何錯誤,實際上有時它顯示的值在textarea有時不.. –

0

該解決方案將更多地依賴於jQuery的。首先,如果您希望在點擊某個div時觸發此功能,請刪除您的function(),這不是必要的,因爲每次單擊div時都會觸發您的事件。

這應該解決您的問題:

$('div').click(function(e) { 
    $id1 = $(this).attr("id"); 
    alert($id1); 

    $("#editor1").val(' '); //Are you sure you want to empty your textarea? 
    $newtext = $("#"+$id1).html(); 
    alert($newtext); 
    $("#editor1").val($newtext); //Because when you append the newtext it won't append but replace the text it's already on this. 

    $("#contents").css("display","block"); 
}); 

這裏有一個fiddle使用你的函數的一個類似的例子:

+0

感謝您的答覆,但此腳本給予警報爲「未定義」和「空」 –

+0

不在小提琴中,如果發生這種情況你的代碼你的錯誤是在別的地方 –

+0

你確定你已經把你的函數放在$(document).ready()塊中嗎? –

0

如果你只是想點擊的div的文字和你使用jQuery的嘗試

$("div").click(function() { 
    var newtext = $(this).text(); 
    $("#editor1").text(newtext); 
});