Gist 4520267

100%

✓ Published0🌍 Public

Last edited Jan 12, 2013

Created on Jan 12, 2013

This example demonstrates a simple dynamic form builder using PHP and JavaScript. It shows how users can add or remove text input fields to a form by clicking the “add new item” or “remove item” links. The implementation relies on jQuery for DOM manipulation, with click handlers that append a new `<div>` containing a text field to the form, or delete the last added field. The form itself is defined in HTML, while the field structure is generated via PHP’s `CHtml::textField` helper within a Yii framework context.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 3957869

This example demonstrates a simple form interaction that disables a text input field based on the selected operating system. The form contains a dropdown menu and a text field; choosing “MAC” disables the text input, while selecting “PC” re-enables it. The behavior is implemented with jQuery, using the `.change()` event handler and the `.attr()` and `.removeAttr()` methods to toggle the `disabled` attribute. The code relies on the Yii framework’s `registerCoreScript` method to load jQuery, and the form submits via POST, though no server-side processing is shown.

Aallyraza

69% match

Loading thumbnail…

Gist 239004

This visualization demonstrates a multi-select input interface where users can add and remove tags or text values using commas or spaces as separators. The code shows how the component dynamically renders resizable text boxes and styled "bit" elements within a list, with keyboard navigation and delete/backspace handling for managing selections. Built on the Prototype.js and Script.aculo.us libraries, it uses classes like `TextboxList` and `ResizableTextbox` to manage input focus, resize behavior, and form value updates based on the current set of selected items.

CCaged

60% match

Loading thumbnail…

Gist ee842d3f857add56f3a62dbd10cbcf1a

This interactive form builder dynamically appends cloned blocks of academic data fields to a page. The code uses the native DOM API, including `getElementById`, `cloneNode`, and `appendChild`, to duplicate a labeled input container. Each new block receives a unique ID and incremented class suffixes. The example demonstrates a client-side approach for adding repeatable form sections without external libraries.

MMistyBlunch

60% match

Loading thumbnail…

Gist 155908

This example shows a form-based user creation interface where the browser’s HTML parser rearranges the submitted markup. The code uses a Processing.js script inside a `script` tag to define a canvas variable, but the actual rendered page moves the submit button outside the form and inserts a literal `0` inside the form element. The discrepancy arises from how the browser handles unclosed form tags and embedded scripts, resulting in a different DOM structure than the expected source. The form action points to `/users`, but the visible output contains no functional form controls.

XXXX

59% match

Loading thumbnail…

Gist 3332902

This visualization demonstrates how to integrate a Google Calendar date picker into a Yii PHP application using the GCalendar extension widget. It shows the widget configured to bind to a model attribute named `date_of_birth`, with the date format set to `dd/mm/yyyy`. The code instantiates the GCalendar widget, passing the model and input field parameters to enable date selection within a form. The extension handles the calendar UI and populates the specified input field with the formatted date value.

Aallyraza

59% match

Loading thumbnail…

Gist 3315658

This example demonstrates a minimal Yii 1.x AJAX interaction, where clicking a link labeled “»” updates a designated `<div id="result">` element with the string “Hello” returned from the controller action `actionAjaxU`. The view uses `CHtml::ajaxLink` to send a request to the `/ajaxU` endpoint, with the `update` option targeting the result div for the response. The code does not involve any data visualization or charting library; instead, it shows a basic server-client update pattern using Yii’s built-in AJAX helpers and plain HTML/PHP.

Aallyraza

58% match

Loading thumbnail…

Gist 3742319

This example is a simple HTML form that displays a static text string, “ABC,” in a div, with a button labeled “TEST.” The page’s JavaScript defines a variable, `testvar`, with a value of `JIHIBNBUI`, and a `test()` function that assigns that variable to the div’s `innerHTML` property when the button is clicked. The code uses no external libraries or data sources, relying solely on plain JavaScript and the Document Object Model (DOM) to update the content. It demonstrates a basic event-handling interaction without any visualization or charting.

RRCura

58% match

Loading thumbnail…

Gist 53b4091ce218de64d2d3

This dashboard example demonstrates an interactive report template editor that lets users modify custom fields, including updating categories, selecting field types, and toggling edit or delete actions. It shows how form inputs dynamically reveal relevant sub-fields based on the chosen type, and highlights recently modified elements with a temporary background animation. The code uses jQuery for DOM manipulation and event handling, jQuery’s `$.ajax` for asynchronous server requests to remove fields, and CSS animations via jQuery’s `.animate()` to fade highlight effects. The interface relies on a custom JavaScript module pattern (`HS.reportTemplate`) to organize the logic.

Aallyraza

58% match