點擊更改段落文字

我一直在使用JavaScript（與一個非常有限的知識）交換圖像，但現在我想用文本做到這一點。點擊更改段落文字

我的問題是，如果我有10個不同的段落（鏈接1顯示段落1，鏈接2顯示段落2等），我不明白我可以在哪裏鍵入它們。我的圖片顯然鏈接到一個現成的文件，但我想我的文字保留文本，我不知道我怎麼分配這兩種CSS或HTML等

代碼中使用：

到目前爲止，我有我的CSS代碼來定義我的文字內容（我想這取決於點擊改變），我的地圖內容在那裏我控制文本的變化：

#content 
    #content div {float:left;} 
    #content_map {width:595px;}  
    #content_text {width:290px;;} 
    #content_profile {width:900px;}

所以我的HTML至今的地圖「熱點'爲例：

<area shape="circle" coords="276,326,15" href="#" alt="Kinnloch" onclick="MM_swapImage('stboswells_01','','discover_kinnloch.png',1)"/> 
    <area shape="circle" coords="202,264,11" href="#" alt="Lochinver" onclick="MM_swapImage('stboswells_01','','discover_lochinver.png',1)"/>

... 等

所以基本上我在「個人資料」 DIV由座標的「地圖」的div和我想做的事就是使用這些座標也串換在文本上交換我的圖片'text'div，所以第一組座標將改變我的文本div'段落1'，第二組座標將改變我的文本div'段落2'等等...

來源

2014-01-31 user3251016

我剛剛編輯我的查詢，以包括事實的文本一個段落。 – user3251016

如果你使用jQuery ，你可以添加一個類各area元素，然後瞄準它，像這樣：

$(".areaClass").click(function(){ 
    $("your text div id/class").text("Discover " + $(this).attr("alt")); 
});

這裏是一個例如http://jsfiddle.net/Vphf2/

我改變了area錨鏈接，這樣，它會顯示在屏幕上，但它應該工作方式是相同的情況下，也

來源

2014-01-31 07:50:37 Sean

謝謝你的幫助。文本實際上是一段長文本 - 是否有另一種存儲方式，而不使用alt？ – user3251016

不完全確定你的意思，但是我在這裏修改了一下這個示例http://jsfiddle.net/Vphf2/1/ – Sean

點擊更改段落文字

回答

相關問題