[Javascript] Javascript include problem?
Jason Pruim
lists at pruimphotography.com
Sat Oct 2 10:49:16 CDT 2010
On Oct 2, 2010, at 11:36 AM, John Warner wrote:
> Not sure on PHP (I'm a ASP.NET guy) but it sounds like you are still
> not
> understanding what John was suggesting (note I'm a different John)
>
> Your JavaScript file (.js) will contain only JavaScript, absolutely no
> html markup nor should any PHP be present. Of course you can bury
> anything
> in comments. Inside the js file there are no <script> tags all this is
> handled elsewhere in the 'process'. For example let's pretend the
> next few
> lines between the words begin and end are the .js file, Note begin
> and end
> are NOT part of the file just provided to make it easier to read:
> begin
>
> function helloJason() {
> alert('Hello Jason!') ;
> }
>
> end
>
> only what is between begin and end is our Jason.js file
>
> In your html
>
> <html>
> <head>
> <script type="text/javascript" language="javascript"
> src="Jason.js"></script>
> </head>
> <body>
> <input type="button" id="hello-world2" value="Hello"
> onClick="helloJason();" />
> </body>
> </html>
>
> Clear as mud right :-)
>
> John Warner
Hi Other John! :)
I think I have the concept down... I was just throwing out ideas for
including the page wether it was just javascript, or a complete page
into my other page (The one I actually want it to display on)
This is all that is in my javascript file right now:
var gmarkers = [];
var htmls = [];
var to_htmls = [];
var from_htmls = [];
var i=0;
// functions that open the directions forms
function tohere(i) {
gmarkers[i].openInfoWindowHtml(to_htmls[i]);
}
function fromhere(i) {
gmarkers[i].openInfoWindowHtml(from_htmls[i]);
}
// Check to see if this browser can run the Google API
// Display the map, with some controls and set the initial
location
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
// Set up markers with info windows
GDownloadUrl("phpsqlajax_genxml3.php", function(data) {
var xml = GXml.parse(data);
var markers =
xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var address = markers[i].getAttribute("address");
var type = markers[i].getAttribute("type");
var summary = markers[i].getAttribute("summary");
var description =
markers[i].getAttribute("description");
var point = new
GLatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var marker = createMarker(point, name, address, type,
summary);
map.addOverlay(marker);
map.setCenter(new
GLatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng"))), 11);
}
});
// A function to create the marker and set up the event window
function createMarker(point, name, html, address,
summary) {
var marker = new GMarker(point);
html = 'Name: ' + name + '<br /> Address: ' + address
+ '<br /> Summary: ' +summary;
// The info window version with the "to here" form open
to_htmls[i] = html + '<br>Directions: <b>To here</b>
- <a href="javascript:fromhere(' + i + ')">From here</a>' +
'<br>Start address:<form action="http://maps.google.com/
maps" method="get" target="_blank">' +
'<input type="text" SIZE=40 MAXLENGTH=48 name="saddr"
id="saddr" value="" /><br>' +
'<INPUT value="Get Directions" TYPE="SUBMIT">' +
'<input type="hidden" name="daddr" value="' + point.lat()
+ ',' + point.lng() +
// "(" + name + ")" +
'"/>';
// The info window version with the "to here" form open
from_htmls[i] = html + '<br>Directions: <a
href="javascript:tohere(' + i + ')">From here</a> - <b>To here</b>' +
'<br>End address:<form action="http://maps.google.com/
maps" method="get" target="_blank">' +
'<input type="text" SIZE=40 MAXLENGTH=48 name="daddr"
id="daddr" value="" /><br>' +
'<INPUT value="Get Directions" TYPE="SUBMIT">' +
'<input type="hidden" name="saddr" value="' + point.lat()
+ ',' + point.lng() +
// "(" + name + ")" +
'"/>';
// The inactive version of the direction info
html = html + '<br>Directions: <a
href="javascript:tohere('+i+')">To here</a> - <a
href="javascript:fromhere('+i+')">From here</a>';
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
gmarkers[i] = marker;
htmls[i] = html;
i++;
return marker;
}
}
}
Thanks for looking! :)
More information about the Javascript
mailing list