kostenloser Webspace werbefrei: lima-city


Form Feld eintragen und Standort anzeigen

lima-cityForumProgrammiersprachenPHP, MySQL & .htaccess

  1. Autor dieses Themas

    laex630

    laex630 hat kostenlosen Webspace.

    Hallo,

    ich brauche Hilfe, und zwar möchte ich wenn man hier einen Ort eingibt bzw. Geo Daten in das FormFeld das der Standort in der Karte aufgerufen wird.

    <form action="#" onsubmit="showAddress(this.address.value); return false">
    				<p>        
    					<input type="text" size="60" name="address" value="Neuen Standort eingeben..." />
    					<input type="submit" value="Suchen!" />
    				</p>
    			</form>
    				</li>
    			</ul>
    		</div>
    		
    		<div id="google_canvas"></div>
    	
    		<script src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>
    	
    	    <script>
    	    (function() {
    	    
    	    	if(!!navigator.geolocation) {
    	    	
    	    		var map;
    	    	
    		    	var mapOptions = {
    		    		zoom: 15,
    		    		mapTypeId: google.maps.MapTypeId.ROADMAP
    		    	};
    		    	
    		    	map = new google.maps.Map(document.getElementById('google_canvas'), mapOptions);
    	    	
    	    		navigator.geolocation.getCurrentPosition(function(position) {
    	    		
    		    		var geolocate = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
    		    		
    		    		var infowindow = new google.maps.InfoWindow({
    		    			map: map,
    		    			position: geolocate,
    		    			content:
    		    				'<h1>Ihr Standort!</h1>' +
    		    				'<h2>Latitude: ' + position.coords.latitude + '</h2>' +
    		    				'<h2>Longitude: ' + position.coords.longitude + '</h2>'+
    							'<h2><u>Standort zu CreateQR übernehmen!</u></h2>'
    		    		});
    		    		
    		    		map.setCenter(geolocate);
    		    		
    	    		});
    	    		
    	    	} else {
    	    		document.getElementById('google_canvas').innerHTML = 'No Geolocation Support.';
    	    	}
    	    	
    	    })();
    	    </script>
    	</body>
    </html>


    Danke


    Beitrag zuletzt geändert: 13.3.2015 23:40:56 von laex630
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. laex630 schrieb:
    Hallo,

    ich brauche Hilfe, und zwar möchte ich wenn man hier einen Ort eingibt bzw. Geo Daten in das FormFeld das der Standort in der Karte aufgerufen wird.

    Wenn Du das möchtest, dann mach das doch einfach. :wink: Wenn Du dabei Hilfe erwartest, solltest Du eventuell mitteilen, an welcher Stelle und warum Du bei deinen bisherigen Versuchen gescheitert bist.
  4. Autor dieses Themas

    laex630

    laex630 hat kostenlosen Webspace.

    Von Anfang an gescheitert :( Problem ist ich weiß nicht wie ich das Abfragen soll bzw. das es dann sucht.
  5. Also kurz gesagt, glänzt Eigeninitiative durch Abwesenheit. :biggrin:

    Dann schau dir doch einfach mal die Beispiele und die Doku zur Maps-API an, experimentiere damit und stelle dann konkrete Fragen zu eventuellen Problemen bei der Umsetzung.
    Alternative für Bequeme: Vergib einen Auftrag an jemanden, der das für dich macht und bezahle denjenigen dafür.
  6. Du kannst den html text direkt bei google maps selber erstellen.

    bei Google Maps unten rechts auf das Zahnradsymbol klicken dann auf karte teilen oder einbetten

    einfach nur Quelltext kopieren und an pasender Stelle auf deiner Seite rein.

    andere Möglichkeit ist ein Direktlink http://www.regiohelden.de/google-maps/


    du kannst auch bei meiner Kontaktseite den quelltext ansehen. um ein funtionierendes Form Feld zum laufen, zu bringen.

    als erstes müßtest du eine php seite erstellen

    Beispiel komplett in die PHP Seite kopieren:



    <?php
    // Ausführen wenn Formular gesendet
    if (isset($_POST["submit"]))
    {

    // Sammeln der Formulardaten
    $an = "deine@ersetzen.de"; // Hier die Empfängeremail eintragen
    $name = $_POST['name'];
    $email = $_POST['email'];
    $betreff = $_POST['betreff'];
    $nachricht = $_POST['nachricht'];

    // Mailheader UTF-8 fähig machen
    $mail_header = 'From:' . $email . "\n";
    $mail_header .= 'Content-type: text/plain; charset=UTF-8' . "\r\n";

    // Mailheader UTF-8 fähig machen
    $message = "
    Name: $name\n
    Email: $email\n
    Nachricht: $nachricht\n
    ";

    // Verschicken der Mail
    mail($an, $betreff, $message, $mail_header );
    };
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>sevenXdemo - Form2Email - simple</title>
    </head>

    <body>


    </body>
    </html>

    der nächste Teil ist für den Einbau auf der HTML Seite:

    <form id="form" action="e-mail.php" method="post">


    <label for="name">Dein Name Nick:</label>
    <input id="name" name="name" size="25" type="text" />


    <label for="email">Deine Email Adresse:</label>
    <input id="email" name="email" size="25" type="text" />
    <label for="betreff">
    Betreff:</label>
    <input id="betreff" name="betreff" size="25" type="text" />

    <label for="nachricht">Nachricht:<br>
    </label><p></p>
    <textarea id="nachricht" cols="50" rows="6" name="nachricht"></textarea>

    <input id="submit" name="submit" type="submit" value="Post senden" />

    </form>




    meine PHP Seite nennt sich e-mail.php im form script - mußt du noch deine php adresse eingeben
    bei mir sieht es so aus <form id="form" action="e-mail.php" method="post">
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!