MetEd
  • Process Documentation
  • Lesson Development
  • Interactions Catalog
  • Tools
  • Introduction
  • Comet Developed
    • Calculators
      • Space Jumper Gravity Calculator
      • Pressure Gradient Force
      • Shallow Water Wave Calculator
      • Nighttime Radiation and Cooling Rates Calculator
      • Froude Number Calculator
      • Phase and Amplitude Interaction
      • Ocean Sound Speed Calculator
      • Gap Wind Calculator
      • Freezing Spray Calculator
    • Data Display
      • Dynamic Comparison Slider
      • Dynamic Charts using amCharts
      • Map with Image/Looper Overlay Toggle
      • Advanced Tabbed Loopers with frame sync
      • MCS Matrix
      • CS Matrix
      • Four Panel Looper Viewer
      • Clickable/Rollover Hotspot on Graphic
      • Checkboxes with Running Tally
      • Cims Single Panel Looper
      • Rollovers
      • User Notes with Local Storage
      • Multi-layer Drawing Exercise
    • Lesson Navigation
      • Lesson Progress Completion Tracking
      • Lesson Navigation with Single Page Return
      • Webcast Course with Single Page Return and FAQs
      • Visual Feedback of Video Completion
    • Question Variants
      • Local Storage Data Recall
      • Practice Drills
      • Map location Check Exercise
      • Branching Simulation
      • Jeopardy Game
      • Selectable Question with Validation Check
      • Dropdown Select Question with Image Preview
      • Vertical sliders with stop-values
      • Pin or object placement on image with feedback grid
      • Timeline Carousel with Tabs and Questions
      • Data and Message Building with Customized Feedback
      • Risk Matrix/Table Question
      • Input Questions with Customized Feedback
      • Card Flip Exercise
      • Question with Validation Check
      • Photo Quiz
      • Combined Drag and Draw Interaction with Background Toggle
      • Drag Interaction with Numbered Drag Elements
      • Show After Question Series with Custom Feedback
      • Embedded iFrame React App with Two-Way iFrame-Browser Communication
      • Question Series in Tabs
      • Drag & Drop Interaction with Scalable and Rotatable Transparent Overlay
    • Simulations
      • Roulette Interaction
      • Inside a Storm
      • Aim a Hurricane
      • Interactive Skew-T/Log-P Diagram
      • Hurricane Bowling Probability Game
      • Virtual Streamgage
      • Divergence & Vorticity Widget
      • Quasi-geostrophic Omega Equation Widget
  • Using 3rd Party Software
    • Articulate Storyline 360 Software
    • EdPuzzle - Interactive Videos
    • Observable Data Vis Repository
    • Sketchfab 3D Model Viewer
    • Unity 3D Game Engine
    • YouTube
  • Standalone Web Apps
    • COMET / NGS - Video Webinar Platform
    • SciEd Interactions - The Very Simple Climate Model
    • SciEd Interactions - Make a Hurricane
    • SciEd Interactions - Forecast a Hurricane
    • SciEd Interactions - Create a Snowstorm
    • SciEd Interactions - Climate Sensitivity Calculator
Powered by GitBook
On this page
Edit on GitHub
  1. Comet Developed
  2. Question Variants

Pin or object placement on image with feedback grid

PreviousVertical sliders with stop-valuesNextTimeline Carousel with Tabs and Questions

Last updated 6 months ago

Description: Click to mark or pin placement on the map or graphic. Feedback is given based on where in the map the user places the object.

Type: Integrated

Keywords: pin, marker, object placement

Technologies: jQuery v1.11.1, jQuery.rwdImageMaps plugin v1.5

Accessibility notes: --

Developer notes:

  • This plugin let's us create responsive <map> tags, but it requires jQuery v1.11.1 or older, so downgrading the version of jQuery may be necessary.

  • When creating an image map, you must define the width and height attributes in the <img> tag

Examples

Lesson
Link

Foundations of Meteorological Instrumentation and Measurements

See on deved →