JavaScript - Plotting Multiple Points From Database On Gmaps Help!!!

Hi all, I have a boss who wants to show 5000 points on a Google map. So far, only a fraction of this being displayed freezes the browser. I've been challenged to make this possible while still in the realm of the browser.

Would the flash version of Google maps api be a better bet? Does flash provide a better framework for this kind of heavy usage?

Hi,

I need a help with a project I am working on.
I am not a developer so not so familiar with javascript.
Suppose I have a map with ten junctions and based on that map,
I need to calculate all the possible routes between one junction to another.
How do I represent the map in javascript and how do I code the function to calculate all the possible routes?? :-(
many thanks if someone can help me

Hi all,

I am trying to wrap a text selection with BBCode. I have it working, but there is one final part I need help with.

First, here's the code I'm using:
Code:

    var range = ed.selection.getRng(true);
    var s = ed.dom.create('span', {}, '');
    range.surroundContents(s);
    s.innerHTML = open + s.innerHTML + close;
    ed.selection.select(s);

This is an explanation of each line:
get the user's selection as a W3C compatible range create an empty <span> element surround the selection range with the span convert the selection from "selection" to "[bbcode]selection[/bbcode]" by using innerHTML select the new <span> element
Of course, selecting the span ALSO selects the BBCode open and close tag... like in this pictu



So, the last thing I need to do (the whole point of this post)... how do I MOVE the range start and end points so that only the selection is selected and NOT the whole thing?

I will greatly appreciate if someone can tell me how to move those selection start and end points...

Thanks!

-- Roger

Hello,

I am in the process of using the split function for splitting strings into an array. The problem I am dealing with is how to do this with local language. Not all languages us the space " " delimiter between words to write a phrase or sentence.

I have a list of all of delimiters for english, japanese, chinese, korean in Decimal Code Point format. For example, the decimal code point equivalent for " " is 32. Is it possible to use the javascript split function with decimal code points? If not, how can I reformat them into a format that js would understand?

Many thanks.

This is the code that I'm presently using:

Code:

<script language="JavaScript" type="text/javascript">
<!--

function Cal(obj){
 var total=0;
 var ticked=0;
 for (var zxc0=1;zxc0<obj['B'].length;zxc0++){
  if (obj['B'][zxc0].checked){
    total+=obj['B'].length-1;
    ticked+=zxc0;
  }
 }
 for (var zxc1=1;zxc1<obj['C'].length;zxc1++){
  if (obj['C'][zxc1].checked){
    total+=obj['C'].length-1;
    ticked+=zxc1;
  }
 }
 for (var zxc2=1;zxc2<obj['D'].length;zxc2++){
  if (obj['D'][zxc2].checked){
    total+=obj['D'].length-1;
    ticked+=zxc2;
  }
 }
  for (var zxc2=1;zxc2<obj['E'].length;zxc2++){
  if (obj['E'][zxc2].checked){
    total+=obj['E'].length-1;
    ticked+=zxc2;
  }
 }
   for (var zxc2=1;zxc2<obj['F'].length;zxc2++){
  if (obj['F'][zxc2].checked){
    total+=obj['F'].length-1;
    ticked+=zxc2;
  }
 }
    for (var zxc2=1;zxc2<obj['G'].length;zxc2++){
  if (obj['G'][zxc2].checked){
    total+=obj['G'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['H'].length;zxc2++){
  if (obj['H'][zxc2].checked){
    total+=obj['H'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['I'].length;zxc2++){
  if (obj['I'][zxc2].checked){
    total+=obj['I'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['J'].length;zxc2++){
  if (obj['J'][zxc2].checked){
    total+=obj['J'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['K'].length;zxc2++){
  if (obj['K'][zxc2].checked){
    total+=obj['K'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['L'].length;zxc2++){
  if (obj['L'][zxc2].checked){
    total+=obj['L'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['M'].length;zxc2++){
  if (obj['M'][zxc2].checked){
    total+=obj['M'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['N'].length;zxc2++){
  if (obj['N'][zxc2].checked){
    total+=obj['N'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['O'].length;zxc2++){
  if (obj['O'][zxc2].checked){
    total+=obj['O'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['P'].length;zxc2++){
  if (obj['P'][zxc2].checked){
    total+=obj['P'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['Q'].length;zxc2++){
  if (obj['Q'][zxc2].checked){
    total+=obj['Q'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['R'].length;zxc2++){
  if (obj['R'][zxc2].checked){
    total+=obj['R'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['S'].length;zxc2++){
  if (obj['S'][zxc2].checked){
    total+=obj['S'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['T'].length;zxc2++){
  if (obj['T'][zxc2].checked){
    total+=obj['T'].length-1;
    ticked+=zxc2;
  }
 }
      for (var zxc2=1;zxc2<obj['U'].length;zxc2++){
  if (obj['U'][zxc2].checked){
    total+=obj['U'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['V'].length;zxc2++){
  if (obj['V'][zxc2].checked){
    total+=obj['V'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['W'].length;zxc2++){
  if (obj['W'][zxc2].checked){
    total+=obj['W'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['X'].length;zxc2++){
  if (obj['X'][zxc2].checked){
    total+=obj['X'].length-1;
    ticked+=zxc2;
  }
 }
      for (var zxc2=1;zxc2<obj['W'].length;zxc2++){
  if (obj['W'][zxc2].checked){
    total+=obj['W'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['X'].length;zxc2++){
  if (obj['X'][zxc2].checked){
    total+=obj['X'].length-1;
    ticked+=zxc2;
  }
 }
      for (var zxc2=1;zxc2<obj['Y'].length;zxc2++){
  if (obj['Y'][zxc2].checked){
    total+=obj['Y'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['Z'].length;zxc2++){
  if (obj['Z'][zxc2].checked){
    total+=obj['Z'].length-1;
    ticked+=zxc2;
  }
 }
      for (var zxc2=1;zxc2<obj['AA'].length;zxc2++){
  if (obj['AA'][zxc2].checked){
    total+=obj['AA'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['AB'].length;zxc2++){
  if (obj['AB'][zxc2].checked){
    total+=obj['AB'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['AC'].length;zxc2++){
  if (obj['AC'][zxc2].checked){
    total+=obj['AC'].length-1;
    ticked+=zxc2;
  }
 }
      for (var zxc2=1;zxc2<obj['AD'].length;zxc2++){
  if (obj['AD'][zxc2].checked){
    total+=obj['AD'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['AE'].length;zxc2++){
  if (obj['AE'][zxc2].checked){
    total+=obj['AE'].length-1;
    ticked+=zxc2;
  }
 }
      for (var zxc2=1;zxc2<obj['AF'].length;zxc2++){
  if (obj['AF'][zxc2].checked){
    total+=obj['AF'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['AG'].length;zxc2++){
  if (obj['AG'][zxc2].checked){
    total+=obj['AG'].length-1;
    ticked+=zxc2;
  }
 }
      for (var zxc2=1;zxc2<obj['AH'].length;zxc2++){
  if (obj['AH'][zxc2].checked){
    total+=obj['AH'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['AI'].length;zxc2++){
  if (obj['AI'][zxc2].checked){
    total+=obj['AI'].length-1;
    ticked+=zxc2;
  }
 }
      for (var zxc2=1;zxc2<obj['AJ'].length;zxc2++){
  if (obj['AJ'][zxc2].checked){
    total+=obj['AJ'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['AK'].length;zxc2++){
  if (obj['AK'][zxc2].checked){
    total+=obj['AK'].length-1;
    ticked+=zxc2;
  }
 }
      for (var zxc2=1;zxc2<obj['AL'].length;zxc2++){
  if (obj['AL'][zxc2].checked){
    total+=obj['AL'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['AM'].length;zxc2++){
  if (obj['AM'][zxc2].checked){
    total+=obj['AM'].length-1;
    ticked+=zxc2;
  }
 }
       for (var zxc2=1;zxc2<obj['AN'].length;zxc2++){
  if (obj['AN'][zxc2].checked){
    total+=obj['AN'].length-1;
    ticked+=zxc2;
  }
 }
     for (var zxc2=1;zxc2<obj['AO'].length;zxc2++){
  if (obj['AO'][zxc2].checked){
    total+=obj['AO'].length-1;
    ticked+=zxc2;
  }
 }
 obj['Score'].value='Sco  '+ticked+'/'+total;
}
//-->
</script>

However, what this piece of code does is that, every radio button gets only 1 point. What I intended is that every subsequent radio button in each <td> garners incremental points by 1.

Eg: Q1, 1st radio button gets 0pt, 2nd radio button gets 1pt, 3rd radio button gets 2pt.

Does anyone have any idea how to implement that, all help are greatly appreciated!

Hi,

I hope someone can help me. I'll be honest and say I don't know much about javascript, but am fairly comfortable in html.

I am building a website that will have multiple image swaps on multiple pages. I am building this in wordpress, and I'm guessing that means my approach will be different than if I wasn't using wordpress.

Here's how one page would work: There are 10 images shown. 1,2,3,4,5,6,7,8,9,10. When number 1 is clicked on, I want a new image - 1a. When 2 is clicked on, 2a. So there are 20 different images in all on a given page.

Also, I want the user to be able to click on the image again to restore the original image. I would prefer onclick to onmouseover.

There will be literally dozens of pages like this on the site, managed by wordpress, so hundreds of images to swap. Basically the first image is a question - the second image is the answer.

Is this possible?

Ok, I have no idea how to really even explain what's been asked of me, but it's seems to me that this could be a bit beyond my knowledge.

We're creating an alternate reality game which starts with a series of questions that people can choose from two answers. The answers will determine which path the person will travel. They'll be given a password at the end of the series of questions. There are three possible paths, which means three possible passwords given.

On the same page, beneath the questions would be a text box with a "submit" button. The password they are given would be typed in there, and then they'd proceed to the proper page. This keeps from people being able to "skip" the questions portion. What they'd proceed to next is a video which is currently being made for our event, which has hidden puzzles and clues in it to find the next password. Rinse and repeat...

My problem? How the heck do I make that box and submit button and password all work together when I have more than one password? Even more so, how do I make the password/submit button direct someone to the correct URL (without revealing the URL, and also prevents anyone from copying the URL and sharing it to bypass the password request)?

For example:

Questions are complete and the password "invention" is given.

The person types in the word invention and presses submit. It directs the to www.url.com/game1 automatically.

While someone else will come in, answer the questions, and the password "intelligence" would be given.

That person types in the word intelligence and presses submit into the same box, using the same button that the person who typed in the word invention typed in. But this person would instead be directed to www.url.com/game2

If either person shared the link they were directed to, then it'd prompt people to put in a password before letting them in.

How in the darn world do I make this happen?? LOL!

Thanks in advance for any time, advice, or tutorials provided!

---------------------------------------- Added later....

I might need to go ahead and ask this as well.. since it got me to thinking..

How would I go about hiding the URL as well. I'm only interested in doing it for the game side of the site to keep from people sharing that URL and stripping the "fun" away from the game. Hopefully it is something simple? I'm fairly new at coding. My knowledge is no where as vast as I see many others here are. So if you should decide to have the patience to assist me, please be specific in steps like you are describing this to your kid who has no idea what you're talking about. I hate to present it that way, but I don't want to annoy anyone by stating I don't understand.

I have a page of dates in a form field which currently are being entered manually and wish to have a calendar pop up for each one to make it a bit easier.

i have managed to use a calendar routine 'tigra calendar' i found online but now after working out not to get it working within my own template i faced the problem on multiple date fields.

i currently use a numbers field 1-10 or how every many there needs to be on that page. but how would i integrate this within the coding from 'tigra calendar'

can anyone suggest a better way to do this.

if needed i can sort out a zip file of the files i have for tigra calendar.

Hi all - I'm having difficulty with the processing of 3 forms on my web page. We'll call my 3 forms A, B, and C.
By default my page shows form A. The other 2 forms I have hidden via display:none
My issue is when I have form B or C showing. Once I hit submit, say within form B for example, I'd like this form to remain for future entries/submital of data. However, instead what happens is form A appears. How do I get form B to remain, allowing for a user to submit multiple entries of data without going back to form A?

Here's my code for form 'B'

<div id="branches_info" style=" <?php echo $display_branches; ?> ">
form method="post" action="annual_report_main.php" onsubmit="return validateBranches(this);">
<fieldset>
<p><strong>Branch Location</strong></p><br />
<label for="branch_address" class="long">Street Address:</label>
<input maxlength="50" type="text" name="branch_address" id="branch_address" value="<?php echo htmlentities($_POST['branch_address']);?>" /><br />
<div class="cleaner"></div>
<label for="branch_city" class="long">City:</label>
<input maxlength="20" type="text" name="branch_city" id="branch_city" value="<?php echo htmlentities($_POST['branch_city']);?>" /><br />
<div class="cleaner"></div>
<label for="branch_state" class="long">State:</label>
<input maxlength="2" type="text" name="branch_state" id="branch_state" value="<?php echo htmlentities($_POST['branch_state']);?>" /><br />
<div class="cleaner"></div>
<label for="branch_zip" class="long">Zip Code:</label>
<input maxlength="10" type="text" name="branch_zip" id="branch_zip" value="<?php echo htmlentities($_POST['branch_zip']);?>" /><br />
<div class="cleaner"></div>
<div class="content_onecolumn">
<input type="submit" name="Branches" value="Submit to Database" class="inputSubmit" />
</div>
<div class="content_onecolumn">
<input type="button" name="Finished" value="Finished" class="inputSubmit" onclick="window.open('https://www.dca.ca.gov/webapps/bppe/thankyou.php');return false" />
</div>
</fieldset>
</form>
</div>

Hi, been using javascript for a while now, and wondering how else this could be coded to be more effective and to 'work'.

The idea is that the user gets prompted, 'what is your birthday?' the user would put in 0121 or whatever their birthday is,
as 01 = month and 21 = day. I'm sure you'll understand what I mean....

Code:

<DOCTYPE html>
<html>
<script>
var userAnswer = prompt("When is your birthday? Example: Jan 21st = 0121")
</script>
<head>
</head>
<body>
<script>
if(userAnswer >= 0101){
alert('You are Capricorn!') };
if(userAnswer >= 0120){
alert('You are Aquarius!') };
if(userAnswer >= 0219){
alert('You are Pisces!') };
if(userAnswer >= 0321){
alert('You are Aries') };
if(userAnswer >= 0420){
alert('You are Taurus') };
if(userAnswer >= 0521){
alert('You are Gemini!') };
if(userAnswer >= 0621){
alert('You are Cancer!') };
if(userAnswer >= 0723){
alert('You are Leo!') };
if(userAnswer >= 0823){
alert('You are Virgo!') };
if(userAnswer >= 0923){
alert('You are Libra!') };
if(userAnswer >= 1023){
alert('You are Scorpio!') };
if(userAnswer >= 1122){
alert('You are Sagittarius!') };
if(userAnswer >= 1222){
alert('You are Capricorn!') }; 
</script>
</body>
</html>

Reply With Quote




01-18-2015, 10:01 AM #2
Mitchellwood101 View Profile View Forum Posts

New to the CF scene Join Date Nov 2014 Posts 7 Thanks 0 Thanked 0 Times in 0 Posts

And then it will alert the user of their star sign******





Reply With Quote

01-18-2015, 05:47 PM #3
Philip M View Profile View Forum Posts

Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts

If you have been using Javascript for a while now, you should be aware that prompts and alerts are long obsolete, and I would advise that you should not be wasting your time learning this stuff. Use DOM methods to obtain input from and display messages to your users. Be aware that a value starting with 0 is a string, not a number, and so must be in quotes - that is why your code does not work.
In any case you need rigorous checking to ensure that the birthday entered in this form is valid, e.g. not 56th Febtember or "Mickey Mouse". You would do best to obtain the input from select lists for month and day, expressed as numbers. A tiny bit more sophistication would allow the user to select a month by name, where the text of the option is the month name, and the value of that option the month number.

Code:

<select id = "monthlist" onchange = "getSignFunction()">
<option value = "0"> Choose your birth month</option>
<option value = 1>January</option>
<option value =  2>February</option>
... and so on
</select>

Then you want something like this:-

Code:

function getSignFunction()"{
var sign = "";
var month = document.getElementById("monthlist").value;
var date = document.getElementById("datelist").value;
if (month == 0) {return}  //  invalid choice

if (month == 1 && date >=20 || month == 2 && date <=18) {sign = "Aquarius";}
if (month == 2 && date >=19 || month == 3 && date <=20) {sign = "Pisces";}
if (month == 3 && date >=21 || month == 4 && date <=19) {sign = "Aries";}
if (month == 4 && date >=20 || month == 5 && date <=20) {sign = "Taurus";}
if (month == 5 && date >=21 || month == 6 && date <=21) {sign = "Gemini";}
if (month == 6 && date >=22 || month == 7 && date <=22) {sign = "Cancer";}
if (month == 7 && date >=23 || month == 8 && date <=22) {sign = "Leo";}
if (month == 8 && date >=23 || month == 9 && date <=22) {sign = "Virgo";}
if (month == 9 && date >=23 || month == 10 && date <=22) {sign = "Libra";}
if (month == 10 && date >=23 || month == 11 && date <=21) {sign = "Scorpio";}
if (month == 11 && date >=22 || month == 12 && date <=21) {sign = "Sagittarius";}
if (month == 12 && date >=22 || month == 1 && date <=19) {sign = "Capricorn";}

alert (sign);  // alert used here just for testing purposes.  Crate as <span> and then use document.getElementById("spanid").innerHTML = sign to display the result to the user.

}

All advice is supplied packaged by intellectual weight, and not by volume. Contents may settle slightly in transit.

Hello everyone,

I have a problem in redirecting into multiple pages based on if statement result.
I have used 3 redirects, only the first one works "redirect1" when I chose any other option.. it always redirects me to the redirect1 page!

Please I need your help experts !

The whole code is attached.

Im having problems with this code working as it should.

the top banner is supposed to cycle
the second banner is supposed to be random
the 3rd is a slide show that is supposed to work in order
Everything works in random order. Any help would be appreciated.
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>

<title>HTML and JavaScript</title>

<script type="text/javascript">
var imgArray=new Array(4);
imgArray[0]= new Image;
imgArray[0].src="lions3.gif";
imgArray[1]= new Image;
imgArray[1].src="tigers3.gif";
imgArray[2]= new Image;
imgArray[2].src="bears3.gif";
imgArray[3]= new Image;
imgArray[3].src="ohmy3.gif";
var index=0

function startup() {
cycle();
select();
return
}
</script>
<script type="text/javascript">

function cycle() {
document.banner.src= imgArray[index].src;
  index++;
  if (index==4)
    {
      index=0;
    }
  setTimeout("cycle()",1000);
  return;
}
</script>
<script type="text/javascript">

function select() {
index=Math.floor(Math.random()*4);
  document.banner1.src=imgArray[index].src;
  setTimeout("select()",2000);
  return;
}
</script>
<script type="text/javascript">


function doBack()
{
  if (index>0)
  {
    index--;
    document.slideshow.src=imgArray[index].src;
  }
  return;
}
function doNext()
{
  if (index<3)
  {
    index++;
    document.slideshow.src=imgArray[index].src;
  }
  return;
}
</script>
</head>
<body onload="startup()";>
<center><img name="banner" src="lions3.gif" id="banner">
<div align="center"><img name="banner1" src="tigers3.gif" id="banner1"></div>
</center>
<div align="center">
<h2>My JavaScript Slideshow</h2>
<p><img name="slideshow" src="lions3.gif"></p>
<p><a href="javascript:doBack()">Back</a> * * * * 
<a href="javascript:doNext()">Next</a></p>
</div>
</body>
</html>

here is my issue... i have an object and i need to call two functions. i need the onclick="something" to call a server side function and then i need another onclick="something" to call a javascript funtion... the problem is you can only have one "onclick" (similar to having one "class")... how can I set up an onclick that will call both my serverside function and my javascript function... I realize this is not specifically serverside section of forum, so pretend I am asking how to call two separate javascript functions with different names

the item in question is here
Code:

<asp:Button ID="btn_gen1" runat="server" Text="InterventionCentral" class="show" 
                       onclick="btn_gen1_Click" onclick="autohide" onmouseover="details_visible(1)" onmouseout="details_hidden(1)" />

just showing this to clarify that javascript does work with the asp and my mouse functions are working fine... my asp onclick works as well.. i can remove the asp and leave the js and it will work, but then all the stuff i do server side for the onclick goes away

is this able to be done? this is for dev testing and i will eventually run into the same problem of needing to call two separate javascipt functions via onmouseover and also onmouseout

how do i make something like this? so that instead of viewing a long list it will be divided into pages..?