[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