javascript ausgabe in Text

Basic_II

Mitglied
huhu

Ich habe nun drei Tage lang versucht ein Script funktionstüchtig zu bekommen.
Doch leider klappt es nicht so, wie ich es will, weshalb ich etwas Hilfe bräuchte.

Vorab der Code:
HTML:
<html>
<head>
<script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=XXXXXXXXXX" type="text/javascript"></script>
</head>    
<body>

<script type="text/javascript">

var gdir = new GDirections();
GEvent.addListener(gdir, "load", distance);
gdir.load("from: Hamburg to: Berlin", { getSteps:true });

function distance() {
  var dis = gdir.getDistance().meters; 
  {
    document.write(dis  "m");
  }
}
distance();
</script>

</body>
</html>

Nun zu meinem Anliegen:

Ich möchte, dass der Code die Meter (wie hier z.B. zwischen Hamburg nach Berlin) ausgibt und zwar so: "12345m". Die Seite wo dieses Script initiert ist, soll ganz und alleine die Ausgabe der Distanz anzeigen.

Die Meter werden auch ausgerechtet. Dies sehe ich anhand folgendem Code, wenn ich ihn ersetze durch:

Javascript:
function distance() {
  var dis = gdir.getDistance().meters;
  window.location = "" + dis;
}

Nur hier wird eine neue Seite geöffnet und die Anzahl an Metern als Endung gesetzt.

Hoffentlich weiß jemand, was ich meine und könnte mir die entsprechende Zeile umcoden?

Lieben Gruß
Basic_II
 
Zuletzt bearbeitet von einem Moderator:

Basic_II

Mitglied
Danke Dir, Robat für deine Antwort.

Ich habe mit JS zum ersten mal etwas gemacht, weshalb ich darin noch bei "0" stehe.
Habe das Problem gelöst mittels:

Code:
function distance()
{
var dis = gdir.getDistance().meters;

document.getElementById('info').innerHTML = '' + dis + '';
}
</script>
<div id="info"></div>
</body>
</html>
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
M JavaScript/HTML/CSS Hilfe HTML / CSS 1
J Mit Javascript eine Textdatei auslesen... HTML / CSS 28
S jqmath in javascript einbinden HTML / CSS 3
M Javascript: HTML-Datei erstellen und auf Festplatte speichern HTML / CSS 8
M Javascript: Farbkontrast überprüfen auf einer Webseite HTML / CSS 14
M Javascript: CSS Parsen um herauszufinden ob relativer Schriftgrößen verwendet werden HTML / CSS 23
M HTML-Code einer fremden Webseite auslesen - geht das mit Javascript HTML / CSS 19
S Sicherheitsaspekt JavaScript HTML / CSS 3
M Webservice per Javascript ansprechen HTML / CSS 5
G php in javascript einbinden HTML / CSS 13
E Javascript/ Eventlistener ohne click? HTML / CSS 2
A Nur bestimmte Zeichen in HTML input Feld erlauben (JavaScript) HTML / CSS 11
J JavaScript Woerter erkenen HTML / CSS 4
C Eclipse und Javascript full autocomplete? HTML / CSS 1
A DragDrop mehrerer Shapes im SVG per Javascript? HTML / CSS 0
M Javascript Tastatureingabe HTML / CSS 2
E Javascript Status Abfrage HTML / CSS 7
J Javascript im DOM einer Webseite ändern HTML / CSS 1
H javascript - html Beispiel LQH, verwirklichung HTML / CSS 1
P JavaScript var an bean Setter übergeben HTML / CSS 2
Z Erste Website CSS3 HTML5 Javascript Jquery - Kritik HTML / CSS 3
P RSS FEED/ JSON/ Filter By Date/ Handlebars / Javascript HTML / CSS 0
B Externes Suchfeld - Javascript. REST? HTML / CSS 0
S JavaScript und Ajax Erfahrene Gesucht!!!! HTML / CSS 0
V Javascript Adobe Acrobat XI Pro Formular Dropdown-Liste -> vorbelegte Checkboxen HTML / CSS 1
0 Javascript Leaflet Marker Popup mit Adresse HTML / CSS 1
A Formatierten Text an innerHTML übergeben HTML / CSS 6
KaffeeFan HTML Text rotieren HTML / CSS 2
E 2 text eingaben in einer function ? HTML / CSS 2

Ähnliche Java Themen

Neue Themen


Oben