Can I use onclick for a second event?

StackOverflow https://stackoverflow.com/questions/22536814

题

I want to use onclick() to translate my website into french. Then I would like to use the same method to translate back in English.

Here is the code. Any idea ? Thanks !

<html>
<head><title>Test Translate</title>

<script language="JavaScript">

function TranslateToFrench()
{
    MyText.innerText = "Ceci est un texte en Français.";
    languageBox.innerText = "English";
}

function TranslateToEnglish()
{
    MyText.innerText = "This is a text in English.";
    languageBox.innerText = "Français";
}

</script>

</head>

<body>

    <h3 id="languageBox" align="right" onclick="TranslateToFrench()">Français</h3>   

    <p id="MyText">This is a text in English.</p>

</body>

</html>
有帮助吗？

解决方案 

<html>
<head><title>Test Translate</title>

<script>

var app = 0;

function Translate()

   if(app == 0){
        app = 1;
        TranslateToFrench();

   }else{
        app = 0;
        TranslateToEnglish();
   }
}

function TranslateToFrench()
{
    MyText.innerText = "Ceci est un texte en Français.";
    languageBox.innerText = "English";
}

function TranslateToEnglish()
{
    MyText.innerText = "This is a text in English.";
    languageBox.innerText = "Français";
}

</script>

</head>

<body>

    <h3 id="languageBox" align="right" onclick="Translate()">Français</h3>   

    <p id="MyText">This is a text in English.</p>

</body>

</html>

其他提示

Just check h3 elements innerText and on that call the proper function

Try:

function TranslateToFrench()
{
    if(languageBox.innerText==="Français"){    
        MyText.innerText = "Ceci est un texte en Français.";
        languageBox.innerText = "English";}
    else{
        TranslateToEnglish();
    }
}

function TranslateToEnglish()
{
    MyText.innerText = "This is a text in English.";
    languageBox.innerText = "Français";
}

DEMO

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top