Форум

РустамRu · #1 (**permalink**) 10.02.2015, 10:18

Добрый день, возник следующий вопрос. Хочу сделать показ кнопки по условию, например: на странице есть блок <div id="status">Свободно, забронировано</div> и есть кнопка <div id="bottom">Подробнее</div>, так вот думаю сделать чтобы при значение в первом блоке "свободно", кнопка появлялась, и наоборот при значении "забронировано" кнопка исчезала. Кто может показать как это реализовать, или может скинуть пример, буду вам благодарен. Спасибо!

ksa · #2 (**permalink**) 10.02.2015, 11:28

Сообщение от РустамRu

на странице есть блок <div id="status">Свободно, забронировано</div> и есть кнопка <div id="bottom">Подробнее</div>

Как именно они расположены на той странице?
Т.е. знание о их каком-то "существовании" на странице явно мало...

РустамRu · #3 (**permalink**) 10.02.2015, 11:33

<div class="opisanie">
<small>Статус</small><div id="status"><big >Свободна</big></div>
</div>

<div id="botton">
	<a class="show_popup" rel="forma" href="#"></a>
</div>

попробовал сделать так:

<script>
      $('status').each(function(){
	var x = $(this).text();
    if (x = Забронирована) $('botton').css({display: 'none'});
	});
  </script>

но не работает

рони · #4 (**permalink**) 10.02.2015, 11:55

Сообщение от РустамRu

if (x = Забронирована)

чего то в супе не хватает ?!

РустамRu · #5 (**permalink**) 10.02.2015, 12:01

это понятно

рони · #6 (**permalink**) 10.02.2015, 12:20

Сообщение от РустамRu

if (x == "Забронирована") $('#botton').css({display: 'none'});

Сообщение от РустамRu

$('#status')

РустамRu · #7 (**permalink**) 10.02.2015, 12:25

все равно не работает(

рони · #8 (**permalink**) 10.02.2015, 12:35

Сообщение от РустамRu

все равно не работает(

ой

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var x = $("#status").text();
       if (x == "Забронирована") $('#botton').css({display: 'none'});
});


  </script>
</head>

<body>  <div class="opisanie">
<small>Статус</small><div id="status"><big >Забронирована</big></div>
</div>

<div id="botton">
	<a class="show_popup" rel="forma" href="#">ОЙ</a>
</div>


</body>

</html>

РустамRu · #9 (**permalink**) 10.02.2015, 12:49

вот теперь все работает, спасибо!!!

РустамRu · #10 (**permalink**) 10.02.2015, 12:56

а вот смотрите, если допустим при данном условии изменить цвет шрифта, будет так:

if (x == "Забронирована") $('#botton-page').css({color: '#e10f10'});

или можно так

if (x == "Забронирована") $('#botton-page').css({display: 'none',color: '#e10f10'});

?

Форум

Справочник

Discord чат

Курсы javascript