2017-11-22 1 views
0

Hand DiagramHTML benutzerdefinierte Eingabe Bild-Tags?

Hallo Leute! Ich mache eine kleine Web-Anwendung in eckigen. Ich möchte wissen, ob es möglich ist, Tags auf einem Bild zu platzieren und Benutzereingaben zu ermöglichen, wenn auf das Tag geklickt wird.

Eg. Im obigen Bild möchte ich Tags für jede eingekreiste Nummer platzieren. Wenn die Zahl angeklickt wird .. und das Eingabefeld sollte auftauchen und einem Benutzer erlauben, eine Beschreibung einzugeben.

Wie gehe ich dabei vor?

Danke!

+0

Hey Alter. Ja, es ist möglich. Aber das Anbringen von Tags auf jedem Kreis wird wenig schwierig sein. Sie können es erreichen, indem Sie Image-Mapping verwenden Sie diesen Link http://www.w3schools.com/tags/tag_map.asp Sie können ein modales mit Click-Ereignisse in eckigen –

+0

auslösen Ich denke, Sie müssen genauer auf Ihre Frage, wie die Version von eckig und alle Codeausschnitte, die Sie ausprobiert haben usw. –

+0

Ich habe mir das Tag-Mapping angesehen, aber wie kann ich ein Eingabefeld auslösen, indem ich auf das Tag klicke anstatt eine neue Seite zu laden? Ich benutze Angular2/4. Ich habe noch keine Codeschnipsel ausprobiert .. Ich suche nach einer Möglichkeit zu starten oder eine Methode zu versuchen, weil ich nicht weiß, wo ich anfangen soll – Rayzor536

Antwort

-1

Ich löste dies mit Rakesh Rajans Kommentar.

Verwendet Mapping-Referenz für das Bild und hinzugefügt eine Onclick-Funktion, um ein Eingabefeld zu initiieren.

Danke!