• Hello everyone!
    I would like to ask for your help. I have searched the whole internet but I couldn’t find the answer. I want to create a field form that when the user is typing it will be displayed on the poster. I pasted a website on the link page. Thank you!

    • This topic was modified 3 years, 2 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    JavaScript has added “onchange” listeners for each of the form fields. The poster is a HTML composition. The map alone is the only graphic element. The poster text is composed of HTML div elements. On any field change, JavaScript updates the inner HTML of the various poster text elements.

    Thread Starter thanparm

    (@thanparm)

    So, in order to achieve something similar, the only way is to learn coding, right? Is there any plugin that could do anything close to that? Can I create a plugin to do the job? Thank you. Also a guy told me that this site is using a plugin. Is that possible?

    Moderator bcworkz

    (@bcworkz)

    The mapping plugin used is available at https://www.mapbox.com/showcase/wordpress
    Its appearance isn’t exactly like your OP example (which does not appear to be a WordPress site). Maybe the plugin’s map marker location and appearance can be modified through CSS to achieve a similar poster-like effect? Not sure how the site you linked achieved the effect. That aspect may not be part of the plugin itself.

    There are a number of generic mapping plugins available. They don’t provide for a poster-like customization out of the box. A lot can be achieved regarding final appearance with CSS alone. The problem will be interactive maps generally occur in iframes and applying your own CSS to elements within an iframe is difficult. It makes some sense that the text customization is independent of the map itself.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Create a field input that is displaying on a label’ is closed to new replies.