Pagina 1 din 1

Preluare date din link / Adaugare cod HTML in casuta input

Scris: Joi Iun 27, 2013
de alexinio3d
Salutare.
Am nevoie de ajutorul vostru pentru 2 probleme .
1. Cum as putea sa culeg date din link ?
Adica am urmatorul link:

Cod: Selectaţi tot

siteult-tau.ro/server.php?s=1&banner=1
Si as vrea sa folosesc ce este dupa acea bucata 's=1' in linkul care se va creea dupa alegerea din lista .

2. Cum pot face sa-mi ramana intact codul html in input ?
Am incercat intr-un fel, dar i-mi arata precum se vede in imaginea de la adresa asta:
imageshack.us/photo/my-images/825/is7m.png/

Codul e urmatorul :

Cod: Selectaţi tot

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<!-- Link-uri -->
	<link href="../css/bootstrap.css" rel="stylesheet" media="screen">
	<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<!-- Scripting -->
	<script src="../js/bootstrap.min.js"></script>
	<script src="../js/jquery.js"></script>
</head>
<body>
<div></div><br />
<b>Banner : </b>
<select id="sweets" name="sweets">
<option selected="selected">default_small</option>
<option>default_small_blue</option>
<option>default_small_green</option>
<option>default_small_red</option>
<option>default_small_orange</option>
</select>
<script>
// Etrage date din adresa URL. De la: https://marplo.net/javascript/
// Returneaza un obiect cu parti din adresa URL:
// protocol, nume domeniu (fara 'www'), port, cale paagina, nume fisier, partea de cautare si hash
function urlData(url) {
  // obiect pt datele ce vor fi returnate
  var redata = {protocol: '', domain: '', port: 80, path: '', file: '', search: '', hash: ''};

  // creaza un element link si adauga adresa url in atributul "href"
  var a_elm  = document.createElement('a');
  a_elm.href = url;

  // adauga datele din URL in obiectul redata, si-l returneaza
  redata.protocol = a_elm.protocol.replace(':', '');
  redata.domain = a_elm.hostname.replace('www.', '');
  if(a_elm.port != '') redata.port = a_elm.port;
  redata.path = a_elm.pathname;
  if(a_elm.pathname.match(/[^\/]+[\.][a-z0-9]+$/i) != null) redata.file = a_elm.pathname.match(/[^\/]+[\.][a-z0-9]+$/i);
  redata.search = a_elm.search.replace('?', '');
  redata.hash = a_elm.hash.replace('#', '');
  return redata;
}

// Test
var url = window.location;
var urlOb = urlData(url);
$("select").change(function () {
var str = "";
$("select option:selected").each(function () {
str += "<img src=\"http://www." + urlOb.domain + "/lgsl_files/images/source/" + $(this).html() + ".png\" /><br /><input class=\"input-xxlarge\" readonly='readonly' size='55' onclick='select()' type=\"text\" value=\"<a href=\"http://www."+ urlOb.domain +"/server.php?s=1\" target=\"_blank\" ><img src=\"http://www."+ urlOb.domain +"/lgsl_files/lgsl_image.php?s=1&type=small\" /></a>\" />";
});
$("div").html(str);
})
.change();
</script>
</body>
</html>

Preluare date din link / Adaugare cod HTML in casuta input

Scris: Vin Iun 28, 2013
de MarPlo
Salut
Functia din cod, urlData() returneaza un obiect cu date din adresa URL, printre care, elementul "search" contine datele de dupa "?" pana la eventual "#". Cu split('&') poti separa intr-un array acele date.
Exemplu:

Cod: Selectaţi tot

<script>
// Etrage date din adresa URL. De la: https://marplo.net/javascript/
// Returneaza un obiect cu parti din adresa URL:
// protocol, nume domeniu (fara 'www'), port, cale paagina, nume fisier, partea de cautare (search) si hash
function urlData(url) {
  // obiect pt datele ce vor fi returnate
  var redata = {protocol: '', domain: '', port: 80, path: '', file: '', search: '', hash: ''};

  // creaza un element link si adauga adresa url in atributul "href"
  var a_elm  = document.createElement('a');
  a_elm.href = url;

  // adauga datele din URL in obiectul redata, si-l returneaza
  redata.protocol = a_elm.protocol.replace(':', '');
  redata.domain = a_elm.hostname.replace('www.', '');
  if(a_elm.port != '') redata.port = a_elm.port;
  redata.path = a_elm.pathname;
  if(a_elm.pathname.match(/[^\/]+[\.][a-z0-9]+$/i) != null) redata.file = a_elm.pathname.match(/[^\/]+[\.][a-z0-9]+$/i);
  redata.search = a_elm.search.replace('?', '');
  redata.hash = a_elm.hash.replace('#', '');
  return redata;
}

// Utilizare urlData()
var url = window.location;
var urlOb = urlData(url);
var dataurl = urlOb.search.split('&');

// Daca URL e : "siteult-tau.ro/server.php?s=1&banner=1" , dataurl[0] are: s=1 , iar dataurl[1] are: banner=1
// Test
alert(dataurl[1]);

// Pentru a prelua valoarea de dupa "=" de la 'banner=1'
var baner = dataurl[1].split('=');
// baner[1] contine valoarea de dupa '=' (1)
// Test
alert(baner[1]);
</script>
2. La adaugarea codului html la "value" din casuta input din codul tau e problema la ghilimele. Incearca asa:

Cod: Selectaţi tot

$("select option:selected").each(function () {
  var codhtml = '<a href="http://www.'+ urlOb.domain +'/server.php?s=1\" target="_blank" ><img src="http://www.'+ urlOb.domain +'/lgsl_files/lgsl_image.php?s=1&type=small" /></a>';
  str += '<img src="http://www.' + urlOb.domain + '/lgsl_files/images/source/' + $(this).html() + '.png" /><br /><input class="input-xxlarge" readonly="readonly" size="55" onclick="select()" type="text" value=\''+ codhtml +'\' />';
});
- Inlocuiesti in variabila "codhtml" ce date sa fie adaugate dupa select, la "value" in casuta input.