ilch Forum » Allgemein » HTML, PHP, SQL,... » Funktion direkt beim öffnen starten

Geschlossen
  1. #1
    User Pic
    Beatzler Mitglied
    Registriert seit
    17.04.2005
    Beiträge
    186
    Beitragswertungen
    0 Beitragspunkte
    Hey,

    irgendwie komm ich überhaupt nicht weiter grad traurig Kann mir wer helfen ggf.?

    folgender Code:

    <!DOCTYPE html>
    
    <html>
    <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>
    <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
      var geocoder;
      var map;
      function initialize() {
        geocoder = new google.maps.Geocoder();
        var latlng = new google.maps.LatLng(53.941, 10.306);
        var myOptions = {
          zoom: 8,
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
    
        }
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
      }
    
      function codeAddress() {
        var address = document.getElementById("address").value;
        geocoder.geocode( { 'address': address}, function(results, status) {
          if (status == google.maps.GeocoderStatus.OK) {
            map.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({
                map: map,
                position: results[0].geometry.location
            });
          } else {
            alert("Geocode was not successful for the following reason: " + status);
          }
        });
      }
    </script>
    </head>
    <body onload="initialize()" onload="codeAddress()">
      <div>
        <input id="address" type="textbox" value="Sydney, NSW">
    
        <input type="button" value="Geocode" onclick="codeAddress()">
      </div>
    <div id="map_canvas" style="height:90%;top:30px"></div>
    </body>
    </html>



    Beispiel Link zum Code: code.google.com/intl/de-DE/apis/maps/documentation/javascript/examples/geocoding-simple.html

    KLickt man auf den Button sucht er in der Map nach den eingegeben Daten. Ich möchte das ganze nun ganz gerne so umsetzen das er direkt beim / nach dem laden bzw. öffnen der Seite den Wert welchen er automatisch in das Feld einträgt ( in dem Fall ja Sydney, NSW ) direkt sucht / anzeigt und das nicht erst macht wenn man auf den BUtton geklickt hat ....

    Habs mit Body onload wie oben zu sehen, window onload etc. versucht es klappt einfafch nicht traurig Hat jemand einen Tipp wie man das realisieren könnte?

    Vielen Dank für Hilfe im voraus!
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.637
    Beitragswertungen
    1193 Beitragspunkte
    Probier es mal so:
    <body onload="initialize();codeAddress();">
    rules :: doku :: faq :: linkus
    1 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Beatzler Mitglied
    Registriert seit
    17.04.2005
    Beiträge
    186
    Beitragswertungen
    0 Beitragspunkte
    Hey,

    suuuuper :-) Vielen dank!!! Kleiner Fehler große Wirkung ...

    Perfekt!

    MFG Beatzler
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Beatzler Mitglied
    Registriert seit
    17.04.2005
    Beiträge
    186
    Beitragswertungen
    0 Beitragspunkte
    Hey,

    hättet ihr ggf. noch einen Tipp für mich ?

    Wie bekomme ich es am besten hin den Wert Sydney, NSW oben in Zeile 43
    ( <input id="address" type="textbox" value="Sydney, NSW"> )

    aus einer .txt Datei einzubinden ???

    Sodass ich eine .txt aufm Space liegen hab und wenn sich dort im Inhalt der Straßenname oder Ort ändert diese dann dort als Wert automatisch hinterlegt sind?

    Vielen Dank für Tipps!

    MFG Beatzler
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.637
    Beitragswertungen
    1193 Beitragspunkte
    Arbeite einfach mit fopen und fgets

    <?php
    // Datei öffnen zum lesen
    $handle = fopen ("dateiname.txt", r);
    
    while ( $inhalt = fgets ($handle, 4096 ))
    {
      echo $inhalt;
    }
    
    fclose($handle);
    ?>
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Beatzler Mitglied
    Registriert seit
    17.04.2005
    Beiträge
    186
    Beitragswertungen
    0 Beitragspunkte
    Hey,

    vielen Dank! Dein Skript funktioniert alleine und als .php super :-))

    LEider nur nicht in meiner HTML :/

    Wie integriere ich das ganze so das ich später $inhhalt bei meinem Value= habe?!...

    <!DOCTYPE html>
    
    <html>
    <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>html</title>
    <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
      var geocoder;
      var map;
      var image = 'Symbol.png';
      function initialize() {
        geocoder = new google.maps.Geocoder();
        var latlng = new google.maps.LatLng(53.941, 10.306);
        var myOptions = {
          zoom: 18,
          center: latlng,
    	  disableDefaultUI: true,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    	var ctaLayer = new google.maps.KmlLayer('karte.kml', {preserveViewport:true}); 
    ctaLayer.setMap(map);
    
      }
    
      function codeAddress() {
        var address = document.getElementById("address").value;
        geocoder.geocode( { 'address': address}, function(results, status) {
          if (status == google.maps.GeocoderStatus.OK) {
            map.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({
                map: map,
    			title: "ORT!",
    			icon: image,
                position: results[0].geometry.location,
    			
            });
          } else {
            alert("Geocode konnte aus folgenden Gründen nicht erfolgreich abgeschlossen werden: " + status);
          }
        });
      }
    </script>
    </head>
     		 <?php
    			$handle = fopen ("http://www.text.txt", r);
     
    			while ( $inhalt = fgets ($handle, 4096 ))
    			{
    			  echo "$inhalt;"
    			}
    			fclose($handle);
    			?>
    <body onload="initialize();codeAddress();">
      <div>
        <input id="address" type="textbox" value="<?php echo "$inhalt;" ?>">
    
        <input type="button" value="Geocode" onclick="codeAddress()">
      </div>
    <div id="map_canvas" style="height:100%;top:0px"></div>
    </body>
    </html>
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Beatzler Mitglied
    Registriert seit
    17.04.2005
    Beiträge
    186
    Beitragswertungen
    0 Beitragspunkte
    Ich glaub ich habs !!!

    Nochmal testen...

    erstmal vielen Dank nochmal !!!!


    Zuletzt modifiziert von Beatzler am 16.12.2011 - 20:36:21
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten