22-04-2011, 14:22
Chcę się upewnić, czy dobrze rozumiem działanie kodu...
Kod nie działa.
Po wprowadzeniu zmiennej
W pierwszym kodzie nie działało dlatego, że: na początku było margin: 20px i przy pomocy if zmienia się na margin: 400px, a drugi warunek jest spełniony i dlatego ma 20px, tak?
a w drugim kodzie: tutaj jakoś ciężko mi wytłumaczyć sobie. dzięki nowej utworzonej zmiennej ma możliwość sprawdzenie dwóch warunków?
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
<head>
<title>Akapit</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<script type="text/javascript">
function Pokaz()
{
var zmienna = document.getElementById('akapit');
if (zmienna.style.margin == "20px")
{
zmienna.style.margin = "400px";
}
if (zmienna.style.margin == "400px")
{
zmienna.style.margin = "20px";
}
}
</script>
</head>
<body>
<div>
<p id="akapit" style="margin: 20px;" onclick="Pokaz();">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque metus eros, rutrum at, hendrerit nec, posuere ac.</p>
</div>
</body>
</html>Kod nie działa.
Po wprowadzeniu zmiennej
Kod:
function Pokaz()
{
var zmienna = document.getElementById('akapit');
var margines = zmienna.style.margin
if (margines == "20px")
{
zmienna.style.margin = "400px";
}
if (margines == "400px")
{
zmienna.style.margin = "20px";
}
}W pierwszym kodzie nie działało dlatego, że: na początku było margin: 20px i przy pomocy if zmienia się na margin: 400px, a drugi warunek jest spełniony i dlatego ma 20px, tak?
a w drugim kodzie: tutaj jakoś ciężko mi wytłumaczyć sobie. dzięki nowej utworzonej zmiennej ma możliwość sprawdzenie dwóch warunków?
