Variable in HTML einsetzen

Ripper · 04.05.2013

Hallo,
ich habe da mal eine kurze Frage. Möchte mir eine Seite mit einer Google Map bauen.
Jetzt soll die Adresse bzw. Koordinaten aber jedesmal eine andere sein.

Das ganze läuft nur lokal.

Wie kann ich dem HTML-Code nun sagen, dass er einen bestimmten Text z.B. aus einer .txt-Datei nehmen soll? Danke.

Code:

&lt;!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN [url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>[/url]
&lt;html xmlns=[url]http://www.w3.org/1999/xhtml>[/url]
&lt;head>
&lt;meta http-equiv=Content-Type content=text/html; charset=utf-8 />
&lt;title>Einsatzort&lt;/title>
&lt;/head>

&lt;body>
&lt;img src=[url]http://maps.googleapis.com/maps/api/staticmap?center=Hier[/url] die Variable&amp;zoom=15&amp;size=640x400&amp;maptype=roadmap
&amp;markers=color:red%7Clabel:%7CHier die Variable&amp;sensor=false>
&lt;/body>
&lt;/html>

blue1765 · 06.05.2013

wo kommt die variable her? du mußt die datei erstmal einbinden.
welche sprache benutzt du? php, perl?

ich würde das mit php und mysql lösen. ist für mich effektiver als das nur mit ner datei lösen zu wollen.

Ripper · 06.05.2013

Also folgendes. Ist vielleicht einfacher nachzuvollziehen, wenn ich mal schreibe, was ich vorhabe.

Ich bekomme aus einem Programm einen Ort übergeben (Parameter). Diesen möchte ich benutzen um eine Google Map zu erstellen.
Der Ort soll dann in das HTML-Fragment eingesetzt, welches ich schon gepostet habe.

Die Google Map brauche ich als Bild abgespeichert, was eigentlich schon das nächste Problem darstellt.

Ein anderes Programm (iReport), welches ich benutze um eine Depesche auszudrucken, soll halt die Karte beinhalten. Das Programm kann aber die Map nur als Bild einfügen. Der Dateiname muss auch immer gleich sein. Also wenn ich einen neuen Ort übergeben bekommen, muss das vorhandene Bild überschrieben werden.

Und wie schon geschrieben soll das Lokal erfolgen. Da siehts mit php und MySQL ja eigentlich auch schlecht aus. Ich wollte mir eigentlich keinen lokalen Server installieren.

blue1765 · 07.05.2013

jo, da fällt mir spontan java/javascript ein.

du musst den übergebenen ort als variable diffinieren und die varible dann dort einbinden wo du sie brauchst.

ich habe nächste woche eh urlaub. sag mal wie das programm heißt das dir den ort übergibt. dann kann ich schauen ob auch das überhaupt geht was du vorhast.

Ripper · 07.05.2013

Ich hab da leider nicht viel Ahnung von. Wär echt super, wenn du mir helfen könntest.
Das Programm heißt firEmergency.
Über einen digitalen Meldeempfänger wird der Einsatztext an firEmergency übergeben. Dieses teilt den Alarmtext in mehrere Paramter auf, die dann auch übergeben werden können, z.B. den Einsatzort, an diverse Output-Plugins z.B. Batch, ein anderes Programm, SMS, usw.

Eine Liste der Parameter gibts hier: http://firemergency-wiki.de/mediawi...gung_stehende_Parameter_und_deren_Bezeichnung

Ich benötige den Wert aus dem Paramter location_dest. Übergeben wird dann z.B. Musterstadt Musterstraße 123. Und genau das soll dann in das HTML-Fragment, damit eine Google Map erstellt werden kann.

Deswegen dachte ich erst, ich schreibe eine Batch, welches den Einsatzort in einer .txt speichert. Das kriege ich noch hin.

Ripper · 09.05.2013

Hab mich jetzt mal etwas reingelesen in JS. Habe ein Beispielscript gefunden, in dem ich schon mal eine .txt auslesen und darstellen kann. Die Umlaute müsste ich in firEmergency ersetzen können (das Programm hat eine Textersetzungsfunktion), damit der Ort in der .txt gleich richtig dargestellt wird.

Code:

&lt;?xml version=1.0 encoding=iso-8859-1?>
&lt;!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN [url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>[/url]
&lt;html xmlns=[url]http://www.w3.org/1999/xhtml[/url] xml:lang=de>
&lt;head>
&lt;title>Einsatzort&lt;/title>
&lt;script type=text/javascript>
//&lt;![CDATA[
var XMLHTTP = null;
if (window.XMLHttpRequest) {
  XMLHTTP = new XMLHttpRequest();
} else if (window.ActiveXObject) {
  try {
    XMLHTTP =
      new ActiveXObject(Msxml2.XMLHTTP);
  } catch (ex) {
  try {
    XMLHTTP =
      new ActiveXObject(Microsoft.XMLHTTP);
  } catch (ex) {
  }
  }
}
function DatenAusgeben() {
  if (XMLHTTP.readyState == 4) {
    var d = document.getElementById(Ort);
    d.innerHTML += XMLHTTP.responseText;
    s.innerHTML += XMLHTTP.status +  ( +
            XMLHTTP.statusText + );
  }
}
window.onload = function() {
  XMLHTTP.open(GET, ort.txt);
  XMLHTTP.onreadystatechange = DatenAusgeben;
  XMLHTTP.send(null);
}
//]]>
&lt;/script>
&lt;/head>
&lt;body>
  &lt;p id=Ort>&lt;/p>
&lt;/body>
&lt;/html>

Funktioniert aber irgendwie nicht mit dem IE.

Wie bekomme ich jetzt aber den kleinen Schnipsel

Code:

&lt;p id=Ort>&lt;/p>

in diesen eingefügt?

Code:

&lt;img src=[url]http://maps.googleapis.com/maps/api/staticmap?center=Hier[/url] die Variable&amp;zoom=15&amp;size=640x400&amp;maptype=roadmap
&amp;markers=color:red%7Clabel:%7CHier die Variable&amp;sensor=false>

Ein Code im Code geht ja nicht, oder?

Des Weiteren muss ja jetzt auch noch die erstellte Map als Bild gespeichert werden.

Und Laufen muss der ganze Vorgang wohl über eine Batch.

blue1765 · 09.05.2013

ich bin dran. kann aber erst nächste woche richtig.

Ripper · 09.05.2013

Ok. Vielen Dank schon mal.

blue1765 · 13.05.2013

so nun mal ne kleine zwischenmeldung.
erste erkenntnis: ich weiß jetzt wieder warum ich mich damals für php entschieden habe.

die variable in deinen link rein zu bekommen war ja noch einfach:

Code:

&lt;script type=text/javascript>
Ort =->Garbsen /Meyenfeld Schützenstraße 11'
document.write(&lt;b>ORT:&lt;\/b>  + Ort + &lt;br>);
Adresse = [url]http://maps.googleapis.com/maps/api/staticmap?center=[/url] + Ort + &amp;zoom=15&amp;size=640x400&amp;maptype=roadmap&amp;markers=color:red%7Clabel:%7C + Ort + &amp;sensor=false;
Adresse = encodeURI(Adresse);
document.write(&lt;img border=1 src=  + Adresse +  />&lt;br>);
&lt;/script>

dabei habe ich den ort manuell eingesetzt.

was ich nicht hin bekommen habe ist den ort aus der datei in eine variable zu packen. vlt kommst du ja da weiter oder jemand anderes kann noch helfen.

zum speichen des bildes: ich glaube das geht nicht mit js. jedenfalls wenn ich alles richtig verstanden habe.
ich suche aber mal weiter.

Ripper · 13.05.2013

Ok bis dahin schon mal vielen Dank. Kommt das Script in den head oder body?

blue1765 · 13.05.2013

ich habs im body

Ripper · 13.05.2013

Ach schon gut.

Ripper · 13.05.2013

blue1765 schrieb:
was ich nicht hin bekommen habe ist den ort aus der datei in eine variable zu packen. vlt kommst du ja da weiter oder jemand anderes kann noch helfen.

Da hab ich ja das mal gefunden. Damit kann man die Datei auslesen.

Code:

&lt;script type=text/javascript>
//&lt;![CDATA[
var XMLHTTP = null;
if (window.XMLHttpRequest) {
  XMLHTTP = new XMLHttpRequest();
} else if (window.ActiveXObject) {
  try {
    XMLHTTP =
      new ActiveXObject(Msxml2.XMLHTTP);
  } catch (ex) {
  try {
    XMLHTTP =
      new ActiveXObject(Microsoft.XMLHTTP);
  } catch (ex) {
  }
  }
}
function DatenAusgeben() {
  if (XMLHTTP.readyState == 4) {
    var d = document.getElementById(Ort);
    d.innerHTML += XMLHTTP.responseText;
    s.innerHTML += XMLHTTP.status +  ( +
            XMLHTTP.statusText + );
  }
}
window.onload = function() {
  XMLHTTP.open(GET, ort.txt);
  XMLHTTP.onreadystatechange = DatenAusgeben;
  XMLHTTP.send(null);
}
//]]>
&lt;/script>

blue1765 · 13.05.2013

mit dem script arbeite ich schon den ganzen tag.
da komme ich einfach nicht an die daten ran. :|
alles was geht ist

Code:

&lt;p id=Ort>&lt;/p>

das kann ich aber nicht nutzen da dann im link id=Ort angezeigt wird und ich dadurch ne völlig andere karte bekomme.

Ripper · 13.05.2013

Ja das Problem hatte ich auch. Schade.
Muss heute und morgen noch für ne Abschlussprüfung lernen und dann setzte ich mich auch nochmal dran.

blue1765 · 13.05.2013

na dann viel spass beim lernen. ich bleibe auch dran.

Ripper · 14.05.2013

Ich hätte da mal ne Frage zur php-Einbindung. Wie würde das denn ablaufen?
In JS wäre ja theoretisch:
-Programm öffnet Batch und übergibt Parameter
-Batch schreibt Parameter in Datei
-Batch öffnet Script um die Map zu erstellen und Bild zu speichern

Ich habe ja einen Server zur Verfügung, auf dem unsere Website läuft. Kann man das darüber auch lösen oder muss ich dann einen lokalen Server installieren? Wenns gar nicht anders geht, muss ich es halt über php machen.

Ripper · 14.05.2013

Mir ist da jetzt in deinem Script noch ein kleiner Fehler aufgefallen. Das Rote Fähnchen in der Mitte wird nicht angezeigt.
So soll es aussehen:
http://maps.googleapis.com/maps/api... Meyenfeld Schützenstraße 11&sensor=false

So sieht es aus:
http://maps.googleapis.com/maps/api...amp;size=550x360&scale=2&sensor=false

(Bei der WinTotal Weiterleitungsseite warten, nicht auf den Link klicken)

blue1765 · 14.05.2013

112marv schrieb:
Ich hätte da mal ne Frage zur php-Einbindung. Wie würde das denn ablaufen?

das weiß ich nicht so genau, da ich schon ne weile raus bin. müßte erst selber nochmal schauen.
Im prinzip ist alles aber viel einfacher da es direkt über den server läuft und du dir nicht erst über umwege (batch) die rechte zum schreiben besorgen mußt. auch das problem von oben wäre einfacher zu lösen.

112marv schrieb:
Ich habe ja einen Server zur Verfügung, auf dem unsere Website läuft. Kann man das darüber auch lösen oder muss ich dann einen lokalen Server installieren?

natürlich kannst du das darüber machen. ich würde mir aber selber einen server installieren.
die gründe:
1. zum selbermachen und testen ideal
2. kostet nichts und nimmt auch nicht viel speicher, sofern du nich an einem 486er hängst.
bei mir läuft XAMPP und ich habe nie probleme damit gehabt.
ich spiele zwar nicht aber ich probiere mich grade mit video spielereien aus. ich merke nichts von leistungsverlust.
(win 7 x86, P4 2.8 Ghz, 3 GB Ram, AMD Radeon HD 6570)
außerdem ist alles bei was du brauchst.

112marv schrieb:
Mir ist da jetzt in deinem Script noch ein kleiner Fehler aufgefallen. Das Rote Fähnchen in der Mitte wird nicht angezeigt.

in deinen links sehe ich nur blau, auch ohne bier, aber ich weiß was du meinst.
da ich den link von oben genommen habe, dachte ich das muss so sein.
das liegt dann irgendwie an google, glaube ich jedenfalls. ich kenne das von google nicht. ich kenne nur das zeugs wo man sich die route mit berechnen lassen kann.

erstmal egal, du solltest dich jetzt mal in ruhe hin setzen und überlegen ob du nicht doch umsteigen willst.
ich würde umsteigen. schwer zu lernen ist das auch nicht und du hast ne gute datenbank mit dran.
wenn ich dich oben richtig verstanden habe, wäre das genau das richtige für dich. dann bräüchtest du im prinzip auch keine bilder mehr speichern. aber darüber können wir plauschen wenn du dich entschieden hast.
bis dahin viel spass bei deiner prüfung.

Ripper · 14.05.2013

blue1765 schrieb:
dann bräüchtest du im prinzip auch keine bilder mehr speichern.

Aber das ist ja das Ziel der ganzen Sache. Ich muss aus dem Alarmtext ein Bild mit der Map machen.

FirEmergency hat ein Drucken Plugin. Mit dem Programm iReport kann man eine Druckvorlage erstellen. In der ist es leider nicht möglich eine Map darzustellen. Man kann dort nur Bilder einfügen. Als Pfad für das Bild gebe ich jetzt z.B. F:\Alarm\Map.png an.

Und jetzt leider der Umweg. Ich muss mir selbst eine Google-Map erstellen, indem ich die Adresse aus dem Alarmtext in den Google-Link einfüge, der mir die Map erzeugt. Und diese muss ich dann als Bild in dem Ordner F:\Alarm abspeichern.

Wenns über JS nicht geht, muss man das halt über php lösen. Ich werds zum Testen eh erstmal auf meinem Rechner installieren.
Der PC auf dem es dann laufen soll ist leider nicht der schnellste, aber wenn du sagst XAMPP frisst nicht viel Ressourcen, dann glaube ich dir das mal.

Variable in HTML einsetzen

Ripper

blue1765

Ripper

blue1765

Ripper

Ripper

blue1765

Ripper

blue1765

Ripper

blue1765

Ripper

Ripper

blue1765

Ripper

blue1765

Ripper

Ripper

blue1765

Ripper

Variable in HTML einsetzen

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums