Простой Javascript, если проблема с оператором

-1

Я уверен, что решение явно очевидно, но я потратил час на это, так что очень ценю любую помощь!Простой Javascript, если проблема с оператором

Следующая Javascript предназначен, чтобы сделать DIV visiable и другой DIV невидим, если переменная LoggedIn = "истина":

/* Javascript */ 

function showArticle() 
{ 
document.getElementById('full').style.display = 'block'; 
document.getElementById('summary').style.display = 'none'; 
} 
var loggedin="true"; 
var owned="true"; 
if (loggedin="true") 
{ 
document.write("Logged In"); 
} 
if (owned="true") 
{ 
    showArticle(); 
}

<!-- HTML --> 
<div id="summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div> 

<div id="full" style="display:none;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur. 
<div>

Я правильно понял, что проблема связана с моим вызовом функции showArticle?

источник

2011-01-25 Jamie

Вы * в * Помните, что любой человек с минимальными техническими знаниями, сможет увидеть articlewithout быть авторизовано? –

Если это JavaScript, почему были помечены тегами [php], [mysql], [project-planning] и [спецификациями] ...? – BoltClock

Виктор, я знаю - эта система является просто доказательством концепции/прототипа, демонстрирующей функциональность :) – Jamie

Я скопировал свой код в текстовый файл и попробовал - и это была проблема.

Я положил javascript в теги скрипта над html.

<html> 
<body> 

<script> 
function showArticle() 
{ 
document.getElementById('full').style.display = 'block'; 
document.getElementById('summary').style.display = 'none'; 
} 
var loggedin="true"; 
var owned="true"; 
if (loggedin="true") 
{ 
document.write("Logged In"); 
} 
if (owned="true") 
{ 
    showArticle(); 
} 

</script> 

<!-- HTML --> 
<div id="summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div> 

<div id="full" style="display:none;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur. 
<div> 


</body> 
</html>

Это терпит неудачу, потому что, когда Javascript работает теги DIV не были добавлены к DOM, поэтому getElementById возвращает нуль. Я нашел это, используя отладку javascript в Firebug/Firefox.

Если я переместил javascript после html, он работает - поскольку DOM затем загружается с этими элементами.

<html> 
<body> 
<!-- HTML --> 
<div id="summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div> 

<div id="full" style="display:none;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur. 
<div> 

<script> 
function showArticle() 
{ 
document.getElementById('full').style.display = 'block'; 
document.getElementById('summary').style.display = 'none'; 
} 
var loggedin="true"; 
var owned="true"; 
if (loggedin="true") 
{ 
document.write("Logged In"); 
} 
if (owned="true") 
{ 
    showArticle(); 
} 

</script> 
</body> 
</html>

источник

2011-01-25 10:01:13

Awesome Chris! Это был трюк. Имеет смысл в ретроспективе – Jamie

Нет проблем - удачи в следующей задаче :) –

изменение = в ==, посмотрите на этой article (оператор яваскрипт)

if (loggedin=="true") 
..... 
if (owned=="true")

источник

2011-01-25 08:31:12

Использование '=' интерпретируется как оператор присваивания и присваивает переменную значение внутри предложения if и оценивает ее значение как логическое. Если вы назначаете «true», то if всегда будет работать. – Neil

Это должно быть if (a == b) и не if (a = b): последний присваивает значение b к переменным a (а затем использует значение b чтобы определить, следует ли запускать условие if, которое в вашем примере всегда имеет место).

источник

2011-01-25 08:33:23

вместо LoggedIn = "истинной" пишут как LoggedIn == "истинной"

источник

2011-01-25 08:37:40 Bibhaw

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

использование

document.getElementById('summary').innerHTML = '';

вместо

document.getElementById('summary').style.display = 'none';

источник

2011-01-25 08:53:40 Tarun

function showArticle() 
{ 
    document.getElementById('full').style.display = 'block'; 
    document.getElementById('summary').style.display = 'none'; 
} 
var loggedin = true; 
var owned = true; 
if (loggedin == true) 
{ 
    alert("Logged In"); 
} 
if (owned == true) 
{ 
    showArticle(); 
}

источник

2011-01-25 08:57:50

Спасибо за это Mattcha, но это if (принадлежит == true) {showArticle()} *, который все еще не работает. (т. е. если я помещаю document.write, он делает это, как и ожидалось, однако функция showArticle не работает.) – Jamie

Работал для меня (UPD):

<html> 
<head> 

<script type="text/javascript"> 
window.onload = function() { 
    function showArticle() 
    { 
     document.getElementById('full').style.display = 'block'; 
     document.getElementById('summary').style.display = 'none'; 
    } 

    var loggedin = true, owned = true; 

    if (loggedin == true) 
    { 
     document.write("Logged In"); 
    } 

    if (owned == true) 
    { 
     showArticle(); 
    } 
} 
</script> 
</head> 

<body> 
<!-- HTML --> 
<div id="summary">moo</div> 
<div id="full" style="display:none;">foo</div> 

</body> 
</html>

Итак, что было не так?

незакрытый <div> (вторая)
присвоения вместо сравнительных (= вместо ==)
строки вместо булевых ("true" против true)
сценария не имел типа (вы должны всегда устанавливать это только стандарт: <script type="text/javascript">)
скрипты должны быть в пределах <head> теги (это также стандарт)
вы пытаетесь получить доступ к объектам, когда они еще не были загружены

источник

2011-01-25 10:11:59 shybovycha

Простой Javascript, если проблема с оператором

ответ

Смежные вопросы