UICodex

Learn UI Design by Programming

  • JavaScript UI
  • HTML&CSS UI
  • Android UI
  • iOS UI

Input UI Tutorials and Examples

Detect text input and create a iframe to display url using autovieweriframe.js

    Step-by-step Guide to Detect Text Input and Create a Iframe to Display Url in JavaScript: AutoViewerIframe.js for Beginners

    • April 13, 2020
    • uicodex

    AutoViewerIframe.js is a javascript library for detecting text field, it will create a iframe to display url when a url typed. In this tutorial, we will implement it with some steps.

    Popular UI

    Card Web Editor Login Form Contact Form Profile Card WYSIWYG Editor Registration Form Color Picker Timeline Web Card Alert Web Calendar Button Navigation Alert Dialog Confirm Dialog HTML5 Login Form Dialog Chart Form Emoji Calendar Scrollbar Emoji Slider Image Viewer Reorderable Drag-and-Drop List Line Chart Tooltip Button Slider

    Popular

    • ivid | Building an Interactive HTML5 Video Player with JavaScript ivid | Building an Interactive HTML5 Video Player with JavaScript
    • switch | Creating iOS Style Switch Button with CSS switch | Creating iOS Style Switch Button with CSS
    • Bubbly Button | Creating a Button with Bubble Confetti Effect Bubbly Button | Creating a Button with Bubble Confetti Effect
    • Viewer.js | View Full Image By Clicking with JavaScript Viewer.js | View Full Image By Clicking with JavaScript
    • MultiDialog | A Powerful jQuery UI Dialog Widget for Modalbox / Lightbox Application MultiDialog | A Powerful jQuery UI Dialog Widget for Modalbox / Lightbox Application

    UICodex