Показать и скрыть с помощью кнопок не работает

Question

Показать и скрыть с помощью кнопок не работает

0

Хорошо, я пытался исправить этот код и искать его больше, чем 6 часов, и это убивает меня

Я пытаюсь скрыть таблицу входа и связанное с ней фоновое изображение (это #lg #ck) и поместить кнопку вверху, где находится таблица входа, когда она нажата, она покажет таблица входа

<?php

require_once( 'inc/header.inc.php' );

require_once( BX_DIRECTORY_PATH_INC . 'design.inc.php' );

require_once( BX_DIRECTORY_PATH_INC . 'db.inc.php' );

require_once( BX_DIRECTORY_PATH_INC . 'profiles.inc.php' );


check_logged();

if(!isMember()) {
echo '<body style="margin:0;">

<div style="margin:0 auto" align=center>

    <form onsubmit="validateLoginForm(this); return false;" method="post" action="member.php" id="login_box_form">

        <table id="ck">

            <tbody>

                <tr>
                    <td width="180">Name</td>

                    <td width="150">Code</td>

                    <td width="50">&nbsp;</td>
                </tr>
                <tr>
                    <td width="180"><input style="width:180px;" name="ID" type="text"></td>

                    <td width="180"><input style="width:180px;"name="Password" type="password"></td>

                    <td><input name="LogIn" type="submit" tabindex="3" value="Login"></td>

                </tr>

                <tr>
                    <td width="180"><input type="checkbox" name="rememberMe"> Keep me logged in</td>

                    <td width="180"><a href="forgot.php">Forgot password?</a></td>

                    <td width="50">&nbsp;</td>

                </tr>

            </tbody>

        </table>

    </form>

</div>

<div style="width:100%;height:20px;clear:both;"></div>

<div style="width:100%;height:600px;padding-left:40px;padding-right:40px;padding-top:20px;">';

}

else {
header("Location: index.php");
}

?>
<!DOCTYPE html>
<html>
<head>
<title>Nox Ark</title>
</head>
<body id="lg"> <p class="bt"></p>
</div>
</p>
<style media="screen" type="text/css">

html { 
  background: url(../img/bil.jpg)no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:hidden;

}
#ck {
    width:450px; 
    border: 5px; 
    align:center; 
    cellpadding= 0px; 
    cellspacing= 1px; 
    padding-left:1100px;
    padding-top:500px; 

    }
#lg {
    background-image:url(../img/nbt.png);
    background-repeat:no-repeat;
    background-position: 1220px 380px;
    }
.bt {


</style>

</body>
</html>

<?php


?>

и вот код, который кто-то предложил, но я понятия не имею, где его разместить.

<div id="ONE"><input type="button" value="Login" onClick="hideID('ONE');showID('TWO');" /></div>
<div id="TWO" style="display:none"><table cellspacing="0" cellpadding="0" align="center"><tr><td colspan="2"><h1>Login</h1></td></tr><tr><td>password:</td><td><input type="text" /></td></tr><tr><td>username:</td><td><input type="text" /></td></tr><tr><td colspan="2"><input type="submit" value="login" /></td></tr></table></div>
<script>
function hideID(objID){var element=(ie)?document.all(objID):document.getElementById(objID);element.style.display="none"}function showID(objID){var element=(ie)?document.all(objID):document.getElementById(objID);element.style.display="block"};
</script>

Поэтому я поставил

'<?php

require_once( 'inc/header.inc.php' );

require_once( BX_DIRECTORY_PATH_INC . 'design.inc.php' );

require_once( BX_DIRECTORY_PATH_INC . 'db.inc.php' );

require_once( BX_DIRECTORY_PATH_INC . 'profiles.inc.php' );


check_logged();

if(!isMember()) {
echo '<body style="margin:0;">

<div style="margin:0 auto" align=center>

    <form onsubmit="validateLoginForm(this); return false;" method="post" action="member.php" id="login_box_form">

        <table id="ck">

            <tbody>

                <tr>
                    <td width="180">Name</td>

                    <td width="150">Code</td>

                    <td width="50">&nbsp;</td>
                </tr>
                <tr>
                    <td width="180"><input style="width:180px;" name="ID" type="text"></td>

                    <td width="180"><input style="width:180px;"name="Password" type="password"></td>

                    <td><input name="LogIn" type="submit" tabindex="3" value="Login"></td>

                </tr>

                <tr>
                    <td width="180"><input type="checkbox" name="rememberMe"> Keep me logged in</td>

                    <td width="180"><a href="forgot.php">Forgot password?</a></td>

                    <td width="50">&nbsp;</td>

                </tr>

            </tbody>

        </table>

    </form>

</div>

<div style="width:100%;height:20px;clear:both;"></div>

<div style="width:100%;height:600px;padding-left:40px;padding-right:40px;padding-top:20px;">';

}

else {
header("Location: index.php");
}

?>
<!DOCTYPE html>
<html>
<head>
<title>Nox Ark</title><div id="ONE"><input type="button" value="Login" onClick="hideID('ONE');showID('TWO');" /></div>
<div id="TWO" style="display:none"><table cellspacing="0" cellpadding="0" align="center"><tr><td colspan="2"><h1>Login</h1></td></tr><tr><td>password:</td><td><input type="text" /></td></tr><tr><td>username:</td><td><input type="text" /></td></tr><tr><td colspan="2"><input type="submit" value="login" /></td></tr></table></div><script>function hideID(objID) {
    var element = (ie) ? document.all(objID) : document.getElementById(objID);
    element.style.display = "none";
}

function showID(objID) {
    var element = (ie) ? document.all(objID) : document.getElementById(objID);
    element.style.display = "block";
}</script>
</head>
<body id="lg"> <p class="bt"></p>
</div>
</p>
<style media="screen" type="text/css">

html { 
  background: url(../img/bil.jpg)no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:hidden;

}
#ck {
    width:450px; 
    border: 5px; 
    align:center; 
    cellpadding= 0px; 
    cellspacing= 1px; 
    padding-left:1100px;
    padding-top:500px; 

    }
#lg {
    background-image:url(../img/nbt.png);
    background-repeat:no-repeat;
    background-position: 1220px 380px;
    }
.bt {


</style>

</body>
</html>

<?php


?>'

И это показывает только кнопку входа с левой стороны и там предыдущая таблица входа в правой части (которую я пытаюсь скрыть). Кнопка входа в систему на левой стороне не делает ничего, что щелкнуло. Я бы очень признателен, если вы, ребята, можете мне помочь в этом, я даже не думаю, что смогу это сделать, посмотрев учебники. SAVE ME; _;

user3050506 29 нояб. 2013, в 20:56

Источник

4

Пожалуйста, оставьте свой код, вместо того, чтобы рисовать смайлик.
Rajaprabhu Aravindasamy 29 нояб. 2013, в 19:51
1

может быть на jsFiddle?
Hrvoje Golcic 29 нояб. 2013, в 19:52
0

Я понимаю, что вы пытаетесь сделать, но что происходит в настоящее время?
Zarathuztra 29 нояб. 2013, в 19:52
0

Ничего не происходит, потому что когда я размещаю код, появляется окно входа в систему, но оно ничего не делает при нажатии.
user3050506 01 дек. 2013, в 04:30

Показать ещё 2 комментария

Теги:

php

javascript

jquery

button

show-hide

1 ответ

Ещё вопросы

Пожалуйста, оставьте свой код, вместо того, чтобы рисовать смайлик.
Я понимаю, что вы пытаетесь сделать, но что происходит в настоящее время?
Ничего не происходит, потому что когда я размещаю код, появляется окно входа в систему, но оно ничего не делает при нажатии.

David · Answer 1 · 2013-11-29T17-00-00.000Z

Я бы сделал следующее:

<div id="ONE"><input type="button" value="Login" onClick="hideID('ONE');showID('TWO');" /></div>
<div id="TWO" style="display:none"><table cellspacing="0" cellpadding="0" align="center"><tr><td colspan="2"><h1>Login</h1></td></tr><tr><td>password:</td><td><input type="text" /></td></tr><tr><td>username:</td><td><input type="text" /></td></tr><tr><td colspan="2"><input type="submit" value="login" /></td></tr></table></div>

С JavaScript:

function hideID(objID) {
    var element = (ie) ? document.all(objID) : document.getElementById(objID);
    element.style.display = "none";
}

function showID(objID) {
    var element = (ie) ? document.all(objID) : document.getElementById(objID);
    element.style.display = "block";
}

Надеюсь, поможет!

Здравствуй! спасибо за быстрый ответ: D !! но куда мне это положить?
<script> js </ script> в <head> или где угодно,
Должен ли я удалить что-либо в моем исходном коде?
Я попытался положить все в голову, но это показывало только кнопку входа, которая ничего не делала. Предыдущая таблица входа в систему все еще там, и когда я нажимаю на нее, ничего не происходит.