Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.07.2016, 22:04
Интересующийся
Отправить личное сообщение для новый вася Посмотреть профиль Найти все сообщения от новый вася
 
Регистрация: 23.01.2015
Сообщений: 28

Поднять/Отпустить елементы
<script>
function gettop()
{
	var a = document.getElementById('div1').style.top;
	alert('a');
	if (a != 50px) {
		document.getElementById('div1').style.top = "50px";
		return false;
	} else {
		document.getElementById('div1').style.top = "150px";
		return false;}
}
</script>

<a href="" onclick="gettop();" style="position: absolute; top: 150px" id="div1">бла бла бла</a>


где ошибка подскажите почему не работает? по клику хочу поднять елемент на указааную высоту TOP а по второму клику опустить на ту высоту TOP которая была
Ответить с цитированием
  #2 (permalink)  
Старый 27.07.2016, 22:05
Интересующийся
Отправить личное сообщение для новый вася Посмотреть профиль Найти все сообщения от новый вася
 
Регистрация: 23.01.2015
Сообщений: 28

даже alert('a'); чето не выводит по клику (ето я так протестить вставил его там быть недолжно)
Ответить с цитированием
  #3 (permalink)  
Старый 27.07.2016, 22:07
Интересующийся
Отправить личное сообщение для новый вася Посмотреть профиль Найти все сообщения от новый вася
 
Регистрация: 23.01.2015
Сообщений: 28

<script>
function gettop()
{
	var a = document.getElementById('div1').style.top;
	if (a != '50px') {
		document.getElementById('div1').style.top = "50px";
		return false;
	} else {
		document.getElementById('div1').style.top = "150px";
		return false;}
}
</script>

<a href="" onclick="gettop();" style="position: absolute; top: 150px;" id="div1">бла бла бла</a>

так поменял начало блымать просто при клике
Ответить с цитированием
  #4 (permalink)  
Старый 27.07.2016, 22:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

новый вася,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>

<body>
<script>
function gettop()
{
  var a = document.getElementById('div1').style.top;
  if (a != '50px') {
    document.getElementById('div1').style.top = "50px";
  } else {
    document.getElementById('div1').style.top = "150px";
    }
    return false;
}
</script>

<a href="" onclick="return gettop();" style="position: absolute; top: 150px;" id="div1">бла бла бла</a>


</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 27.07.2016, 22:28
Профессор
Отправить личное сообщение для Царь Леонид Посмотреть профиль Найти все сообщения от Царь Леонид
 
Регистрация: 22.08.2013
Сообщений: 217

Новый вася, что значит "блымать"?
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<a href="" onclick="gettop(event);" style="position: absolute; top: 150px" id="div1">бла бла бла</a>
  <script>
    function gettop(e){
      e.preventDefault();
      var height = {
        a: '150px',
        b: '50px'
      }
      e.target.style.top == height.a ? 
        e.target.style.top = height.b :
        e.target.style.top = height.a 
    }
    
  </script>
</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 27.07.2016, 22:32
Интересующийся
Отправить личное сообщение для новый вася Посмотреть профиль Найти все сообщения от новый вася
 
Регистрация: 23.01.2015
Сообщений: 28

Ронни огромное спасибо =)
Ответить с цитированием
  #7 (permalink)  
Старый 29.07.2016, 00:01
Профессор
Отправить личное сообщение для warren buffet Посмотреть профиль Найти все сообщения от warren buffet
 
Регистрация: 08.07.2016
Сообщений: 1,332

Сообщение от Царь Леонид
блымать
Быдлокодеры набигают. )))
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как связать елементы some0ne Элементы интерфейса 7 09.01.2014 02:02
обернуть все елементы масива unsiker Events/DOM/Window 4 18.12.2012 02:33
Елементы по RegEx endryha Общие вопросы Javascript 1 03.03.2009 14:00