wizard form chrome extension

Question

В последние дни я пытался реализовать форму мастера, используя jquery на chrome extension, но это кажется невозможным (для меня). Я попытался приспособить некоторые библиотеки, такие как

http://st3ph.github.io/jquery.easyWizard/

и

http://www.dbarnes.info/jWizard/

Может ли один скажите мне, как я могу реализовать форму мастера на хромовую расширение? или некоторые примеры, пожалуйста.

большое спасибо

Answer 1

Я не смотрел в библиотеках вы цитировали, но здесь очень простой подход:

<div id="one">Panel 1 form content<button id="button_one">Next</button></div> 
<div id="two">Panel 2 form content<button id="button_two">Next</button></div> 
<div id="three">Panel 3 form content<button id="button_three">Next</button></div> 

Начните скрывая все, но первый DIV. Настройте обработчик click_one, чтобы скрыть div one и показать div two и т. Д. На последней панели может быть кнопка «Готово», которая отправляет все содержимое или что бы вы хотели сделать. После того, как вы это сделаете, вы можете начать получать представление о переходах, настройках вкладок и более хорошем CSS.

Кстати, сначала попробуйте прототипирование на обычной веб-странице перед попыткой расширения Chrome. «На расширении Chrome» очень широк и на самом деле мало что значит; это может быть всплывающее окно, оно может быть спроектировано для улучшения определенных веб-страниц, это может быть оверлей на любой веб-странице. Мы не знаем из вашего вопроса, и поэтому хорошо иметь что-то очень простое на обычной веб-странице, которую вы затем можете адаптировать к своему расширению. Простой подход, описанный здесь, должен стать хорошей основой для вашего проекта.