Получение пользовательского ввода для Yahoo Pipes Script

Question

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

Я разработал трубку Yahoo, которая принимает в качестве ввода имя метки (-ов). Затем это должно запускать трубу yahoo для генерации вывода.

Ниже приведен фрагмент кода, который генерируется при запуске Yahoo Pipe на странице Yahoo Pipes.

Теперь мой вопрос: я хочу запустить этот канал с моего собственного сайта и заставить пользователя вводить метки, которые они хотят, вместо того, чтобы покинуть сайт и перейти на страницу Yahoo Pipes.

<script src="http://l.yimg.com/a/i/us/pps/listbadge_1.4.js">{"pipe_id":"6c3a35f3d8e3cdb8ef270a3565d64ca3","_btype":"list","pipe_params":{"tags":"Cooking Beef Chicken"},"width":"600","height":"500"}</script> 

Я хотел бы иметь простую форму, что пользователь заполняет и для кода, чтобы генерировать код выше сценарий из их ввода и выполнения.

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

Подводя итог, как я могу получить информацию от пользователя на веб-странице о том, какие ярлыки они хотят запустить, и для него генерировать правильный код и выполнять.

Answer 1

Это три части трюк, если вы используете стороне сервера скрипт

Информация посылается от обычной формы обратно на страницу приходит и что извлекается из URL, как так

enter <?php $userInput = $_GET["userInput"]); ?>here 

Теперь userInput можно записать в URL-адрес javascript src, который перекрестно переводит вызов в канал.

enter <script src="http://pipes.yahoo.com/pipes/pipe.run?_id=050fc8ccfefd18420680a86ebf4bf80e&_render=json&_callback=cbfunc&town=<?php echo $userInput; ?>"></script> here 

Когда труба возвращает данные, которые он оборачивает с «обратного вызова» метки вокруг него, в данном случае под названием cbfunc, и это используется, чтобы вызвать яваскрипт подпрограммы в голове страницы, которая извлекает данные в JSON строка для вас, чтобы сделать то, что вы хотите с ней.

enter function cbfunc(data){ 
    var data  = (data.value.items[0].content) 
       } here 

Вы можете увидеть рабочий пример этого в действии на http://bishop-test.appspot.com/ при нажатии на кнопку поиска карты. Эта ссылка также полезна для проверки выхода JSON http://braincast.nl/samples/jsoneditor/