Jump to content
Sign in to follow this  
emonade

Help i am after someone to work with me to create a website

Recommended Posts

I am in the process of creating a website for a new venture but i am SOOOOO rusty on codeing as havent done it in over 10 years and was never very good with anything more than html

 

i am after someone willing to help me create the site i could afford a few pennies if need be but this project is being set up on a very tight budget

 

it will all be centered around maps i need to have the facility to click a location on the map and it opens up alongside all the details of the business, but not in a new page just within a frame on the same page i also need a site search facility

 

i have been trying to get the map to work in a package for days and now at the end of my teather i have used the following code which works as a stand alone but not into the current template i have been using by 123-reg

 

<a><html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Complex icons</title> <style> html, body, #map-canvas { height: 100%; margin: 0px; padding: 0px } </style> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> <script> function initialize() { var mapOptions = { zoom: 5, center: new google.maps.LatLng(51.5000, 0.1167) } var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); setMarkers(map, beaches);}

var beaches = [ ['Marmalade <br> 67 Northgate Street <br> Chester <br> CH1 2HQ <br><a href="http://www.marmalade-chester.co.uk">l</a></a>', 53.19384783026191, -2.8605856895446, 4], ['southend', 51.60592667798674, 0.66912150382994, 5], ['tarporley', 55.74326998205062, -2.8699998855590, 3], ['Manly Beach', 51.180229348841784, -1.82709896564483, 2], ['stonehenge', 51.180229348841784, -1.82709896564483, 1] ]; function setMarkers(map, locations) { var image = { url: 'images/foodsmall.png', size: new google.maps.Size(30, 30), origin: new google.maps.Point(0,0), anchor: new google.maps.Point(0, 32) }; var shape = { coords: [1, 1, 1, 20, 18, 20, 18 , 1], type: 'poly' }; for (var i = 0; i < locations.length; i++) { var beach = locations; var myLatLng = new google.maps.LatLng(beach[1], beach[2]); var marker = new google.maps.Marker({ position: myLatLng, map: map, icon: image, shape: shape, title: beach[0], zIndex: beach[3] }); }}google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map-canvas"></div> </body> </html></locations></br></br></br></br></script></meta></meta>

 

 

Any help would be greatly appricated i am basically trying to creat a site similar to the following one if that helps http://www.visiteatstay.com/

Share this post


Link to post
Share on other sites

We're here to help, but not for pay. This is a learning site.

Share this post


Link to post
Share on other sites

You probably should read the W3Schools HTML tutorial from start to end, there's way too much to explain to you in one forum post. What you have in your code right now is referred to by developers as "Tag soup".

 

Once you've learnt HTML and created a new page, pass your HTML through the W3C HTML validator frequently, because incorrect HTML will cause CSS and Javascript to not work properly.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...