javascript - 单击 php 中的脚本时,Elemente 将使其不可见

标签 javascript php css hide visibility

点击时不会出现德语,而是显示英语。如果单击英语,则会出现德语。我研究了隐藏、显示、可见部分。我什至写了一个 JavaScript 脚本,但它不起作用。目前,德语和英语似乎位于网站的一侧,但我希望仅单击德语和德语,并且德语页面将为英语。

<?php
 session_start();
 if($_GET['lang']) {
  $_SESSION['lang'] = $_GET['lang'];
header("Location:index.php"); 
   }
  if ($_SESSION['lang'] == "en") {
$lang= "en";
 }
  elseif ($_SESSION['lang'] == "gr") {
  $lang= "gr";
 }
else {
  $lang= substr($_SERVER['HTTP_ACCEPT_LANGUAGE'],0,2);
 }
include 'languages/'.$lang.'.php';
  ?>

<a href="?lang=gr" style="text-decoration:none;" title="German">
<strong>German</strong> </a>
<a href="?lang=en" style="text-decoration:none;" title="English"><strong>English</strong></a>

最佳答案

仅限 PHP (index.php)

<html>
    <body>
        <h1>My page</h1>
        <?php
            if(isset($_GET["lang"])){
                if($_GET["lang"] == "gr"){
                    echo '<a href="index.php?lang=en" style="text-decoration:none;" title="English"><strong>English</strong></a>';
                    /* include('gr_content.php'); */
                } else if($_GET["lang"] == "en"){
                    echo '<a href="index.php?lang=gr" style="text-decoration:none;" title="German"><strong>German</strong></a>';
                    /* include('en_content.php'); */
                } else {
                    echo 'no lang';
                }
            } else {
                echo '<a href="index.php?lang=en" style="text-decoration:none;" title="English"><strong>English</strong></a>';/* include("gr_content.php);*/

            }
        ?>
    </body></html>

仅限 JS

var dict = {
                "gr" : {"div1" : "german content 1", "div2" : "german content 2"},
                "eng" : {"div1" : "eng content 1", "div2" : "eng content 2"}
            };
            
            function displayer(lang){
                Object.keys(dict[lang]).forEach(function(k) {
                    document.getElementById(k).innerHTML = dict[lang][k];
                });
            }
            
            function grClick(){
                document.getElementById("gr").style.display = 'none';
                document.getElementById("eng").style.display = 'block';
                displayer("gr");
            }
            
            function engClick(){
                document.getElementById("gr").style.display = 'block';
                document.getElementById("eng").style.display = 'none';
                displayer("eng");
            }
            
            displayer("gr");
<html>
	<body>
	    <h1>My page</h1>
	    <a id="gr" href="#" style="text-decoration:none;display:none;" title="German" onclick="grClick()"><strong>German</strong></a>
        <a id="eng" href="#" style="text-decoration:none;" title="English" onclick="engClick()"><strong>English</strong></a>
        <div id="div1"></div><br>
        <div id="div2"></div>    
        </body>
</html>

关于javascript - 单击 php 中的脚本时,Elemente 将使其不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48582555/

相关文章:

php - 如何渲染ajax返回的文件

javascript - 在 WordPress 中添加带有简码的联系表单 ajax

html - 使用 css 反射(reflect) svg

javascript - JQuery 在克隆后包裹整个部分

html - CSS 背景图片未加载

javascript - player.stopVideo、player.playVideo 等在使用 youtube-api 进行事件函数调用之外无法工作

javascript - jquery 值不更新

javascript - 使用jquery打开弹出窗口时如何避免刷新页面或后退按钮点击?

javascript - 禁用容器内元素的所有操作

php - 几次连接后mysql连接时间太长