Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Передача данных из javascript в html (https://javascript.ru/forum/dom-window/55995-peredacha-dannykh-iz-javascript-v-html.html)

Doraemon 24.05.2015 23:55

Передача данных из javascript в html
 
Всем привет!
Целый день ломаю голову над кодом. В частности, не выходит у меня вывести результаты переменных в тело. Я гуглю уже целый день, но решения, которое бы мне подходило так и не нашлось :(

<html>
<head>
<meta charset="utf-8"/>
		<title>Homework 1(page 2) </title>
		<style>
			
			div#problemArea {border:solid 2px red; margin:7px; 
				padding:5px;
				background-color:#000000;
				color: white;
				float:left;
				width:40%;} 
				</style>
<script language="javascript">

function getitall(VarSearch){

	var SearchString = window.location.search.substring(1);

	var VariableArray = SearchString.split('&');

	for(var i = 0; i < VariableArray.length; i++){

		var KeyValuePair = VariableArray[i].split('=');
		

		if(KeyValuePair[0] == VarSearch){

			return KeyValuePair[1];

		}
		

	}

}
var name=getitall('fullname');
var email=getitall('Email');
var job=getitall('fullname');
var problem=getitall('problem');
var product=getitall('product');
var text=getitall('myTextBox');    

//document.getElementById("demo").innerHTML = name;     
</script>
</head>
<body>

<h1>Complaint form</h1>

 <div id="problemArea">The form input<br/>------------------- <br/>

 </div>

      
</body>
</html>


Если коротко, код тянет из ссылки значения и потом их выводит в div.
Pls,pls, help!:cray:

Vlasenko Fedor 25.05.2015 00:07

function _get(key) {
    var uri = location.search, __GET = {}, q;
    if (uri) {
        var arr = uri.slice(1).split('&');
        for (var i = 0; i < arr.length; i++) {
            if (q = arr[i].split('='))
                __GET[q[0]] = decodeURIComponent(q[1]) || null;
        }
    }
    return key
            ? __GET.hasOwnProperty(key) ? __GET[key] : null
            : __GET;
}
alert(_get('fullname'));

Doraemon 25.05.2015 00:19

Спасибо за быстрый ответ!
Меня устраивает моя функция и мне крайне важно, чтобы результаты отображались внутри div в html, поэтому любое решение с alert мне не подходит.

рони 25.05.2015 00:28

Цитата:

Сообщение от Doraemon
поэтому любое решение с alert мне не подходит.

абалдеть!!!:cray: вам дали ключ с презентацией, ваш ответ мне бы своим открыть и мне бы без демонстрации, что ключ может открывать.

Doraemon 25.05.2015 00:33

Я не совсем поняла, что вы имеете ввиду. Однако хочу заметить, что если бы alert меня бы устраивало, я бы не задавала бы этот вопрос.

Vlasenko Fedor 25.05.2015 00:35

window.onload = function(){
    document.getElementById("demo").innerHTML = 'Иван';
};

вы хотите назначить значение элементу который еще не загрузился

рони 25.05.2015 00:37

Doraemon,
строка 44 вашего кода должна работать с существующим элементом -- то есть стоять после элемента с которым она работает -- либо в window.onload весь ваш код

рони 25.05.2015 00:38

:-? demo или problemArea

Doraemon 25.05.2015 00:43

Эта строка комметарев, одна из неудачных попыток заставить это работать.
Не могли бы вы немного поподробнее объяснить мне в чем таки дело.

Vlasenko Fedor 25.05.2015 00:46

Doraemon,
Цитата:

Сообщение от Poznakomlus
вы хотите назначить значение элементу который еще не загрузился

Цитата:

Сообщение от рони
в window.onload весь ваш код

вы хоть читайте, что вам пишут и на примеры смотрите


Часовой пояс GMT +3, время: 12:16.