Форум

Vasy · #11 (**permalink**) 24.04.2013, 17:18

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

И у меня вопрос,ваш код больше по размерам,не компактен и тому подобное .Чем вам непонравилось вместо этого

var Flip;
$(document).ready(function(){
    Flip = function ()
        {
       var el = $("#id5");
       console.log(el)
 
       $(el).flip(

Использовать это

$("#id5").flip

И почему-то у меня не работает,ваш вариант...Вы уверены что сдесь

<div id="id5"  onclick="Flip()">Что-то</div>

Должно быть onclick="Flip()"?

skrudjmakdak · #12 (**permalink**) 24.04.2013, 17:22

уже ответил.. смотрите выше..

skrudjmakdak · #13 (**permalink**) 24.04.2013, 17:22

могу еще раз отослать, вот:

<!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">
<head>

<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery.flip.js" type="text/javascript"></script>
<script src="jquery.flip.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>


<script type="text/javascript">
var Flip;
$(document).ready(function(){
var el = $("#id5");

Flip = function ()
	{
    $(el).flip(
		{
		direction:"rl",
		color:"green",
		speed: 150,
		content: 'новый текст',
		onEnd: function()
			{
			console.log(1)
			setTimeout(function()
				{
				$(el).flip(
					{
					direction:"lr",
					content:'перевернулись второй раз',
					speed:600,
					color:"red"
					});
				},1);
			}
		});
	}
});
</script>

</head>

<body>

<div id="id5"  onclick="Flip()">Что-то</div>

</body>
</html>

Vasy · #14 (**permalink**) 24.04.2013, 17:25

Прикольно спасибо понял в чем изначально ошибался,очень помогли.
Но теперь оно как-бы поворачиваетса само ,а не по повторному нажатию(((

skrudjmakdak · #15 (**permalink**) 24.04.2013, 17:28

циклом что ли? да очень просто:

var Flip;
$(document).ready(function(){
var el = $("#id5");

Flip = function ()
	{
    $(el).flip(
		{
		direction:"rl",
		color:"green",
		speed: 150,
		content: 'новый текст',
		onEnd: function()
			{
			console.log(1)
			setTimeout(function()
				{
				$(el).flip(
					{
					direction:"lr",
					content:'перевернулись второй раз',
					speed:600,
					color:"red"
					});
				},1);
			}
		});
	}
setInterval(Flip, 4000);
});

skrudjmakdak · #16 (**permalink**) 24.04.2013, 17:32

или так:

var Flip;
var flag = true;
$(document).ready(function(){
var el = $("#id5");

Flip = function ()
	{
    if (flag)
		{
		$(el).flip(
			{
			direction:"rl",
			color:"green",
			speed: 150,
			content: 'новый текст'
			});
		}
	else
		{
		$(el).flip(
			{
			direction:"lr",
			content:'перевернулись второй раз',
			speed:600,
			color:"red"
			});
		}
	flag = !flag;
	}
});

Vasy · #17 (**permalink**) 24.04.2013, 17:37

Сообщение от skrudjmakdak

или так:

var Flip;
var flag = true;
$(document).ready(function(){
var el = $("#id5");

Flip = function ()
	{
    if (flag)
		{
		$(el).flip(
			{
			direction:"rl",
			color:"green",
			speed: 150,
			content: 'новый текст'
			});
		}
	else
		{
		$(el).flip(
			{
			direction:"lr",
			content:'перевернулись второй раз',
			speed:600,
			color:"red"
			});
		}
	flag = !flag;
	}
});

Спасибо вы очень помогли,я как раз подумал что нужно условие про нажатие по полю.Спасибо вам большое

Vasy · #18 (**permalink**) 24.04.2013, 18:34

и всетаки обьясните пожалуста каков смысл выражения?

$(this)

tsigel · #19 (**permalink**) 24.04.2013, 19:57

Сообщение от Vasy

и всетаки обьясните пожалуста каков смысл выражения?

$(this)

Это jQuery объект в который передан this

skrudjmakdak · #20 (**permalink**) 24.04.2013, 20:45

про this. если говорить о чистом js без jquery. то это "текущий объект".
например:
<input type="button" value="нажми меня" id="button" onclick="document.getElementById('button').value = 'кнопка';">
document.getElementById('button') то вот этим методом ищется элемент с id равным 'button', и после того как найдет ему присваевается значение 'кнопка'

но можно поступить и иначе.. если мы хотим произвести изменения(или получить значение) на том же объекте, то можно воспользоватся this
вот пример:
<input type="button" value="нажми меня" id="button" onclick="this.value = 'пнопка';">

Форум

Справочник

Discord чат

Курсы javascript