Tutorials Forums
     Tutorials Videos
        Sign Up Now For FREE
Welcome, Guest
Username Password: Remember me
Forgot your password? Forgot your username? Create an account
Tutorials Forum
Web Development Tutorials
CSS.HTML

Store Driving Directions
(1 viewing) (1) Guest
HTML HELP, HTML TUTORIALS, HTML PROGRAMMING, HTML CODE, HTML DESIGN

Hypertext Markup Language (HTML) is the authoring software language used for building web pages. It is a subset of Standard Generalized Markup Language (SGML). In HTML, a block of text is often surrounded by tags that indicate how a browser should display it. There’s much more to HTML than that, of course, as the articles in this section detail.
Reply Topic
New Topic
  • Page:
  • 1

TOPIC: Store Driving Directions

Store Driving Directions 08 Dec 2009 07:38 #50

Simple HTML form allowing the user to enter his street address and retrieve driving directions via Google maps.

Instructions: Copy & Paste this snippet. Be sure to change the daddr value (destination address) to reflect the location of the storefront. This can be manipulated many ways, I chose to have it open in a new tab. 

 
 
<form action="http://maps.google.com/maps" method="get" target="_blank">
 <table>
   <tr>
      <td><label for="startAddress">Start Address (street, city state)</label></td>
      <td><input type="text" class="text" name="saddr" id="startAddress" value="" size="35" /></td>
   </tr>
 </table>
<input type="submit" class="submit" value="Map It" />
 
  <!-- Replace the value with your business address -->
  <input type="hidden" class="text" name="daddr" value="123 main street, columbus ohio" size="35" />
</form>
 
 
  • mnjon
  • OFFLINE
  • CE Staff
  • Posts: 78
  • Karma: 40
Reply Quote
CodersEngine
Reply Topic
New Topic
  • Page:
  • 1
Tutorials Forum
Web Development Tutorials
CSS.HTML
Powered by Kunena
Time to create page: 0.39 seconds