Start Free Trial

asked on

HTM code

Hi I am tying to write code to translate to english on mousedown and french on mouseup. Can anyone assist. <p><span class="pnum">9</span><span class="phrase" onmousedown="swapFE()"
onmouseup="swapEF"></span></p>
<p><span class="pnum">10</span><span class="phrase" onmousedown="swapFE()"
onmouseup="swapEF"></span></p>
I have also included my script for .js file used.
function setUpTranslation() {
var phrases = document.getElementsByTagName("p");
for (var i=0; i<phrases.length; i++){
phrases[i].childNodes[1].innerHTML=french[i];
}
}

function swapFE(e) {
var phrase =eventSource(e);
var phrasenum= parseInt(phrases.previousSibling().innerHTML);
phrase.innerHTML=english[phrasenum-1];
phrase.style.fontStyle ="normal";
phrase.style.color = "rgb(155, 102, 102)";
}

function swapEF(e) {
phrase =eventSource(e);
phrase.innerHTML=french[phrasenum-1];
phrase.style.fontStyle="italic";
phrase.style.fontcolor=black;
}

ASKER CERTIFIED SOLUTION

Michel Plungjan

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ASKER

function setUpTranslation() {
var phrases = document.getElementsByTagName ("p");
for (var i = 0; i < phrases.length; i++){
phrases[i].number = i;
phrases[i].childNodes[1].innerHTML = french[i];

phrases[i].onmousedown = function (swapEF) {
this.childNodes[1].innerHTML = english[this.number];
this.childNodes[1]. style.fontStyle = "normal";
this.childNodes[1].style.color = "rgb(255, 0, 0)";
}
phrases[i].onmouseup = function(swapFE) {
this.childNodes[1].innerHTML = french[this.number];
this.childNodes[1].style.fontStyle = "italic";
thischildNodes[1].style.color = "rgb(0, 0, 0)";
}
}
}

function swapFE(e) {
var phrase =eventSource(e);
if (IE) phrase.attachEvent("on" + mousedown, swapFE);
else if (DOM) phrase.addEventListener(onmousedown, swapFE, false);
var phrasenum= parseInt(phrases.previousSibling().innerHTML);
phrase.innerHTML.nodeValue = english[phrasenum - 1];
phrase.style.fontStyle ="normal";
phrase.style.color = "rgb(0, 0, 0)";
}

function swapEF(e) {
var phrase =eventSource(e);
if (IE) phrase.attachEvent("on" + mouseup, swapFE);
else if (DOM) phrase.addEventListener(onmouseup, swapFE, false);
var phrasenum = parseInt (phrase.innerHTML.previousSibling);
phrase.innerHTML.nodeValue = french [phrasenum - 1];
phrase.style.fontStyle="italic";
phrase.style.fontcolor="rgb(255, 0, 0);"
}