Noch nicht viel geschrieben
Ich benötie ein Tool welches folgende Features hat:
- Bild upload
- Bereiche im Bild mit Maus auswählen
- Berechnungen am Bild durchführen
- Bildelemente auf hochgeladenem Bild einfügen
Das Ganze soll in einer Art Popup laufen, bzw einem Overlay über der eigenen Seite.
Bis jetzt hab ich das so gelöst, dass bei Klick auf einem Button ein bestimmter <div> als Overlay angezeigt wird. Das funktioniert auch. Jetzt möchte ich aber in meinem Overlay auf den "Next" Button klicken und die nächste Seite des Overlays soll geladen werden...
Bis jetzt habe ich die einzelnen page1, page2, page3 einfach per javascript sichtbar und unsichtbar gemacht...aber dann wird ja alles untereinander dargestellt.
Wie setzt man das am besten um? Am liebsten hätte ich für jede Overlay Seite eine eigene .html datei.
- Bild upload
- Bereiche im Bild mit Maus auswählen
- Berechnungen am Bild durchführen
- Bildelemente auf hochgeladenem Bild einfügen
Das Ganze soll in einer Art Popup laufen, bzw einem Overlay über der eigenen Seite.
Bis jetzt hab ich das so gelöst, dass bei Klick auf einem Button ein bestimmter <div> als Overlay angezeigt wird. Das funktioniert auch. Jetzt möchte ich aber in meinem Overlay auf den "Next" Button klicken und die nächste Seite des Overlays soll geladen werden...
Bis jetzt habe ich die einzelnen page1, page2, page3 einfach per javascript sichtbar und unsichtbar gemacht...aber dann wird ja alles untereinander dargestellt.
Wie setzt man das am besten um? Am liebsten hätte ich für jede Overlay Seite eine eigene .html datei.
Code:
<body>
<button id="open_popup">Open Popup</button>
<div id="overlay"></div>
<div id="popup">
<button id="close_but">Close</button>
<div class="page1">
Seite 1
</div>
<div class="page2">Seite 2</div>
<div class="page3">Seite 3</div>
<button id="next_but">Next</button>
</div>
<script src="popup_script.js"></script>
</body>