Javascript.RU

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

Выдвигающийся блок
Если к то может, помогите решить простую задачу, но для меня сложную)
т.к. нигде не могу найти ответа(
Мне нужно сделать такое вот:
Кнопка "заказать" (с левой стороны сайта) наводишь на нее выдвигается окошко - форма заказа, наводишь ка кнопку "заказать" окошко постепенно заходит за пределы экрана и остается кнопка заказа.

Если в кратце то форму наверно нужно заключить в див и при наводки див постепенно меняет отступ слева из отрицательного к нулю и наоборот.

Буду безмерно рад вашей помощи!
Ответить с цитированием
  #2 (permalink)  
Старый 26.07.2011, 10:46
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

А с чего вы взяли что это просто?
Откуда?
__________________
.
Ответить с цитированием
  #3 (permalink)  
Старый 26.07.2011, 11:03
Новичок на форуме
Отправить личное сообщение для Sanas Посмотреть профиль Найти все сообщения от Sanas
 
Регистрация: 26.07.2011
Сообщений: 6

Ну может я ошибаюсь, но изменить отступ с 0 и обратно, не сложно, это можно сделать 1-2 функциями jquery, только вот как и какими( я не знаю.
Ответить с цитированием
  #4 (permalink)  
Старый 26.07.2011, 11:15
Новичок на форуме
Отправить личное сообщение для Sanas Посмотреть профиль Найти все сообщения от Sanas
 
Регистрация: 26.07.2011
Сообщений: 6

Вот после долгих поисков, почти достиг цели)
$(document).ready(function(){

    $("#right").click(function(){
      $(".block").animate({"left": "+=50px"}, "slow");
    });

    $("#left").click(function(){
      $(".block").animate({"left": "-=50px"}, "slow");
    });

  });

Но дело в том что если нажать второй раз, то окно уходит еще дальше( а мне нужно чтобы оно изменялось на +-50px только раз(
Ответить с цитированием
  #5 (permalink)  
Старый 26.07.2011, 11:19
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

$("#right").one("click",function(){
__________________
.
Ответить с цитированием
  #6 (permalink)  
Старый 26.07.2011, 11:34
Новичок на форуме
Отправить личное сообщение для Sanas Посмотреть профиль Найти все сообщения от Sanas
 
Регистрация: 26.07.2011
Сообщений: 6

Сообщение от Skipp Посмотреть сообщение
$("#right").one("click",function(){
А подскажите пожалуйста как сделать это все с одной кнопкой?
т.е. раз нажал, форма выехала, второй раз заехала.
Подскажите хотя бы где рыть Я сам дорою)
Ответить с цитированием
  #7 (permalink)  
Старый 26.07.2011, 12:13
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

Ну примерно так.
Проверяйте позицию, и в зависимости от неё двигайте, или в какую нибудь переменную или свойство или атрибут запихните значение типа show=true если показано и show=false если нет.
__________________
.
Ответить с цитированием
  #8 (permalink)  
Старый 26.07.2011, 12:29
Новичок на форуме
Отправить личное сообщение для Sanas Посмотреть профиль Найти все сообщения от Sanas
 
Регистрация: 26.07.2011
Сообщений: 6

Сделал так НО не работает, не подскажите в чем может быть ошибка?
$(document).ready(function(){
	$('.bk').hover(function () { 
		$('.block').toggle( function () {
		$(this).animate({'marginLeft':'0px'}, 2000);
    }, function () { 
      $(this).animate({'marginLeft':'-500px'}, 2000);

	})
	})
									
  });
Ответить с цитированием
  #9 (permalink)  
Старый 26.07.2011, 12:51
Новичок на форуме
Отправить личное сообщение для Sanas Посмотреть профиль Найти все сообщения от Sanas
 
Регистрация: 26.07.2011
Сообщений: 6

Сообщение от Skipp Посмотреть сообщение
А с чего вы взяли что это просто?
Откуда?
Теперь смогу точно ответить на Ваш вопрос:
т.к. я в жизни не видел JS и jq, но сделал все сам.
А вы занимаетесь JS и не смогли дать ответ на легчайший вопрос.
ответ должен быть таков:

"ИСПОЛЬЗУЙТЕ ФУНКЦИЮ toggle"

всем спасибо)
жаль почитав форум думал, он более активный(
Ответить с цитированием
  #10 (permalink)  
Старый 26.07.2011, 13:38
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

А и не говорил что это сложно, мне интересно откуда берётся такая информация, так как каждый второй который не знает язык пишет о том что это просто.
__________________
.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Показать/скрыть блок Lelja_05 jQuery 10 01.07.2013 20:05
Выдвигающийся блок jQuery 2GAR1N jQuery 2 14.07.2011 11:16
Блок как на Цетис Axios Элементы интерфейса 6 16.03.2011 23:36
Фиксированный блок kakarotto Элементы интерфейса 2 09.07.2010 00:20
Всплываюший блок! daron jQuery 5 14.05.2010 11:20