点击更改段落文字

我一直在使用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

点击更改段落文字

回答

相关问题