javascript ausgabe in Text

Diskutiere javascript ausgabe in Text im HTML / CSS / JScript / AJAX Bereich.
B

Basic_II

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:
Robat

Robat

function distance()
{
var dis = gdir.getDistance().meters; {
document.write(dis "m");
}
}
Bin kein JavaScript Experte, aber der Abschnitt sieht komisch aus.
a) Verknüpft man Variablen und Text afaik mit einem +
b) Warum die Klammerung {} hinter / vor document.write(dis "m");
 
B

Basic_II

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>
 
Thema: 

javascript ausgabe in Text

Passende Stellenanzeigen aus deiner Region:
Anzeige

Neue Themen

Anzeige

Anzeige
Oben