JavaScript - The Values Doesn't Change

http://www.***.com/5.html

i cant get a caption specific to each image to display under the arrows when the image changes. it is especially hard for me because i have to edit the javascript which confuses the **** out of me. it seemed so simple....

thanks for any help

ps i cant start an id with a digit? it doesnt seem to cause any problems...why is it stated that this cannot or shouldnot be done?

Hi,
What's a good way/ideal data structure to achieve this?

The objective of the code/function is to map user-inputted strings into a pair of specific, hard-coded strings. For example, say the user types "firefox" or "ff", or "fx". The output would be the pair ["browser", "mozilla"], for example.

I'm currently using a multidimensional array, but it feels inefficient and I'm having trouble mapping an arbitrary number of inputs into 2 outputs.

Code:

var strings = [ ["input1", "output1a"],
                ["input2", "output1a"],
                ["input3", "output1a"],
                ["input1", "output1b"],
                ["input2", "output1b"],
                ["input3", "output1b"]
              ];

How should I map the elements ["input1", "input2", "input3"] => ["output1a", "output1b"] ?

Another method I used previously was a massive switch statement. This fulfills my needs, but I'm not sure about the efficiency (though if I remember correctly, switch statements become more efficient as size grows, since it uses a hash table?).

Code:

switch (input) {
    case "ff": case "firefox": case "fx" : case "ffox":
        return ["browser", "mozilla"];
    case "ie": case "internet explorer":
        return ["browser", "microsoft"];
    ...
}

Hello,

Current Live View: https://tornhq.com/AroundTheWorld/Lo...WorkingOn.html

This content is going to be implemented into a form I am currently working on once completed. As you can see, not all of the countries have yet been broken down as some we're having difficulties doing so.

Code:

    SList.getSelect = function (slist, option) {
        document.getElementById('scontent').innerHTML = ''; // empty option-content

        if (SList[slist][option]) {
            // if option from the last Select, add text-content, else, set dropdown list
            if (slist == 'scontent') document.getElementById('scontent').innerHTML = SList[slist][option];
            else {
                var addata = '<option>- - -</option>';
                for (var i = 0; i < SList[slist][option].length; i++) {
                    addata += '<option value="' + SList[slist][option][i] + '">' + SList[slist][option][i] + '</option>';
                }

                // cases for each dropdown list
                switch (slist) {
                    case 'slist2':
                        document.getElementById('slist2').innerHTML = txtsl2 + ' <select name="slist2" onchange="SList.getSelect(\'slist3\', this.value);">' + addata + '</select>';
                        document.getElementById('slist3').innerHTML = '';
                        break;
                    case 'slist3':
                        document.getElementById('slist3').innerHTML = txtsl3 + ' <select name="slist3" onchange="SList.getSelect(\'scontent\', this.value);">' + addata + '</select>';
                        break;
                }
            }
        } else {
            // empty the tags for select lists
            if (slist == 'slist2') {
                document.getElementById('slist2').innerHTML = '';
                document.getElementById('slist3').innerHTML = '';
            } else if (slist == 'slist3') {
                document.getElementById('slist3').innerHTML = '';
            }
        }
    }

I need to know how to edit the following, if there is a simple way to set the case for each one as they are not all split up into the same way, some are Districts, some states and whatnot so the new question varies.

Or do I simply need to make another big list to do them all?

Best Regards,
Tim





Reply With Quote




03-21-2013, 06:35 AM #2
Old Pedant View Profile View Forum Posts

Supreme Master coder! Join Date Feb 2009 Posts 28,311 Thanks 82 Thanked 4,754 Times in 4,716 Posts

Well, for starters, this is generally a really bad way to add <select>s and <option>s. Period.

I would certainly toss out your entire getSelect() function and rewrite it.

But I'm also not clear on what your question is. Are you asking *HOW* to implement the third level? I don't see any countries with any third level data, at this point.

If that's what you are asking, one possible way:
Code:

    SList.slist2 = {
        ...
        "United Kingdom" : 
             { "England" : ["Staffordshire", "Derby", ... ],
                "Scotland" : ["Edinburgh", ... ],
                "Wales" : [ ... ],
                "Northern Ireland" : [ .... ]
             },
       ...
    };

I have to ask: Why would you name that Slist.slist2 instead of Slist.countries ?? Not that it really matters, but why not make code more self documenting?

This is a script which has a window slide down on the page and a user can choose yes/no to continue. It works in all browsers other than IE...any help please? If you need more info, please let me know. Thanks.

<script language="JavaScript" type="text/javascript">
<!--
var allowpop=1;
function popWin(){
var ppl="popLayer";var objppl=findObj(ppl);
if (objppl==null){return;}// if the layer does not exist, do nothing.
var args=arguments,movetoX=parseInt(args[0]),movetoY=parseInt(args[1]),movespeed=parseInt(args[2]);
var cycle=10,pxl="";
if(!document.layers){objppl=objppl.style;}
if(objppl.tmofn!=null){clearTimeout(objppl.tmofn);}
var pplcoordX=parseInt(objppl.left),pplcoordY=parseInt(objppl.top);
var xX=movetoX,yY=movetoY;if((pplcoordX!=movetoX)||(pplcoordY!=movetoY)){
var moveX=((movetoX-pplcoordX)/movespeed),moveY=((movetoY-pplcoordY)/movespeed);
moveX=(moveX>0)?Math.ceil(moveX):Math.floor(moveX);movetoX=pplcoordX+moveX;
moveY=(moveY>0)?Math.ceil(moveY):Math.floor(moveY);movetoY=pplcoordY+moveY;
if((parseInt(navigator.appVersion)>4||navigator.userAgent.indexOf("MSIE")>-1) && (!window.opera)) {pxl="px";}
if (moveX!=0){eval("objppl.left='" + movetoX + pxl + "'");}
if (moveY != 0) {eval("objppl.top = '" + movetoY + pxl + "'");}
var sFunction = "popWin(" + xX + "," + yY + "," + movespeed+ ")";
objppl.tmofn = setTimeout(sFunction,cycle);
}
}
function findObj(theObj, theDoc){
var p, i, foundObj;
if(!theDoc) theDoc = document;
if((p = theObj.indexOf("?")) > 0 && parent.frames.length)
{theDoc = parent.frames[theObj.substring(p+1)].document;
theObj = theObj.substring(0,p);}
if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj];
for (i=0; !foundObj && i < theDoc.forms.length; i++)
foundObj = theDoc.forms[i][theObj];
for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)
foundObj = findObj(theObj,theDoc.layers[i].document);
if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj);
return foundObj;
}
function hideLayer(layername){
layer=findObj(layername);
if(layer.style){layer=layer.style;}
layer.visibility='hidden'; }

// -->
</script>

I have a few tabs on my website. They're each set to the corresponding id in the JS file. It's supposed to add #tab-1 to the end of the URL in the users browser when it's clicked. For example, when a user is at mypage.com and they click on the tab, it ads mypage.com/#tab-1 to the end. How come it doesn't do what I want when I click it though?

Here's an example of how it's setup.

HTML:

<a href="#tab-1" id="tab1">Text</a>

JavaScript:

document.getElementById("tab1").onclick = function(){
this.href += "#tab-1";
}

I've got a form textarea on my site, which after being submitted is stripped by my php file.

Then my javascript kicks in and does some analysis of the entered text. However everytime the user entered a hard return within the textarea my javascript gives me an error 'tekenreeks niet afgesloten' which means something like 'string is not closed'.

Therefore I decided to replace all occurences of chr(10) and chr(13) with
ok2 (just some random characters), I did this with php which worked fine, and I didn't get the javascript error.

However I need to reshow the entered text (original) to the user, so I need to restore the old values. I tried Code:

result.waarde.replace('ok2', 'chr(13)');

but it doesn't work, as it still displays ok2.

I'm no expert in javascript, but how can I replace those characters by the hard returns?

Oh yeah I'll show some more coding, perhaps the error can be found the
Code:

result.waarde.replace('mdw', 'chr(13)');container.innerHTML = result.waarde;

and in my html:
Code:

<div id='waarde' style="width:500px;"></div>

Below is code using the onmouseover event, but it doesn't work. The only thing that appears in the status bar is the URL.

What am I doing wrong?

Code:

<a href="http://codingforums.com" onmouseover="window.status='This is an OnMouseOver event'; return true" onmouseout="window.status=' '; return true">Put your mouse here to see status info change at bottom.</a>

I have created a Blackjack program. I have noticed that clicking on the vertical part of the 'D' on the "Deal" button doesn't always fire the onclick event. I use JS to change the div's style when clicking on it to give the appearance of a normal button. Here's the link:
http://www.myfsjournal.com/blackjack/index.php
username: test
password: test

Here's relevant code:

HTML:
Code:

<div id="dealButton" style="position:relative;float:left;width:100%;z-index:10;">
        <div id="deal" title="Deal" style="cursor:pointer;background:#CCC;padding:3px;width:75px;height:auto;border-top:1px solid;border-left:1px solid;border-bottom:3px solid;border-right:3px solid;" onclick="window.location = 'index.php?a=deal'" onmousedown="javascript:buttonDown('deal');" onmouseup="javascript:buttonUp('deal');" onmouseout="javascript:buttonUp('deal');">
            Deal
        </div>
</div>

And my JS code:
Code:

function buttonDown(id)
{
	document.getElementById(id).style.borderBottom = "1px solid";
	document.getElementById(id).style.borderRight = "1px solid";
	document.getElementById(id).style.borderTop = "3px solid";
	document.getElementById(id).style.borderLeft = "3px solid";
}

function buttonUp(id)
{
	document.getElementById(id).style.borderBottom = "3px solid";
	document.getElementById(id).style.borderRight = "3px solid";
	document.getElementById(id).style.borderTop = "1px solid";
	document.getElementById(id).style.borderLeft = "1px solid";
}

Hi everyone,

I was trying to add a text popup box on my page, and this code helped me but I need to add a close icon (which is an image in my code)..

but it doesn't work! :/

here is my code:
Code:

function show_hide_box(an, width, height, borderStyle) {

    if (navigator.userAgent.indexOf("MSIE") != -1) {
        var browserIsIE = true;
    } else { browserIsIE = false; }


  var href = an.href;
  var boxdiv = document.getElementById(href);

  if (boxdiv != null) {
    if (boxdiv.style.display=='none') {
      move_box(an, boxdiv);
      boxdiv.style.display='block';
    } else
      boxdiv.style.display='none';
    return false;
  }

  boxdiv = document.createElement('div');
  boxdiv.setAttribute('id', href);
  boxdiv.style.display = 'block';
  boxdiv.style.position = 'absolute';
  boxdiv.style.width = width + 'px';
  boxdiv.style.height = height + 'px';
  boxdiv.style.border = borderStyle;
  boxdiv.style.backgroundColor = '#FFF';

  var inClosebox = document.createElement("div");
  inClosebox.setAttribute('id', 'Close');
  inClosebox.style.position = 'absolute';

  if (browserIsIE) {
      inClosebox.style.left = '-1px';
      inClosebox.style.top = '0px';
  } else {
      inClosebox.style.left = '-15px';
      inClosebox.style.top = '-15px';
  }

  inClosebox.style.visibility = 'hidden';
 
  var inImage2 = document.createElement("img");
  inImage2.onclick = function () { this.document.close(); };
  inImage2.setAttribute('src', '../../Images/closebox.png');
  inImage2.setAttribute('width', '30');
  inImage2.setAttribute('height', '30');
  inImage2.setAttribute('border', '0');
  inImage2.style.cursor = 'pointer';
  inClosebox.appendChild(inImage2);


  var contents = document.createElement('iframe');
  contents.scrolling = 'yes';
  contents.frameBorder = '0';
  contents.style.width = width + 'px';
  contents.style.height = height + 'px';
  contents.src = href;

  boxdiv.appendChild(contents);
  boxdiv.appendChild(inClosebox);
  document.body.appendChild(boxdiv);
  move_box(an, boxdiv);

  return false;
}

can any help me please?

http://www.codingcereal.com/2010/12/...-tab-switcher/

when i change the js code to this:
Code:

j Code:

Query(document).ready(function() {
        jQuery("#tabswitch ul li:first").addClass("active");
        jQuery("#tabswitch div.tab-container:first").show();

        jQuery("#tabswitch ul li").click(function(){
            jQuery("#tabswitch div.tab-container").hide();
            jQuery("#tabswitch ul li").removeClass("active");

   });
    })

for the default state. the tab1 is show, but why when i click the tab1. it doesn't hide?. but there is a line in the click function. jQuery("#tabswitch div.tab-container").hide();

could it be that this line doesn't effect on it? jQuery("#tabswitch div.tab-container").hide();

Okay I am sure my script is loading when the page loads because of the alert box I have added but when I click on the button that is suppose to activate the script nothing happens.
The button code is as follows:
<button type="button" name="submit" value="submit" class="css3button" onclick="send(nick,passwd,userid,chan,showtime,showjoin,showpart,showquit,fname,fsize,nnick1,nnick2, nnick3,nnick4,nnick5)">Connect</button>
I may be using the button wrong but I am new to javascript. Any suggestions would help.

Hi!

What am doing wrong? The script works -- identifies blank fields -- but the second function (change_subject) is ignored.

This is the script:

Code:

<HEAD>
<script>
  function is_filled()  
  {
    if (form_1.realname.value=="")
      {
        alert("Please enter your name")
        form_1.realname.focus()
        return false
      }
    if (form_1.subject.value=="")
      {
        alert("Please enter a subject")
        form_1.message.focus()
        return false
      }
else
return true
  };
  function change_subject
  {
  form_1.subject.value="form_1.realname.value + '_' + form_1.subject.value"
  };
</script>
</HEAD>

This is the FORM (used for MSA FormMail):

Code:

	  <form  name="form_1"; onSubmit="return is_filled()"; on Submit="change_subject()"; method="post"; action="http://gb2gf.org/cgi-sys/FormMail.cgi">
	  <input type="hidden" name="recipient"    value="drt@gb2gf.org">
	  <input type="hidden" name="required"     value="greeting,realname,city_state,email_1,email_2,message">
	  <input type="hidden" name="sort"         value="order:greeting,realname,city_state,email_1,email_2,message">
	  <input type="hidden" name="redirect"     value="http://www.gb2gf.org/thanks.htm">

<!-- Input fields here -->

           </form>

Thanks!

Dr. T.

Code:

<html>
<head>
<script>
function color() { 
var newColor=new Array('#00f','#f00','#ff0');
var i=0;

	for (i=0;i<=3;i++)
	{
		document.getElementByTagName(span).style.display=newColor[i];
	}
}
color();
</script>

<div>
	<span>make this text blue</span>
	<span>make this text red</span>	
	<span>make this text yellow</span>
</div>
</body>
</html>

It should make the first blue, second red, and third yellow yes?

Hi, can someone look at my code and tell me why the animated GIF doesn't display? It is a rollover button and it's done in javascript. The mouseover file is profileani.gif. The image displays but it doesn't do the animation. The site is http://www.creationindex.com/indextest22.html If you just move the mouse around on the screen you'll see the rollover. Thank you.

JSLint doesn't like this script.

Code:

document.getElementById('mypic').src=pics[this.number];
if(disc[this.number]!='') {
   imge=document.createElement('img');
   imge.setAttribute('src',disc[this.number]);

suggest for line two to use == or ===

[JavaScript] lint warning: comparisons against null, 0, true, false, or an empty string allowing implicit type conversion (use === or !==)

Can anyone help me with this. I am out of my depth.

Thanks in advance.

Frank