Javascript-форум (https://javascript.ru/forum/)
-   Работа (https://javascript.ru/forum/job/)
-   -   форма для ссылки с шаблонами - 200р (https://javascript.ru/forum/job/57408-forma-dlya-ssylki-s-shablonami-200r.html)

wlad2 02.08.2015 18:27
форма для ссылки с шаблонами - 200р
 
нужна форма, в которую при вставке такого урла http://site.ru/g/controller.php?acti...&sub=blablabla

id=***&sub=*** параметры всегда будут разными
а также нужен input в котором будет содержатся по дефаулту "tp1__" который передается в ссылку, его нужно будет иногда менять

на выходе нужно получить сформированный результат по 2 шаблонам
два отдельных поля которые можно былоб легко скопировать

<a class="h-l-t b_b_b" data-link="http://site.ru/g/controller.php?action=route&id=297&sub=tp1__blablabla">тут текст</a>
и
<a class="h-l-t b_b_b" data-link="http://site.ru/g/controller.php?action=route&id=297&sub=tp1__comm_blablabla">тут текст</a>


оплата по факту, вебмани/яд
пишите в ветку сразу скрипт, тот кто быстрее справится получит средства

wlad2 02.08.2015 22:14
__________

поднимаю банк до 300 р
и добавляю скрин по которому вы сразу поймете что нужно https://yadi.sk/i/skLG1hWbiEFZm

Decode 03.08.2015 02:45 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
</head>
<body>
  <form class="my-form" action="">
    <input class="url" type="text" />
    <input class="param-one" type="text" value="tp1__" size="5" />
    <input class="param-two" type="text" value="comm_" size="5" />
    <input type="submit" value="Результат" />
  </form>
  
  <script>
    var myForm = document.querySelector('.my-form'),
        url = myForm.querySelector('.url'),
        paramOne = myForm.querySelector('.param-one'),
        paramTwo = myForm.querySelector('.param-two');


    myForm.onsubmit = function() {
      var links = {
        firstLink: url.value.replace(/(&sub=)([^"']+)/, '$1' + paramOne.value + '$2'),
        secondLink: url.value.replace(/(&sub=)([^"']+)/, '$1' + paramOne.value + paramTwo.value + '$2')
      };

      for(var link in links) {
        document.body.insertAdjacentHTML('beforeEnd', '<a class="" href="" data-link="' + links[link] + '">' + link + '</a><br />');
      }

      return false;
    };
  </script>
</body>
</html>

wlad2 03.08.2015 15:55
Decode,
вывод только поправь плиз
https://yadi.sk/i/Czv7i4iSiF3YE
и бабки тебе закину

Decode 03.08.2015 16:01
Цитата:
Сообщение от wlad2
вывод только поправь плиз
Подробнее

wlad2 03.08.2015 16:08
хочу чтоб на выходе был html код такой

<a class="h-l-t b_b_b" data-link="http://site.ru/g/controller.php?action=route&id=297&sub=tp1__blabla bla">тут текст</a>
и
<a class="h-l-t b_b_b" data-link="http://site.ru/g/controller.php?action=route&id=297&sub=tp1__comm_b lablabla">тут текст</a>


чтоб я мог его скопировать, я пробовал прописать <code> и <pre>
но чет не получается..

Decode 03.08.2015 16:17
wlad2, тогда может так?

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
</head>
<body>
  <form class="my-form" action="">
    <input class="url" type="text" />
    <input class="param-one" type="text" value="tp1__" size="5" />
    <input class="param-two" type="text" value="comm_" size="5" />
    <input type="submit" value="Результат" />
  </form>
  <br />
  <textarea class="result" name="" id="" cols="80" rows="10"></textarea>
  
  <script>
    var myForm = document.querySelector('.my-form'),
        url = myForm.querySelector('.url'),
        paramOne = myForm.querySelector('.param-one'),
        paramTwo = myForm.querySelector('.param-two'),
        result = document.querySelector('.result');


    myForm.onsubmit = function() {
      var links = {
        firstLink: url.value.replace(/(&sub=)([^"']+)/, '$1' + paramOne.value + '$2'),
        secondLink: url.value.replace(/(&sub=)([^"']+)/, '$1' + paramOne.value + paramTwo.value + '$2')
      };

      for(var link in links) {
        result.insertAdjacentHTML('beforeEnd', '<a class="" href="" data-link="' + links[link] + '">' + link + '</a><br />');
      }

      return false;
    };
  </script>
</body>
</html>

wlad2 03.08.2015 16:25
скинь в личку куда бабки отправить
и на выводе поправь плис
1 ссылка в своем textarea = <a class="" href="" data-link="http://site.ru/g/controller.php?action=route&id=27&sub=tp1__sl_garc _comm">firstLink</a>
2 ссылка в своем отдельном textarea <a class="" href="" data-link="http://site.ru/g/controller.php?action=route&id=27&sub=tp1__comm_sl _garc_comm">secondLink</a>

Decode 03.08.2015 16:31 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
</head>
<body>
  <form class="my-form" action="">
    <input class="url" type="text" />
    <input class="param-one" type="text" value="tp1__" size="5" />
    <input class="param-two" type="text" value="comm_" size="5" />
    <input type="submit" value="Результат" />
  </form>
  <br />

  <script>
    var myForm = document.querySelector('.my-form'),
        url = myForm.querySelector('.url'),
        paramOne = myForm.querySelector('.param-one'),
        paramTwo = myForm.querySelector('.param-two');


    myForm.onsubmit = function() {
      var links = {
        firstLink: url.value.replace(/(&sub=)([^"']+)/, '$1' + paramOne.value + '$2'),
        secondLink: url.value.replace(/(&sub=)([^"']+)/, '$1' + paramOne.value + paramTwo.value + '$2')
      };

      for(var link in links) {
        document.body.insertAdjacentHTML('beforeEnd', '<textarea cols="80"><a class="" href="" data-link="' + links[link] + '">' + link + '</a></textarea>');
      }

      return false;
    };
  </script>
</body>
</html>

wlad2 03.08.2015 16:44
закинул средства
спасиб!!


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