Форум

meucoz · #1 (**permalink**) 18.02.2016, 03:33

Здравствуйте!
Подскажите пожалуйста, как с помощью JS выдернуть информацию в определенные поля input?

Пример:
Есть ссылка

Код:

 http://site.ru/tet/1?reff=site2.ru/index.html&tltl=Готово&cmg=1

reff - в поле с id="reffin"
tltl - в id="tltlin"

AciDWarrioR · #2 (**permalink**) 18.02.2016, 09:04

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

reff - в поле с id="reffin"
tltl - в id="tltlin"

Вам вот это надо было? :

<!DOCTYPE html>
<html lang="en">
<head>
	<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<input id="reffin"></input>
	<input id="tltlin"></input>
	<button onclick="addInInput()">Нажать, добавить</button>
</body>
</html>
<script>
 	var link = "http://site.ru/tet/1?reff=site2.ru/index.html&tltl=Готово&cmg=1";
 	function addInInput(){
 		var piece = link.split('reff=');
 		var pieceShort1 = piece[1].split("&tltl=");
 		var pieceShort2 = pieceShort1[1].split("&");
 		$("#reffin").val(pieceShort1[0]);
 		$("#tltlin").val(pieceShort2[0]);
 	}
</script>

Но имейте ввиду, что этот код не гибкий. Он сработает если reff и tltl идут друг за другом.

ruslan_mart · #3 (**permalink**) 18.02.2016, 09:10

Нормальные люди это делают так (пример на PHP):

<input id="reffin" type="text" value="<?=htmlspecialcharses($_GET['reff'])?>">
<input id="tltlin" type="text" value="<?=htmlspecialcharses($_GET['tltl'])?>">

meucoz · #4 (**permalink**) 18.02.2016, 14:22

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

Вам вот это надо было? :

<!DOCTYPE html>
<html lang="en">
<head>
	<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<input id="reffin"></input>
	<input id="tltlin"></input>
	<button onclick="addInInput()">Нажать, добавить</button>
</body>
</html>
<script>
 	var link = "http://site.ru/tet/1?reff=site2.ru/index.html&tltl=Готово&cmg=1";
 	function addInInput(){
 		var piece = link.split('reff=');
 		var pieceShort1 = piece[1].split("&tltl=");
 		var pieceShort2 = pieceShort1[1].split("&");
 		$("#reffin").val(pieceShort1[0]);
 		$("#tltlin").val(pieceShort2[0]);
 	}
</script>

Но имейте ввиду, что этот код не гибкий. Он сработает если reff и tltl идут друг за другом.

Спасибо, почти то, что хотел

Только не пойму теперь, как сделать все тоже самое, но без кнопки. чтобы скрипт сам выдернул информацию и вставил ее в поля.
возможно такое?

AciDWarrioR · #5 (**permalink**) 18.02.2016, 14:25

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

Только не пойму теперь, как сделать все тоже самое, но без кнопки. чтобы скрипт сам выдернул информацию и вставил ее в поля.
возможно такое?

повесить на body onload=function()

<!DOCTYPE html>
<html lang="en">
<head>
	<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body onload='addInInput()'>
	<input id="reffin"></input>
	<input id="tltlin"></input>
</body>
</html>
<script>
 	var link = "http://site.ru/tet/1?reff=site2.ru/index.html&tltl=Готово&cmg=1";
 	function addInInput(){
 		var piece = link.split('reff=');
 		var pieceShort1 = piece[1].split("&tltl=");
 		var pieceShort2 = pieceShort1[1].split("&");
 		$("#reffin").val(pieceShort1[0]);
 		$("#tltlin").val(pieceShort2[0]);
 	}
</script>

meucoz · #6 (**permalink**) 18.02.2016, 18:32

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

повесить на body onload=function()

<!DOCTYPE html>
<html lang="en">
<head>
	<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body onload='addInInput()'>
	<input id="reffin"></input>
	<input id="tltlin"></input>
</body>
</html>
<script>
 	var link = "http://site.ru/tet/1?reff=site2.ru/index.html&tltl=Готово&cmg=1";
 	function addInInput(){
 		var piece = link.split('reff=');
 		var pieceShort1 = piece[1].split("&tltl=");
 		var pieceShort2 = pieceShort1[1].split("&");
 		$("#reffin").val(pieceShort1[0]);
 		$("#tltlin").val(pieceShort2[0]);
 	}
</script>

Да, все круто! Спасибо

Если добавляю еще "&img=" например, то он обрезает после "img" нее, а после не выдерает

Код:

var piece = link.split('url=');
 		var pieceShort1 = piece[1].split("&tltl=");
 		var pieceShort2 = pieceShort1[1].split("&");
	        var pieceShort3 = piece[1].split("&img=");
	        var pieceShort4 = pieceShort3[1].split("&");
 		$("#domain").html(decodeURIComponent(pieceShort1[0]));
 		$("#title").html(decodeURIComponent(pieceShort2[0]));
	        $("#cont").html(decodeURIComponent(pieceShort3[0]));

AciDWarrioR · #7 (**permalink**) 18.02.2016, 18:34

meucoz,
Скиньте всю ссылку

meucoz · #8 (**permalink**) 18.02.2016, 18:42

Все, разобрался

AciDWarrioR · #9 (**permalink**) 18.02.2016, 18:44

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

Если добавляю еще "&img=" например, то он обрезает после "img" нее, а после не выдерает

<!DOCTYPE html>
<html lang="en">
<head>
	<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body onload='addInInput()'>
	<input id="reffin"></input>
	<input id="tltlin"></input>
	<input id="urlin"></input>
</body>
</html>
<script>
 	var link = "http://site.ru/tet/1?reff=site2.ru/index.html&tltl=Готово&cmg=1&url=asdasdasd";
 	function addInInput(){
 		var piece = link.split('reff=');
 		var pieceShort1 = piece[1].split("&tltl=");
 		var pieceShort2 = pieceShort1[1].split("&");
 		var pieceShort3 = pieceShort2[2].split("url=");
 		$("#reffin").val(pieceShort1[0]);
 		$("#tltlin").val(pieceShort2[0]);
 		$("#urlin").val(pieceShort3[1]);
 		alert(pieceShort3[1]);
 	}
</script>

На будущее, проверяйте alert, что выдает, так будет легче разобраться)))

Форум

Справочник

Discord чат

Курсы javascript