javascript schleife erzeugen

Powerburning · 17.04.2011, 14:43

Hallo,

ich bin sehr neu in der Programmierung in Javascript und PHP,

ich habe es geschaft ein kleines Programm zu schreiben, was mir die Entfernungen zwischen 2 Städten berechnet.
Ich benötige dafür aber eine Schleife. Ich habe die Start und Zieladresse in ein Array liegen, welche ich dann per Javascript rein lade!

Mir wird aber immer nur das letzte Ergebinis dargestellt und nicht alle!
Kann mir da jemand helfen, bzw. ein Tipp geben.
Hier mein bisheriger Code.

Code:

<html>
<head>
<title>Test</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA8DegI5JC3-FtMbKp_tH-vBTlJFGXyniJ2ByV15jy1UludKi3hBSxubXvvzt2xMwxmGDB9qPh2FCHzQ" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {

<?php
         $richtungen= array("from: Hamburg to: Berlin", "from: Kassel to: Dortmund");
          for($x=0;$x < count($richtungen);$x++)
          {
                    ?>

var map;
var directions;
directions = new GDirections(null, document.getElementById("directions"));
directions.load("<?php echo $richtungen[$x] ?>");
//Hier Ausgabe veranlassen
directions.getDistance(); //object->meters
directions.getDuration(); //obejct->secondes
GEvent.addListener(directions, "load", function() {
// var test = document.write ( directions.getDistance().meters/1000 + ' km '); 
var test = ( directions.getDistance().meters/1000 + ' km '); 
document.getElementById('myText').innerHTML = test;



});
 <?php
          }
          ?>

}
}




//]]>
</script>
 
</head>
<body>

<input type="button" onClick="load()" value="Lade Enfernungen" />
<p>
<table width="285" border="0">
  <tr>
    <td>1</td>
    <td><p id="myText"></p> 
</td>
  </tr>
</table>

<?php  echo $richtungen[$x] ?>

</body>
</html>

ChrisB · 17.04.2011, 14:50

Erwarte jetzt bitte nicht, dass wir hier uns selber die Mühe machen herauszufinden, was dein vollkommen unkommentierter Code macht, nach welcher von dir kein bisschen beschriebenen Vorgehensweise ...

Powerburning · 17.04.2011, 19:22

Ich meine nicht, dass mir jemand das Programm fertig macht. Ich wollte nur ne Hilfestellung.

Hier ne kurze Beschreibung zu mein Code.

Es wird eine Funktion "load" erzeugt.
In der Funktion werden ein ein paar paar Variablen erzeugt, die ich von Google API herauskopiert habe.
Ich muss auf jeden Fall immer unter

Code:

directions.load("<?php echo $richtungen[$x] ?>");

die Start und Zieladresse reinladen.
Ich habe das in Form von PHP gemacht, da ich mich ein bischen besser auskenne.

Code:

<?php
        $richtungen= array("from: Hamburg to: Berlin", "from: Kassel to: London");
          
                    ?>

Da ich da mehrere Start und Zieladresse habe wo ich Entfernungen berechnen lassen will muss ich eine Schleife einbauen.

Ich dachte etwa so

Code:

<?php
        $richtungen= array("from: Hamburg to: Berlin", "from: Kassel to: London");
          for($x=0;$x < count($richtungen);$x++)
          {
                    ?>
Javascript - Funktion
// Ende Schleife

});
 <?php
          }
          ?>

Aber es wird immer nur ein Ergebnis dargestellt im DIV - Container.
Vielleicht liegt das auch am Div - Container, da ja immer nur ein Ergebnis im Div ID "myText" geladen wird. Und immer nur überschreibt.
Ich weiß da echt nicht mehr weiter.

Danke

Powerburning · 17.04.2011, 19:44

Ich habe eben rausgefunden, dass es an der Zeile

Code:

document.getElementById('myText').innerHTML = test;

liegt, da das Ergebnis in den DIV ID - "myText" angezeigt wird.

Ich habe aus Spass eine neue Funktion erzeigt mit den gleichen Inhalt nur dass es in einen andern DIV angezeigt wird.
Und dann ging es!!

Will aber dass alles in ein Div angezeigt wird. Ich brauche das in einer Tabelle!!

Hier der komplette Code.

Code:

<html>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA8DegI5JC3-FtMbKp_tH-vBTlJFGXyniJ2ByV15jy1UludKi3hBSxubXvvzt2xMwxmGDB9qPh2FCHzQ" type="text/javascript"></script>
<script type="text/javascript">
function load1() {
if (GBrowserIsCompatible()) {

<?php
        $richtungen= array("from: Hamburg to: Berlin", "from: Kassel to: London");
          for($x=0;$x < count($richtungen);$x++)
          {
                    ?>

var map;
var directions;
directions = new GDirections(null, document.getElementById("directions"));
directions.load("<?php echo $richtungen[$x] ?>");
directions.getDistance(); //object->meters
directions.getDuration(); //obejct->secondes
GEvent.addListener(directions, "load", function() {
// var test = document.write ( directions.getDistance().meters/1000 + ' km '); 
var test = ( directions.getDistance().meters/1000 + ' km '); 
document.getElementById('myText').innerHTML = test;



});
 <?php
          }
          ?>

}
}

function load2() {
if (GBrowserIsCompatible()) {

<?php
        $richtungen= array("from: Hamburg to: Berlin", "from: Kassel to: London");
          for($x=0;$x < count($richtungen);$x++)
          {
                    ?>

var map;
var directions;
directions = new GDirections(null, document.getElementById("directions"));
directions.load("<?php echo $richtungen[0] ?>");
directions.getDistance(); //object->meters
directions.getDuration(); //obejct->secondes
GEvent.addListener(directions, "load", function() {
// var test = document.write ( directions.getDistance().meters/1000 + ' km '); 
var test = ( directions.getDistance().meters/1000 + ' km '); 
document.getElementById('myText1').innerHTML = test;



});
 <?php
          }
          ?>

}
}



//]]>
</script>
 
</head>
<body>

<input type="button" onclick="load1(),load2()" value="Lade Enfernungen" />
<p>
<table width="285" border="0">
  <tr>
    <td>1</td>
    <td><p id="myText"></p> 
</td>
  </tr>
</table>
<p id="myText1"></p> 

</body>
</html>

ChrisB · 17.04.2011, 19:58

Zitat:

Zitat von Powerburning

Will aber dass alles in ein Div angezeigt wird.

Dann überschreibe innerHTML nicht mit jedem neuen Funktionsergebnis, sondern hänge diese an.

Neuer Inhalt = bestehender Inhalt + plus neues Ergebnis

Powerburning · 17.04.2011, 20:10

Ja gute Idee aber wie.

ich habe versucht es so zu machen. Dass nach der PHP Schleife der Code kommt

Zitat:

document.getElementById('myText').innerHTML = test;

Aber da kommt dann gar nicht mehr. Da bleibt das Feld leer.

Hier mein Kompletter Code

Code:

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA8DegI5JC3-FtMbKp_tH-vBTlJFGXyniJ2ByV15jy1UludKi3hBSxubXvvzt2xMwxmGDB9qPh2FCHzQ" type="text/javascript"></script>
<script type="text/javascript">
function load1() {
if (GBrowserIsCompatible()) {

<?php
        $richtungen = array("from: Hamburg to: Berlin", "from: Kassel to: London");
          for($x=0;$x < count($richtungen);$x++)
          {
                    ?>

var map;
var directions;
directions = new GDirections(null, document.getElementById("directions"));
directions.load("<?php echo $richtungen[$x] ?>");
directions.getDistance(); //object->meters
directions.getDuration(); //obejct->secondes
GEvent.addListener(directions, "load", function() {
// var test = document.write ( directions.getDistance().meters/1000 + ' km '); 
var test = ( directions.getDistance().meters/1000 + ' km '); 
<?php
          }
          ?>
document.getElementById('myText').innerHTML = test;

});
 

}
}




//]]>
</script>
 
</head>
<body>

<input type="button" onClick="load1()" value="Lade Enfernungen" />
<p>
<table width="285" border="0">
  <tr>
    <td>1</td>
    <td><p id="myText"></p> 
</td>
  </tr>
</table>

ChrisB · 17.04.2011, 20:17

Zitat:

Zitat von Powerburning

Ja gute Idee aber wie.

xyz.innerHTML += "anzufügender Text";

Und wenn es noch weitere Unklarheiten oder „ich weiß nicht wie's“ gibt - dann arbeite bitte erst mal ein JavaScript-Grundlagentutorial durch.

Powerburning · 17.04.2011, 20:28

Ja super dass geht erstmal. Jedoch wird immer das gleiche ergebnis dargestellt. Das muss aber jetzt an der PHP Schleife liegen!
NUR WO

Code:

<html>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA8DegI5JC3-FtMbKp_tH-vBTlJFGXyniJ2ByV15jy1UludKi3hBSxubXvvzt2xMwxmGDB9qPh2FCHzQ" type="text/javascript"></script>
<script type="text/javascript">
function load1() {
if (GBrowserIsCompatible()) {
// START PHP Schleife
<?php
    $richtungen = array("from: Hamburg to: Berlin", "from: Kassel to: London");
    for($x=0;$x < count($richtungen);$x++)
    {
?>

var map;
var directions;
directions = new GDirections(null, document.getElementById("directions"));
directions.load("<?php echo $richtungen[$x] ?>");
directions.getDistance(); //object->meters
directions.getDuration(); //obejct->secondes
GEvent.addListener(directions, "load", function() {
// var test = document.write ( directions.getDistance().meters/1000 + ' km '); 
var test = ( directions.getDistance().meters/1000 + ' km '); 
// document.getElementById('myText').innerHTML = test;
document.getElementById('myText').innerHTML += test;


});

// ENDE PHP Schleife
<?php
          }
          ?>

}
}




//]]>
</script>
 
</head>
    <body>

<input type="button" onClick="load1()" value="Lade Enfernungen" />
<p>
<table width="285" border="0">
  <tr>
    <td>1</td>
    <td><p id="myText"></p> 
</td>
  </tr>
</table>
<p id="myText1"></p> 

</body>
</html>

nikosch · 17.04.2011, 20:39

Jetzt reichts aber.

[MOD: Geschlossen]

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Problem mit "for" Schleife	kay899	PHP Einsteiger	8	12.02.2011 12:26
[Erledigt] Problem mit dynamischer URL in Javascript Dateien	da.eXecutoR	JavaScript, Ajax und mehr	4	28.09.2010 17:18
[Erledigt] variablen per schleife erzeugen	Thorus	PHP Tipps 2010	2	09.08.2010 12:03
[Erledigt] foreach Schleife	lord_icon	PHP Tipps 2010	11	06.02.2010 01:15
Zufällig erstellte Werte einzeln aus einer Schleife holen	atthex	PHP Tipps 2009	3	04.01.2010 19:03
Tool um (Spiel)Klassen zu erzeugen	Martin13	PHP-Fortgeschrittene	6	05.09.2007 02:25
PHP + Javascript + MYSQL	socke	PHP Tipps 2006	4	02.04.2006 22:02
Schleife nach Tastendruck beenden	schnurzli	PHP Tipps 2006	7	24.03.2006 18:56
Warum wird die erste Schleife nur einmal durchlaufen ?		PHP Tipps 2006	12	03.03.2006 20:04
Variable wird geändert bei Übergabe an Javascript		PHP Tipps 2007	4	17.12.2005 16:53
[Erledigt] While schleife in while schleife = nur ein datensatz?!		PHP Tipps 2005-2	9	28.10.2005 12:48
while schleife beenden		PHP Tipps 2005	3	29.03.2005 20:35
IF ELSEIF ELSEIF ELSE mit While Schleife		PHP Tipps 2005	9	04.03.2005 23:27
versteh diese do-while schleife nicht		PHP Tipps 2004	5	08.09.2004 16:54


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

17.04.2011, 14:50
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Erwarte jetzt bitte nicht, dass wir hier uns selber die Mühe machen herauszufinden, was dein vollkommen unkommentierter Code macht, nach welcher von dir kein bisschen beschriebenen Vorgehensweise ... __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

17.04.2011, 19:22
Powerburning Neuer Benutzer Registriert seit: 26.02.2010 Beiträge: 11 PHP-Kenntnisse: Anfänger	Ich meine nicht, dass mir jemand das Programm fertig macht. Ich wollte nur ne Hilfestellung. Hier ne kurze Beschreibung zu mein Code. Es wird eine Funktion "load" erzeugt. In der Funktion werden ein ein paar paar Variablen erzeugt, die ich von Google API herauskopiert habe. Ich muss auf jeden Fall immer unter Code: directions.load("<?php echo $richtungen[$x] ?>"); die Start und Zieladresse reinladen. Ich habe das in Form von PHP gemacht, da ich mich ein bischen besser auskenne. Code: <?php $richtungen= array("from: Hamburg to: Berlin", "from: Kassel to: London"); ?> Da ich da mehrere Start und Zieladresse habe wo ich Entfernungen berechnen lassen will muss ich eine Schleife einbauen. Ich dachte etwa so Code: <?php $richtungen= array("from: Hamburg to: Berlin", "from: Kassel to: London"); for($x=0;$x < count($richtungen);$x++) { ?> Javascript - Funktion // Ende Schleife }); <?php } ?> Aber es wird immer nur ein Ergebnis dargestellt im DIV - Container. Vielleicht liegt das auch am Div - Container, da ja immer nur ein Ergebnis im Div ID "myText" geladen wird. Und immer nur überschreibt. Ich weiß da echt nicht mehr weiter. Danke

17.04.2011, 20:39
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Jetzt reichts aber. [MOD: Geschlossen] __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --