JavaScript - String Error Is Driving Me Crazy

im sure its the scripting, im new to js, can anyone Tell me why im getting these 2 error messages?
thank you!!!!!!!

detailed error: unterminated string literal
Error: onPageUnload is not defined


function writeMovie1()
{detectBrowser();if(windowsInternetExplorer)
{document.write('<object id="id3" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="150" height="16" style="height: 0px; left: 160px; position: absolute; top: 150px; width: 150px; z-index: 1; "><param name="src" value="musicfiles/VenusStereo.m4a" /><param name="controller" value="false" /><param name="autoplay" value="true" /><param name="scale" value="tofit" /><param name="volume" value="100" /><param name="loop" value="true" /></object>');}
else if(isiPhone)
{document.write('<object id="id3" type="video/quicktime" width="150" height="16" style="height: 0px; left: 160px; position: absolute; top: 150px; width: 150px; z-index: 1; "><param name="src" value="musicfiles/VenusStereo.m4a"/><param name="controller" value="false"/><param name="scale" value="tofit"/></object>');}
else
{document.write('<object id="id3" type="video/quicktime" width="150" height="16" data="musicfiles/VenusStereo.m4a" style="height: 0px; left: 160px; position: absolute; top: 150px; width: 150px; z-index: 1; "><param name="src" value="musicfiles/VenusStereo.m4a"/><param name="controller" value="false"/><param name="autoplay" value="true"/><param name="scale" value="tofit"/><param name="volume" value="100"/><param name="loop" value="true"/></object>');}
setTransparentGifURL('Media/transparent.gif');function applyEffects()
{var registry=IWCreateEffectRegistry();registry.registerEffects({stroke_0:new IWStrokeParts([{rect:new IWRect(-5,5,10,467),url:'Welcome_files/stroke.png'},{rect:new IWRect(-5,-5,10,10),url:'Welcome_files/stroke_1.png'},{rect:new IWRect(5,-5,705,10),url:'Welcome_files/stroke_2.png'},{rect:new IWRect(710,-5,11,10),url:'Welcome_files/stroke_3.png'},{rect:new IWRect(710,5,11,467),url:'Welcome_files/stroke_4.png'},{rect:new IWRect(710,472,11,10),url:'Welcome_files/stroke_5.png'},{rect:new IWRect(5,472,705,10),url:'Welcome_files/stroke_6.png'},{rect:new IWRect(-5,472,10,10),url:'Welcome_files/stroke_7.png'}],new IWSize(716,477))});registry.applyEffects();}
function hostedOnDM()
{return true;}
function onPageLoad()
{loadMozillaCSS('Welcome_files/WelcomeMoz.css')
adjustLineHeightIfTooBig('id1');adjustFontSizeIfTooBig('id1');adjustLineHeightIfTooBig('id2');adjust FontSizeIfTooBig('id2');Widget.onload();fixupAllIEPNGBGs();fixAllIEPNGs('Media/transparent.gif');applyEffects()}
function onPageUnload()
{Widget.onunload();}

I just noticed that my pseudo-streaming movie code causes an error with IE7.

I works fine with IE8, FireFox, Chrome... I have been looking on my own and found that it's likely a misplaced comma in my code, the other browser are debugging it, but IE7 will not. The error suggests it's where I have indicated below. I've tried removing the comma just after "about_us.jpg" and that causes the script to fail completely. Can anyone help me here, please?


Code:

<script type="text/javascript">
//<![CDATA[

flowplayer("player", {src: "http://www.mysite.org/flowplayer/flowplayer.commercial-3.2.5.swf", wmode: 'opaque'}, {
	// product key from your account
	key: '#$xxxxxxxxx',
		   // configure clip to use "lighthttpd" plugin for providing video data
    playlist: [
	{
        url: 'http://www.mysite.org/media/video/about_us.jpg',

    },   //<----error suggest here??? 
	{
        url: 'http://www.mysite.org/flowplayer/streamer.php?file=about_us.flv',
        provider: 'lighttpd',
		bufferLength: "2",
		autoBuffering: false
    }],

    // streaming plugins are configured normally under the plugins node
    plugins: {
        lighttpd: {
            url: 'http://www.mysite.org/flowplayer/flowplayer.pseudostreaming-3.2.5.swf',

			// use ${start} as a placeholder for the target keyframe
        queryString:escape('&start=${start}')
        }
    }
});
//]]>
</script>

I am trying to open a link in a new window and get this error. What am i doing wrong on the code below:
Code:

<a onclick="window.open('http://c1739202.cdn.cloudfiles.rackspacecloud.com/Assignments_final_demo.htm' 
width=" height='860,menubar=no,status=no,"' location="no,toolbar=no,scrollbars=no')&quot;" 
 c1739202.cdn.cloudfiles.rackspacecloud.com
 window.open(?http: 1155, Assignments_final_demo.htm?,?>
<img alt="" hspace="0" src="/files/images/PUdropBoxDemoButton.jpg" 
align="default" border="0" /></a></div>

Hi all I am creating a shopping cart in HTML & JavaScript.

It's very nearly complete but I've hit a brick wall with trying to delete a single item.

Where I list the shopping cart I have a delete button by every item. Here is the code to show that:

Code:

var buttonnode3= document.createElement('input'); // Create a button for each item to delete
			buttonnode3.setAttribute('type','button');
			buttonnode3.setAttribute('name','Delete');
			buttonnode3.setAttribute("value","Delete('"+ItemName[j]+"');");
			buttonnode3.setAttribute("onclick","Delete('"+ItemName[j]+"');"); // for FireFox. This parses through the item name (DelName=item name to delete)
			buttonnode3.onclick = function() {Delete(ItemName[j]);}; // for Internet Explorer. Again, this parses through DelName
			tr.appendChild(buttonnode3);

(The value name is for testing purposes).

As you can see here, it shows fine



But when I click delete, I get an 'undefined' error

Here is the code for the Delete(); function

Code:

function Delete(DelName){ // Create function Delete "DelName" parses through item name

alert(DelName); // testing

	for (var ind=0; ind<ItemName.length; ind++) { // Loop through array
		
		if(ItemName[ind] == DelName){ // Find item to be deleted
			
			ItemName.splice(ind,1); // Delete first record of item name
			Quantity.splice(ind,1); // Delete first record of its quantity
			Sum.splice(ind,1); // Delete first record of its sum
			
			alert('You have removed ' + DelName); // Alert user
			
			document.getElementById("div1").innerHTML=""; // Clear the whole shopping cart
			document.getElementById("div2").innerHTML="";
			document.getElementById("div3").innerHTML="";
			
			ViewShoppingCart(); // Once the cart is cleared, there may still be other items so update it again
		
		}
		
	}
}

I've tried doing this var DelName = ItemName[j]; and then change the buttonnode to show DelName and it works however DelName always gets set to the last Item in the array. For example, you delete Dinosaur but it deletes Firemans hat.

Can anyone help me out of this hole?

I'm sorry if this is in the wrong section...

I am not sure how to do it...

Here is the coding:
Code:

function displayTitle(name, x, y){
return name + " <a href='#' onClick='showDirectionsDialog(\""+name+"\", "+x+", "+y+")'><img src='images/direction.png' alt='Get driving directions'/></a>";
}

function showDirectionsDialog(name, x, y){
var d=dijit.byId("dialogDirections");

d.set("title", "Get directions to \""+name+"\"");

document.getElementById("txtToX").value=x;
document.getElementById("txtToY").value=y;

d.show();
}

function getDirections(){
var frmX=document.getElementById("txtFrmX").value;
var frmY=document.getElementById("txtFrmY").value;
var toX=document.getElementById("txtToX").value;
var toY=document.getElementById("txtToY").value;

var routeData = new Route;
routeData.routeStops = frmX+","+frmY+";"+toX+","+toY;
routeData.routeMode = "DRIVE";
routeData.avoidERP=0;
routeData.routeOption = "Shortest"; 
routeData.GetRoute(showDirections);
}

function showDirections(routeResults){
if (routeResults.results=="No results"){
alert("No directions found, please try other location.");
return;
}

}

Here is the coding I have now:
Code:

function getDirections() {

var routeData = new Route;
routeData.routeStops = document.getElementById('txtTheme').value;
routeData.routeMode = document.getElementById('txtOtptFlds').value;
routeData.avoidERP = document.getElementById('txtExtent').value;
routeData.routeOption = "Shortest"; 
routeData.GetRoute(showRouteData)
}

function showRouteData(routeResults)
{
if (routeResults.results=="No results"){
alert("No Route found, please try other location.")
return
}
else if (routeResults.results=="Stops more than nine"){
alert("Number of stops exceed than nine");
return;
}
directions = routeResults.results.directions[0];

directionFeatures = directions.features;

var routeSymbol = new esri.symbol.SimpleLineSymbol().setColor(new dojo.Color([0,0,255,0.5])).setWidth(4);

var mergedGeometry = new esri.geometry.Polyline()

mergedGeometry.addPath(routeResults.results.routes.features[0].geometry.paths[0])
OneMap.map.graphics.clear();
OneMap.map.graphics.add(new esri.Graphic(mergedGeometry, routeSymbol)); 
//Display the total time and distance of the route
document.getElementById("results").innerHTML = "<br /> &nbsp; Total distance: " + directions.summary.totalLength + "<br /> &nbsp; Total time: " + directions.summary.totalTime;

//List the directions and create hyperlinks for each route segment
for (var i=0;i<directions.features.length;i++)
{
var feature=directions.features[i]
document.getElementById("results").innerHTML= document.getElementById("results").innerHTML + '<br><u>' + parseInt(parseInt(i)+1) + ". " + feature.attributes.text + " (" + feature.attributes.length + ", " + feature.attributes.time + ")</u>" 

}
}

I am not sure how to integrate my codings into the other codings.

There is a name of the place (lets say London) and a clickable icon by the side. When I click the icon, a dojo toolkit dialog box appear for me to enter my location (the other place, London, will be displayed in the dialog box) Click "Go" to get the directions...

I wish to have the directions also placed in a dialog box too...

Hi.
i,m trying to make a map who show me as position A and a target adress as point B.I have made it so i can choose adress a and adress b from a dropdown but i want to automaticly load my position as possition A then choose position B from a dropdownlist. How can i do this ?

Thanks

Natrox



<!DOCTYPE html>
<html>
<head>
<title>Google Maps JavaScript API v3 Example: Map Geolocation</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="UTF-8">
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<!--
Include the maps javascript with sensor=true because this code is using a
sensor (a GPS locator) to determine the user's location.
See: http://code.google.com/apis/maps/doc...ecifyingSensor
-->
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?sensor=true&language=nb_NO"></script>
<!--<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true&language=nb_NO">
--> <script type="text/javascript">
var map;
var directionDisplay;
var directionsService;
var stepDisplay;
var markerArray = [];
var initialLocation;
//var oslo = new google.maps.LatLng(59.947639, 10.884469);
var browserSupportFlag = new Boolean();
function initialize() {
directionsService = new google.maps.DirectionsService();
// Create a map and center it on Manhattan.
var oslo = new google.maps.LatLng(59.947639, 10.884469);
var myOptions = {
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: oslo
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
// Create a renderer for directions and bind it to the map.
var rendererOptions = {
map: map
}
directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions)

// Instantiate an info window to hold step text.
stepDisplay = new google.maps.InfoWindow();
}
function calcRoute() {

// First, remove any existing markers from the map.
for (i = 0; i < markerArray.length; i++) {
markerArray[i].setMap(null);
}
// Now, clear the array itself.
markerArray = [];

// Retrieve the start and end locations and create
// a DirectionsRequest using DRIVING directions.
var start = document.getElementById("sart").value;
var end = document.getElementById("end").value;
var request = {
origin: start,
destination: end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
// Route the directions and pass the response to a
// function to create markers for each step.
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
var warnings = document.getElementById("warnings_panel");
warnings.innerHTML = "<b>" + response.routes[0].warnings + "</b>";
directionsDisplay.setDirections(response);
showSteps(response);
}
});
}

function showSteps(directionResult) {
// For each step, place a marker, and add the text to the marker's
// info window. Also attach the marker to an array so we
// can keep track of it and remove it when calculating new
// routes.
var myRoute = directionResult.routes[0].legs[0];

for (var i = 0; i < myRoute.steps.length; i++) {
var marker = new google.maps.Marker({
position: myRoute.steps[i].start_point,
map: map
});
attachInstructionText(marker, myRoute.steps[i].instructions);
markerArray[i] = marker;
}
}

function attachInstructionText(marker, text) {
google.maps.event.addListener(marker, 'click', function() {
// Open an info window when the marker is clicked on,
// containing the text of the step.
stepDisplay.setContent(text);
stepDisplay.open(map, marker);
});
}

// Try HTML5 geolocation
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = new google.maps.LatLng(position.coords.latitude,
position.coords.longitude);

var infowindow = new google.maps.InfoWindow({
map: map,
position: pos,
content: 'Du er her.'
});

map.setCenter(pos);
}, function() {
handleNoGeolocation(true);
});
} else {
// Browser doesn't support Geolocation
handleNoGeolocation(false);
}


function handleNoGeolocation(errorFlag) {
if (errorFlag) {
var content = 'Error: The Geolocation service failed.';
} else {
var content = 'Error: Your browser doesn\'t support geolocation.';
}

var options = {
map: map,
position: new google.maps.LatLng(60, 105),
content: content
};

var infowindow = new google.maps.InfoWindow(options);
map.setCenter(options.position);
}
function detectBrowser() {
var useragent = navigator.userAgent;
var mapdiv = document.getElementById("map_canvas");

if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
mapdiv.style.width = '100%';
mapdiv.style.height = '100%';
} else {
mapdiv.style.width = '600px';
mapdiv.style.height = '800px';
}
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body onload="initialize()">
<div style="text-align:center">
<select id="start">
<option value="625 8th Avenue, New York, NY, 10018">Port Authority Bus Terminal</option>
<option value="staten island ferry terminal, new york, ny">Staten Island Ferry Terminal</option>
<option value="101 E 125th Street, New York, NY">Harlem - 125th St Station</option>
</select>

<select id="end" onchange="calcRoute();">
<option value="Brubakkveien 14 1083 Oslo">Sigvartsen proffavdeling</option>
<option value="Sonja Henies plass 3, 0185 Oslo">Oslo plaza</option>
<option value="moma, New York, NY">MOMA</option>
<option value="350 5th Ave, New York, NY, 10118">Empire State Building</option>
<option value="253 West 125th Street, New York, NY">Apollo Theater</option>
<option value="1 Wall St, New York, NY">Wall St</option>
</select>
</div>
<div id="map_canvas"></div>
<div id="pos"></div>

&nbsp;
<div id="warnings_panel"></div>
</body>
</html>

Hi all,

I have a string which contains HTML and *possibly* IMG tags. I am trying to extract part of each IMG tag which may be in the string. The string is part of a chat-box message which may or may not contain smilies.

Here is a typical line of text, without processing (note I mis-spell the bbcode "quote" so as not to fool this board):

Code:

[qoute="Krupski"]<img src="./images/smilies/smile.gif" alt=":smile:" title="smile" />  <img src="./images/smilies/thumbsup.gif" alt=":thumbsup:" title="thumbsup" />  <img src="./images/smilies/thumbsdown.gif" alt=":thumbsdown:" title="thumbsdown" />[/qoute]

Notice that each image has an "ALT" attribute which contains the smiley code of the smiley image. THAT is what I want to extract.

This is the regex I am using to grab each smiley code:

Code:

txt = txt.replace(/<img(?:.*?):(.*?):(?:.*?)\/>/gi,':$1:');

The weird thing is, the regex grabs the FIRST and LAST of the three, but not the middle one!

I'm sure the stupid mistake is sitting right in front of my face, but I'm not seeing it.

Any help will be greatly appreciated!

Thanks.

-- Roger

Greetings,

I have a GMAP2 setup on my website that gives driving directions from Point A to Point B. I want to add functionality that allows a user to alter the directions once the polyline has already been plotted.

Working Example:

Google Driving Directions

My Driving Directions:

Green Traffic Driving Directions

What javascript do I need to tweak to get the line to be draggable?

Thanks in advance for any information and / or assistance.

Sincerely,
Travis Walters

How come when the page below loads, I see the "Ahh!" but not the "HELLO??".

The "Ahh!" is generated by the document.write() in JavaScript. Anytime I use it, the other HTML in the page seems to stop loading.

Any thoughts?

- - - - - - -
<html>
<head>
<title>test</title>
</head>
<body>

<script type="text/javascript">
window.onload = Scream;
function Scream() {
document.write("Ahh!!");
}
</script>

<br><br><br><br>

HELLO??

</body>
</html>

i want to update the table -play -win -draw -lost -goals in the following code when i enter the score. (e.g if i select manchester united from drop down1 and chelsea from dropdown 2- i get to update their score. let's say i update their score 1-0. in this case manchester won. i want the record to updated to manchester united as :win 1 - draw 0 - lost 0 goals 1 and chelsea as :win 0 - draw 0 lost 1 goals -1. what shall i do? how do i continue?


<!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>
<link rel="stylesheet" href="../css/foot.css" type="text/css" media="screen"/>
</head>
<body>
<div class="container">
<header>
<h1>Online Automated Football League Result</h1>
</header>
</div>

<div class="ball">

<label for="first">Please select the first team:</label>
<select id="first">
<option value="team_1">Manchester United</option>
<option value="team_2">Liverpool</option>
<option value="team_3">Chelsea</option>
<option value="team_4">Arsenal</option>
<option value="team_5">Manchester City</option>
<option value="team_6">Real Madrid</option>
<option value="team_7">Bayern Munich</option>
<option value="team_8">Barcelona</option>
</select>
<label for="second">Please select the second team:</label>
<select id="second">
<option value="team_1">Manchester United</option>
<option value="team_2">Liverpool</option>
<option value="team_3">Chelsea</option>
<option value="team_4">Arsenal</option>
<option value="team_5">Manchester City</option>
<option value="team_6">Real Madrid</option>
<option value="team_7">Bayern Munich</option>
<option value="team_8">Barcelona</option>
</select>

<label for="username">Enter score for the match (First team and Second team)</label>
<input type="text" id="txtbox1" size="2"/>
<input type="text" id="txtbox2" size="2"/>
<input type="button" value="Update" onclick="updateTable();"/><br/>
<div id="err" style="color:Red;"></div>
<br/>

<table border="1" width="50%" id="score">
<thead>
<tr>
<th>Team</th>
<th>Point</th>
<th>Play</th>
<th>Win</th>
<th>Draw</th>
<th>Lost</th>
<th>Goal.S</th>
<th>Goal.C</th>
<th>Goal.D</th>
</tr>
</thead>
<tbody>
<tr>
<td>Manchester United</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
</tr>
<tr>
<td>Liverpool</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
</tr>
<tr>
<td>Chelsea</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
</tr>
<tr>
<td>Arsenal</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
</tr>
<tr>
<td>Manchester City</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
</tr>
<tr>
<td>Real Madrid</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
</tr>
<tr>
<td>Bayern Munich</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
</tr>
<tr>
<td>Barcelona</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
</tr>
</tbody>
</table>
</div>


<script type="text/javascript">

function updateTable(){
document.getElementById('err').innerHTML = '';
var firstdrop = document.getElementById("first").value; //get team from 1st drop down
var seconddrop = document.getElementById("second").value; //get team from 2nd drop down
var temp1 = document.getElementById("txtbox1").value; //get score for 1st team
var box1 = Number(temp1);//store score of 1st team
var temp2 = document.getElementById("txtbox2").value; //get score for 2nd team
var box2 = Number(temp2);//store score of 2nd team
var tablebox1 = Number(document.getElementById(firstdrop).innerHTML);//store name of 1st team
var tablebox2 = Number(document.getElementById(seconddrop).innerHTML);//store name of 2nd team


if(temp1 == '' || temp2 == ''){
document.getElementById('err').innerHTML = 'Please enter both scores.';
alert("Please enter both scores.");
return;
}

if(firstdrop != seconddrop){
if(box1 > box2){
document.getElementById(firstdrop).innerHTML = tablebox1 + 3;
}else if(box1 < box2){
document.getElementById(seconddrop).innerHTML = tablebox2 + 3;
}else{
document.getElementById(firstdrop).innerHTML = tablebox1 + 1;
document.getElementById(seconddrop).innerHTML = tablebox2 + 1;
}
}else{
document.getElementById('err').innerHTML = 'Please select two different teams.';
alert("Please select two different teams.");
}

}

</script>
</body>
</html>

I'm trying to make something a lot like a store locator where a user types in their address of origin and submits, then the script compares the driving distances between their entered address and the 4 destination locations that I will store in an array once the page loads.

It's kind of hard to describe. I have a form working to do the distance and driving directions once I know which destination will be chosen. This is what I have so far:
http://rowsdower.freehostia.com/map_test.php

That seems to be working just fine. The problem is that I just can't get anything working that will compare the distance between the origin and each of the options before choosing and displaying directions to the nearest destination. My ultimate goal is to update the list of <options> with PHP and maybe MySQL - though I really don't need this to be large-scale. Then, after the user inputs a starting address if they choose a specific location from the dropdown it will give those directions, otherwise (if the "choose closest location" option is still active) then I will run a comparison of driving distances for each option's address value and store them to an array. Once all locations are read and tested for driving distance I want to take the closest location set that option as selected, and then run the call for driving directions as usual.

I know how to pull the option values, how to set and unset the "selected" attribute, and how to check to see if distances need to be compared. I can figure out how to do just about everything I need EXCEPT for getting the google maps API to play along. I've tried so many dead-end ideas that I have just reset my map code to square one. Any ideas for a script piece to run that will return only the driving distance for a list of locations?

The onclick event listener would be something like this
Code:

Array.prototype.findIndex = function(value){
	var ctr = "";
	for (var i=0; i < this.length; i++) {
		// use === to check for Matches. ie., identical (===), ;
		if (this[i] == value) {
			return i;
		}
	}
	return ctr;
};





// ===== request the directions =====
function getDirections() {
	document.getElementById("directions").style.display="block";  //displays the directions container 
	var saddr = document.getElementById("search1").value;  //the user's origin 
	var daddr = document.getElementById("search2").value;  //the selected destination 
	if (daddr=="Closest Location") {
		var distances = [0];
		for (i=1;i<document.getElementById("search2").options.length;i++) {
			 //setting i=1 so I skip the "closest Location" option... 
			if (document.getElementById("search2").options[i].selected) {
				document.getElementById("search2").options[i].removeAttribute("selected");  // de-select each option as we go just in case... 
			}
			var destination = document.getElementById("search2").options[i].value;  // pulling up the stored address 

			 //run driving directions comparison here then set "daddr" to the address whose driving distance is least 
 			distances[i]=getDrivingDistance(saddr,destination);  /*	<----- I just made this up, I don't really know
										how to get this done but I want it to be as
										simple as this somehow...*/  
		}
		daddr = distances.findIndex(distances.min());  // Finds index of the lowest driving distance 
		document.getElementById("search2").options[daddr].setAttribute("selected","selected");  // marks closest location as selected 
		daddr = document.getElementById("search2").options[daddr];  // sets destination address to same index as least distance index 
	}
	 // at this point I have either the user-defined destination or else the closest destination, so I find the directions... 
	var locale = getLocale();
	var dirOpts = {
		locale: locale,
		getPolyline: true
	};
	if (document.getElementById("walkingDirections").checked) {dirOpts.travelMode = G_TRAVEL_MODE_WALKING;}
	if (document.getElementById("avoidHighways").checked) {dirOpts.avoidHighways = true;}
	if (mapPreserveViewport) {
		dirOpts.preserveViewport = true
	}
	gdir.load("from: "+saddr+" to: "+daddr, dirOpts);
}

I'm going cross-eyed trying to get this working. Does anyone have any ideas for a code blurb to tie this all together? I think everything else should work once I get through the distance iterations but I'm useless with the google maps API...

Hey all, I have a simple example below showing how when I pass in the value of the value attribute of option node, and then use if operator to check whether parameter is a string or not, even though it's a string, it converts it to false boolean and triggers the else statement rather than calling a function:

Code:

	<body>
		<select>
			<option value="createMsg">Add Message</option>
			<option value="removeMsg">Remove Message</option>
		</select>
	</body>

Code:

var menu = {
	handleMenu : function(callback){
 	   	if(callback === "string"){
			menu[callback]();
		}
 		else {
			console.log("Issue occurred")
		}
 		
	},
	createMsg : function(){
		var	content = document.createTextNode("Please give additional information."),
			heading = document.createElement("h1");

		heading.appendChild(content);
		document.body.appendChild(heading);

	},
	removeMsg : function(){
		
	}
}
 
document.getElementsByTagName('select')[0].onchange = function(){ menu.handleMenu(this.value)};

callback should be a string so why is it saying otherwise?

Thanks for response

Hi,
Ive been days searching posting, trying to find a solution to my pure css hover menu that works perfect, except in toucscreens.
Ive been today to apples shop to test, and yes sometimes it opens on click other it wont open, something strange.
So the best is to serve another menu to toucsreens such as smartphones and tablets, or make the menu work on both.
I have tried my menu (Peterneds whateverhover) but cant manage, also have no touchscreen to do tests on.

Searching I found Suckerfish Dropdowns and the dropdown have a script for ie6 as ie6 does not support hover.
This is the script:
Code:

<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>

I wonder, isnt it posible to change the onmouseover and onmouseout to touchstart and touchend?
I imagine that sounds just to easy, suppose if that were the case it would already been done, however I read that touchstart is for iphone etc...
Any help please, I do understand javascript when I read it, but am not able to do my own functions.
Thanks
Helen

Hi,
So I think I can't see the trees for the forest.
I'm pretty good at code and usually work out the answer myself.
I am doing some work for a client, working on some code written by someone else.
It is a form, and for some reason the validation isn't working. The form sends with or without data entered into the mandatory fields.
I can't look at the code anymore..
Is this the correct place I would ask for help with such a thing?

Thanks kindly.

(just started JS 2 weeks ago) -- this is also my first time posting here, if my post isnt following the proper template let me know and Ill fix it .. Thanks so much for taking the time to check this out in advance

Im trying to make the first ul tag in the each slideMenus[] array index values have a position of left = 0px I keep recieving this error however
____________________________________________________
Error: slideMenus[i].getElementsByTagName("ul").style is undefined

Line: 63
------------------------------------------------------------------

the script in question is in [code]. Could someone tell me if I am just making a syntax error if not ill try redoing the whole thing.










window.onload = makeMenus

var currentSlide = null
var timeID = null
leftPos = 0

function makeMenus(){
var slideMenus = new Array()
var allElems = document.getElementsByTagName("*")
var slideListArr = new Array()

for(var i=0 ; i < allElems.length ; i++){
if(allElems[i].className = "slideMenu") slideMenus.push(allElems[i])
}



for(var i=0 ; i < slideMenus.length ; i++){
slideMenus[i].onclick = showSlide;
Code:

slideMenus[i].getElementsByTagName("ul")[0].style.left = "0px";

}
document.getElementById("head").onClick = closeSlide
document.getElementById("main").onClick = closeSlide
}

function showSlide(){
var slideList = this.getElementsByTagName("ul")[0] // mess with this
if((currentSlide != null) && (currentSlide.id == slideList.id))
{closeSlide()}

else{
closeSlide();
var currentSlide = slideList;
currentSlide.style.display = "block";
timeID = setInterval('moveSlide()', 1);
}
}

function closeSlide(){
if(currentSlide){
clearInterval(timeID);
currentSlide.style.left = "0px"
currentSlide.style.display = "none";
var currentSlide = null
}
}

function moveSlide(){
var leftPos = leftPos + 5;
if(leftPos <= 220)
{currentSlide.style.left = leftPos + "px"}
else{
clearInterval(timeID);
var leftPos = 0}
}