Stand-alone browser application: learning
learning to program
learning Javascript
Hallo zusammen
Wenn per Javascript Werte verändert werden, sind diese neuen Wert unter "Element untersuchen" im neuen Quelltext ausgewiesen.
Ich suche nach Möglichkeiten, dieses sogenannte Result-Document, automatisiert zu speichern.
Mit einem Javascript habe ich eine Klassifizierungsmethode in einem HTML-Dokument erstellt.
Durch Verschiebung mit der Maus, können reale Objekte der richtigen Klasse/Kategorie zugbeordnet werden.
In der HTML-Ansicht haben die zu bestimmenden Objekte vorerst alle die gleiche Ausgangslage (left:200px).
Das Script basiert auf folgender Quelle!
http://tuts4you.de/88-programmieren/...iv-verschieben
Im vorliegenden Fall, werden die Gemüsearten, der richtigen Botanischen Gruppe zugeordnet.
Der Anwender realisiert dies durch verschieben mit der Maus!
Er muss die Kohlrabi, Radieschen und den Kohl in die Spalte der Kreuzblütler (left:800px) verschieben.
Sind nun alle Objekte zugeordnet, kann das Resultat (neuer Quelltext) durch (Mausklick rechts: "Element untersuchen") kopiert werden.
Somit haben wir eine Vorlage die per xslt/xml zur Weiterverwendung verarbeitet werden kann.
Hier die result positionen für die Kreuzblütler! Alle haben left: >800px
Klassifizierung_javascript.jpg
Nun Die Kernfrage!
Was für Ansätze kommen da in Frage (learning to program)?
Vorliegendes Modell ist Koordinatenbasiert.
Zugriff auf die neuen absoluten positionen (Das neue Wissen) zur Abspeicherung oder|und Weiterverarbeitung.
Bin gerade am Anfang mit javascript.
Viele Grüsse
Karl_Heg
learning to program
learning Javascript
Hallo zusammen
Wenn per Javascript Werte verändert werden, sind diese neuen Wert unter "Element untersuchen" im neuen Quelltext ausgewiesen.
Ich suche nach Möglichkeiten, dieses sogenannte Result-Document, automatisiert zu speichern.
Mit einem Javascript habe ich eine Klassifizierungsmethode in einem HTML-Dokument erstellt.
Durch Verschiebung mit der Maus, können reale Objekte der richtigen Klasse/Kategorie zugbeordnet werden.
In der HTML-Ansicht haben die zu bestimmenden Objekte vorerst alle die gleiche Ausgangslage (left:200px).
Das Script basiert auf folgender Quelle!
http://tuts4you.de/88-programmieren/...iv-verschieben
HTML Code:
<div id="div1" style="position:absolute;left:200px;top:200px;width:200px;height:100px;padding:10px;" onmousedown="startDrag(this);">Kohlrabi</div> <div id="div2" style="position:absolute;left:200px;top:250px;width:200px;height:100px;padding:10px;" onmousedown="startDrag(this);">Kartoffel</div> <div id="div3" style="position:absolute;left:200px;top:300px;width:200px;height:100px;padding:10px;" onmousedown="startDrag(this);">Radieschen</div> <div id="div4" style="position:absolute;left:200px;top:350px;width:200px;height:100px;padding:10px;" onmousedown="startDrag(this);">Rotkohl</div> <div id="div5" style="position:absolute;left:200px;top:400px;width:200px;height:100px;padding:10px;" onmousedown="startDrag(this);">Tomaten</div> <div id="div6" style="position:absolute;left:200px;top:450px;width:200px;height:100px;padding:10px;" onmousedown="startDrag(this);">Feldsalat</div>
HTML Code:
<span style="position:absolute;top:100px;left:400px;border-left:dotted 1px blue;height:600px">Doldengewächse</span> <span style="position:absolute;top:100px;left:600px;border-left:dotted 1px blue;height:600px">Baldriangewächse</span> <span style="position:absolute;top:100px;left:800px;border-left:dotted 1px blue;height:600px">Kreuzblütler</span> <span style="position:absolute;top:100px;left:1000px;border-left:dotted 1px blue;height:600px">Korbblütler</span>
Er muss die Kohlrabi, Radieschen und den Kohl in die Spalte der Kreuzblütler (left:800px) verschieben.
Sind nun alle Objekte zugeordnet, kann das Resultat (neuer Quelltext) durch (Mausklick rechts: "Element untersuchen") kopiert werden.
Somit haben wir eine Vorlage die per xslt/xml zur Weiterverwendung verarbeitet werden kann.
Hier die result positionen für die Kreuzblütler! Alle haben left: >800px
HTML Code:
<div id="div1" style="position: absolute; width: 200px; height: 100px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; top: 137px; left: 803px;" onmousedown="startDrag(this);">Kohlrabi</div> <div id="div3" style="position: absolute; width: 200px; height: 100px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; left: 801px; top: 165px;" onmousedown="startDrag(this);">Radieschen</div> <div id="div4" style="position: absolute; width: 200px; height: 100px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; left: 801px; top: 195px;" onmousedown="startDrag(this);">Rotkohl</div>
Nun Die Kernfrage!
Was für Ansätze kommen da in Frage (learning to program)?
Vorliegendes Modell ist Koordinatenbasiert.
Zugriff auf die neuen absoluten positionen (Das neue Wissen) zur Abspeicherung oder|und Weiterverarbeitung.
Bin gerade am Anfang mit javascript.
Viele Grüsse
Karl_Heg
Comment