Опять про innerHTML (вторая попытка)

uefa · October 22, 2007

Уважаемые форумчане, простите за сумбур в поставленном вопросе первого поста. Сформулирую четче:

Есть тег

<div id="content">

</div>

в который нужно вставить следующий код:

<script type="text/javascript" src="http://www.mbovin.com/soccerdb/gettable.php?id=424&columns=pos,team,pts,wdl"></script>

Но "id=424" может принимать другие значения

<select id="lbFeeds" onChange="get_feed();">
<option value="424">Группа D</option>
<option value="425">Группа E</option>
<option value="426">Группа F</option>
...
</select>

Попытался составить функцию:

<script type="text/javascript">

function get_feed() {
	var s1 = "'"
	var s2 = "/";
	var beginLink = "<script type="+s1+"text/javascript"+s1+" src="+s1+"http://www.mbovin.com/soccerdb/gettable.php?id=";
	var endLink = "&columns=pos,team,pts,wdl"+s1+"><"+s2+"script>";
	document.getElementById("content").innerHTML = beginLink + document.getElementById("lbFeeds").value + endLink;
}

</script>

Но такая конструкция не работает.

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

Спасибо.

Emm · October 22, 2007

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1251">
  <title>Test Page...</title>
  <style type="text/css">
body { text-align:center; } 
#content {margin:100px auto;padding:5px;font:11px Verdana;text-align:center;border:1px solid rgb(255,102,0);width:770px;height:18px; }
  </style> 

  <script type="text/javascript" language="JavaScript">

  function get_feed() {

	var beginLink = "<script type='text/javascript' src='http://www.mbovin.com/soccerdb/gettable.php?id=";
	var endLink = "&columns=pos,team,pts,wdl'></script>";

  this.document.getElementById("content").innerHTML = beginLink + document.getElementById("lbFeeds").value + endLink;
}

  </script>

</head>
<body>

<select id="lbFeeds" onChange="get_feed();">
<option value="424">Группа D</option>
<option value="425">Группа E</option>
<option value="426">Группа F</option>

</select>

<div id="content"></div>

</body>
</html>

оно?

uefa · October 22, 2007

To Emm:

Спасибо большое. Все работает. Только хотелось бы, чтобы в теге

отображался не текст скрипта

Можно ли сделать так? Спасибо.

vasa_c · October 22, 2007

Осмелюсь кинуть ссылку на свой опус ? http://forum.pyha.ru/topic/174.0

Там внизу есть про document.write() и про то, почему у вас это работать не будет.

yopopt · October 22, 2007

Хм, позволил себе изменить код Emm:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1251">
  <title>Test Page...</title>
  <style type="text/css">
body { text-align:center; } 
#content {margin:100px auto;padding:5px;font:11px Verdana;text-align:center;border:1px solid rgb(255,102,0);width:770px;height:18px; }
  </style> 

  <script type="text/javascript" language="JavaScript">

  function get_feed() {

	var beginLink = "http://www.mbovin.com/soccerdb/gettable.php?id=";
	var endLink = "&columns=pos,team,pts,wdl";
	var content = document.getElementById("content");

	if (!content.getElementsByTagName('script')[0]) {
		content.appendChild(document.createElement('script'));
		content.getElementsByTagName('script')[0].type = "text/javascript";
	}
	content.getElementsByTagName('script')[0].src = beginLink + document.getElementById("lbFeeds").value + endLink;
}

  </script>

</head>
<body>

<select id="lbFeeds" onChange="get_feed();">
<option value="424">Группа D</option>
<option value="425">Группа E</option>
<option value="426">Группа F</option>

</select>

<div id="content"></div>

</body>
</html>

Правда работать он не будет. Ну или не должен. Копайте в сторону ajax.

Emm · October 22, 2007

даа.. а я то думал что нужно показать код... )) . чем глубже в лес инфы - тем меньше фантазии.. %)

uefa · October 23, 2007

Внял совету по поводу ajax. Получилось так:

  <meta http-equiv="content-type" content="text/html; charset=windows-1251">
  <title>Test Page...</title>
  <style type="text/css">
body { text-align:center; } 
#content {margin:100px auto;padding:5px;font:11px Verdana;text-align:center;border:1px solid rgb(255,102,0);width:770px;height:18px; }
  </style> 

  <script type="text/javascript" language="JavaScript">

 function getHTTPObject() { 
	if (typeof XMLHttpRequest != 'undefined') { 
		return new XMLHttpRequest(); 
	} else if (window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP"); 
	} else {
		return new ActiveXObject("Msxml2.XMLHTTP"); 
	}

}

function get_file (url) {

	var httpreq = getHTTPObject(  );
	var content = document.getElementById("content");

	//Precondition: must have a URL
	if (url == "") return;

	httpreq.open("GET", url, true);

	httpreq.onreadystatechange = function (  ) {
		if (httpreq.readyState == 4) {
		  if (httpreq.status == 200){
			var html = httpreq.responseText;
			content.innerHTML = html;
		} else {
			content.innerHTML = "Error: Status "+request.status;
		}


		}
	}

   httpreq.send ();
}

function get_url (  ) {

	var beginLink = "http://www.mbovin.com/soccerdb/gettable.php?id=";
	var endLink = "&columns=pos,team,pts,wdl";
	var url = beginLink + document.getElementById("lbFeeds").value + endLink;
	get_file (url);
}

  </script>

</head>
<body>

<select id="lbFeeds" onChange="get_url();">
<option value="424">Группа D</option>
<option value="425">Группа E</option>
<option value="426">Группа F</option>

</select>

<div id="content"></div>

</body>
</html>

И все равно не работает. Помогите разобраться. Спасибо.

yopopt · October 23, 2007

Файл, который Вы пытаетесь получить находится в том-же домене? Если нет, то браузеры не смогут его получить.

uefa · October 24, 2007

Файл, который Вы пытаетесь получить находится в том-же домене? Если нет, то браузеры не смогут его получить.

Нет. Файл из другого домена. Так что же, нет никаких вариантов это осуществить?

vasa_c · October 24, 2007

Так а что за сценарий подключается? Он в зависимости от селекта каждый раз разный?

Если нет, подключите как обычно, только внутри скрытого divа, а в нужный момент сделайте видимым.

Либо, если это разные ? создайте скрытый iframe, подгрузите в него страницу с подключаемым

uefa · November 1, 2007

Кстати, мой код в последнем сообщении работает (просто пытался запустить его из под Фронтпейджа, а в IE работает). Так что простите за беспокойство и спасибо.

Sign In

Опять про innerHTML (вторая попытка)

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information