вывод текста - JavaScript, Ajax

JavScr · 17.12.2013, 19:04

как на javascript (не в файле .html) вывести текст в определенном месте и в зависимости от условий (например, от количества объектов в определенной зоне экрана) текст менялся?

Pyton · 17.12.2013, 21:09

Можно вот так - текст будет изменяться при нажатии на кнопку.

Код HTML:

<p id = 'simpleText'>  Плыло железное бревно </p>
<p> <button id = 'changeText'> Изменить текст </button> </p>

Код:

var simpleText = document.getElementById('simpleText');
var changeTextButton = document.getElementById('changeText');
changeTextButton.addEventListener('click', change, false);

function change()
{
      simpleText.textContent = 'Утонуло оно';
}

Обрати внимание, что addEventListener не кроссбраузерн, так же как и textContent(не работает в IE< 9).

Лубышев · 17.12.2013, 21:17

Я думаю вам стоит задачу поставить четче. Приведите пример что именно хотите сделать и при каких условиях

JavScr · 18.12.2013, 19:29

Цитата:

Сообщение от Лубышев

Я думаю вам стоит задачу поставить четче. Приведите пример что именно хотите сделать и при каких условиях

надеюсь благодаря рисунку будет немного понятнее. объекты, и функции перемещения реализованы

Pyton · 19.12.2013, 02:49

Уточните, куда и в каком виде должен выводиться текст на приведенной картинке?

JavScr · 19.12.2013, 07:51

Цитата:

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

Уточните, куда и в каком виде должен выводиться текст на приведенной картинке?

на прямоугольные объекты (обозначены красным цветом), в виде: что-то вроде счетчиков, подсчитывающих количество круглых объектов находится в данный момент в прямоугольном объекте

Лубышев · 20.12.2013, 11:49

Вот вам пример драгэнддропа на JQuery

Код:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

  <style>
  #droppable{ width: 200px; height: 200px; float: left; margin: 10px;  border:1px solid #000;}
  .draggable{ width: 20px; height: 20px; border-radius:10px;  float: left; margin: 10px 10px 10px 0; border:1px solid #000;}
  </style>
  <script>
 var counter = 0;
  $(function() {
    $( ".draggable" ).draggable();
    $( "#droppable" ).droppable({
		accept: ".draggable",
		out:function(event, ui){counter--;	$( this ).find( "p" ).html( "У меня всего кружочков: "+counter );},
		drop: function( event, ui ){counter++;	$( this ).find( "p" ).html( "У меня всего кружочков: "+counter );}
		
		});
  });
  </script>
</head>
<body>
 
<div class="draggable"></div>
<div  class="draggable"></div>
<div class="draggable"></div>
<div  class="draggable"></div>
<div class="draggable"></div>
<div  class="draggable"></div>
<div id="droppable">
  <p>Пока что я не содержу в себе кружочков</p>
</div>
 
 
</body>
</html>

Лубышев · 20.12.2013, 11:59

Цитата:

вывести текст в определенном месте и в зависимости от условий

if (условие)
{
$('.мой_блок').html('новый текст');
}

17.12.2013, 19:04	#1
JavScr Пользователь Регистрация: 12.11.2013 Сообщений: 39	вывод текста как на javascript (не в файле .html) вывести текст в определенном месте и в зависимости от условий (например, от количества объектов в определенной зоне экрана) текст менялся?

17.12.2013, 21:09	#2
Pyton Пользователь Регистрация: 18.12.2008 Сообщений: 47	Можно вот так - текст будет изменяться при нажатии на кнопку. Код HTML: <p id = 'simpleText'> Плыло железное бревно </p> <p> <button id = 'changeText'> Изменить текст </button> </p> Код: `var simpleText = document.getElementById('simpleText'); var changeTextButton = document.getElementById('changeText'); changeTextButton.addEventListener('click', change, false); function change() { simpleText.textContent = 'Утонуло оно'; }` Обрати внимание, что addEventListener не кроссбраузерн, так же как и textContent(не работает в IE< 9).

17.12.2013, 21:17	#3
Лубышев Участник клуба Регистрация: 23.07.2007 Сообщений: 1,054	Я думаю вам стоит задачу поставить четче. Приведите пример что именно хотите сделать и при каких условиях Писано по д'Эльфийски

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
C++ вывод текста	drukas	Общие вопросы C/C++	4	31.03.2013 17:57
Вывод текста.	glebast	Помощь студентам	4	11.02.2012 18:54
Вывод текста	)Игнат(	Общие вопросы Delphi	3	10.08.2010 09:51
Вывод текста	Aleksey1989	Помощь студентам	7	25.04.2010 16:52
C\|Вывод текста	Troi666	Помощь студентам	4	09.05.2009 01:31

19.12.2013, 02:49	#5
Pyton Пользователь Регистрация: 18.12.2008 Сообщений: 47	Уточните, куда и в каком виде должен выводиться текст на приведенной картинке?