Viereck dynamisch per Eingabe generieren

[ipnext]

Hallo

ich steh hier gerade etwas auf dem schlauch und weiß auch nicht wo genau ich nach der Lösung meiners Problems suchen soll, daher werde ich es einfach mal hier posten.

Ich möchte eine Seite auf der man die Höhe und Breite für ein Viereck eingeben kann und es einem darunter direkt mit den passenden Maßen angezeigt wird. Anschließend soll man noch einen Kreis in dem Viereck per Eingabe platzieren können. In Flash wüsste ich auch wie es funktioniert, allerdings möchte ich gerne auf Flash verzichten und das ganze mit Ajax oder ähnlichem lösen.

Kann mir jemand sagen ob es da Bibliotheken gibt die sowas können oder ob es überhaupt mit Ajax machbar ist?

Besten Dank im Voraus

 

[Pascal Bajorat]

AW: Viereck dynamisch per Eingabe generieren

Also AJAX brauchst du nicht, normales JavaScript reicht.

Am einfachsten sollte das ganze mit der jQuery umzusetzen sein: jQuery: The Write Less, Do More, JavaScript Library oder ähnlichen Libraries
.
Für den Kreis entweder ein Bild oder HTML5 Canvas Elemente verwenden. Das Viereck ist ja relativ einfach als DIV zu erstellen, solange es ein gleichseitiges Viereck ist also Quadrat, bei ungleichen Seiten auch hier Canvas Elemente verwenden.

Eine komplette Anleitung kann ich dir auf die schnelle leider nicht geben, aber vielleicht helfen die meine Denkanstöße ja schon weiter.

 

[kleeaar]

AW: Viereck dynamisch per Eingabe generieren

den Kreis kann man eigentlich ziemlich einfach mit CSS3 erstellen, indem man ein Quadrat mit geichmäßig abgerundeten Ecken erstellt...

Grüße

 

[cebito]

AW: Viereck dynamisch per Eingabe generieren

Eine komplette Anleitung kann ich dir auf die schnelle leider nicht geben, aber vielleicht helfen die meine Denkanstöße ja schon weiter.

Würd in dem Falle auch Canvas benutzen, eine einfache Anleitung findet man hier <canvas> - Allgemeines
js brauchts da aber trotzdem für, wenn es per Eingabe funktionieren soll...

 

[ipnext]

AW: Viereck dynamisch per Eingabe generieren

Na das ging ja richtig schnell mit den Antworten.
Das mit den Div´s hätte ich mir auch irgend wie selbst denken können aber manchmal sieht man ja den walt vor lauter Bäumen nicht

Ich glaub dann sollte ich das soweit hinbekommen und werde mal meinen Lösungweg Posten wenn es läuft.

Besten dank für eure schnelle Hilfe.