JavaScript - Weird Issue..

Hi folks,

I'm updating code that's been in use for years now. Consider the following:

Code:

<script language="javascript">
function submitForm()
{
      frm.submit();
}
</script>

....//body tag, etc

<form name="frm" action="blahblah">
    //button here that calls submitForm() on click;
</form>

This is, of course, a highly stripped down version but you get the idea.

The problem, this site was not a standalone site before, i.e. www.mysite.com, but was in a subdirectory of our intranet. We've since upgraded it to ColdFusion 8 and made it a standalone site.

frm.submit() no longer works and required us to change it to document.frm.submit().

Any ideas why?

so my code is
Code:

function more(){
	alert("You can't eat more apples then you have");
	}

function apple(){
	var apples = prompt('How many apples do you have');
	var eat = prompt('How many did you eat');
	if(eat > apples){
		more();
	}
	if(eat <= apples){
		var eaten = apples - eat;
		alert('You ate '+ eaten + ' apples!');
		}
	}

My problem is unless you enter 1 for how much did you eat, it goes to the more function.

Hello guys,
My script is used to check some text field before the user upload some text, below you can see the code:
Code:

// JavaScript Document
function Check()
{
	var no_error=true;
	var pattern=/^[A-Za-zΑ-ΩΆΈΉΊΌΎΏα-ωάέήίόύώ!%()-:,.;(\s)]$/;   //oi xaraktires p dikaioute na eisagei o xristis--> http://www.evolt.org/node/36435
	
	txt_quote=document.getElementById('add_quote').value;
	if(txt_quote.length>0 && txt_quote.length<2000)
	{
		for(var i=0;i<txt_quote.length;i++)
		{
			if(!txt_quote.charAt(i).match(pattern))
			{
				document.getElementById('add_quote').style.backgroundColor='#FF3333';
				no_error=false;
			}
			else
			{
				document.getElementById('add_quote').style.backgroundColor='white';
			}
		}
	}
	else
	{
		//is bigger than 2000 characters or is null
		document.getElementById('add_quote').style.backgroundColor='#FF3333';
		no_error=false;
	}
	
	txt_quote=document.getElementById('add_name').value;
	pattern=/^[A-Za-zΑ-ΩΆΈΉΊΌΎΏα-ωάέήίόύώ!%()-:,.;]$/;  //No space
	if(txt_quote.length>0)
	{
		for(var i=0;i<txt_quote.length;i++)
		{
			if(!txt_quote.charAt(i).match(pattern))
			{
				document.getElementById('add_name').style.backgroundColor='#FF3333';
				no_error=false;
			}
			else
			{
				document.getElementById('add_name').style.backgroundColor='white';	
			}
		}
	}
	else
	{
		document.getElementById('add_name').style.backgroundColor='#FF3333';
		no_error=false;
	}
	
	txt_quote=document.getElementById('add_links').value;
	pattern=/(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;  //
	
	if(txt_quote.length>0)
	{
		if(!pattern.test(txt_quote))
		{
			document.getElementById('add_links').style.backgroundColor='#FF3333';
			no_error=false;
		}
		else
		{
			document.getElementById('add_links').style.backgroundColor='white';
		}
	}
	else
	{
		document.getElementById('add_links').style.backgroundColor='white';
	}
	
	return no_error;
}

function countChars()
{
	var text=document.getElementById('add_quote').value;
	document.getElementById('count_characters').innerHTML=text.length.toString() + " από 2000";
	if(text.length>2000)
	{
		document.getElementById('add_quote').style.backgroundColor='#FF3333';
	}
	else
	{
		document.getElementById('add_quote').style.backgroundColor='white';
	}
}
function restore_color(id)
{
	document.getElementById(id).style.backgroundColor='white';
}
function restore_color_to_all()
{
	document.getElementById('add_quote').style.backgroundColor='white';
	document.getElementById('add_name').style.backgroundColor='white';
	document.getElementById('add_links').style.backgroundColor='white';
	document.getElementById('add_quote').focus();
}

After that i call the check() function like this

Code:

...onsubmit="return Check()">

This script works just fine with internet explorer but it doesnt work with chrome or firefox. Any ideas?

(i guess something is wrong since internet explorer works and chrome/firefox not )

Some people claim that the window.onload does not fire in some browsers, under some OS, when the page is re-loaded using the back button of the browser.

The simple code is:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
onload=function(){
alert('foo')
}
</script>
</head>
<body>
<a href="http://www.google.com">go Google then press the back button</a>
</body>
</html>

Open the document, click the link, then press the Back button of the browser. Surprisingly, in FF 3.6.3 (at least) the window.onload event is not read again, thus it does not fire the function. That is a severe issue, as a lot of JavaScript codes are based on onload event.

Is it a bug? Does that happen only locally (I can not test it on a server this moment)? Are there any other browsers or other browsers' versions which act in the same way?

Any thoughts?

Hey, I've written a function that slides in a sidemenu when hovering over a div.
The function is working great, but i need to "disable" the slide part when the menu is already visible. So i added an if statement and a global bool. (menuactive)

My Problem Is: Even if menuactive is false the function will still run as if menuactive was true??

Code:

$(document).ready(function(){
	var menuactive = false;

		$('.nav_left').mouseover(function(){
			
			if(menuactive = false){
					$(".nav_left_menu").show();
					$(".nav_left_menu").animate({ width: '164px' }, 400);
					$(".nav_left_menu ul").animate({ opacity: '1.0' }, 800);
					menuactive = true;
			}
				
			else{
				
				alert("Menu is already visible!");
				return;
				
			}
		});
});

Thanks,

Hi,

I used the code on the following example:
http://www.w3schools.com/php/php_ajax_livesearch.asp

Instead of xml I use mysql but it works the same way.


My problem is with this character '#' (shift 3 - on my keyboard, or otherwise known as 'sharp').

Some of the words in my database table contain this character but when I type it, it acts like nothing was typed.


Any idea on what to do to make this work like any other character?

Thanks

Hello there,

Problem: I was able to see problem only in IE6
Form input fields not clickable and not accepting inputs
+
Can't even select text or perform most right-click functions.


URL: http://www.webhostingkit.com/a/cgi/p...usercontactall

Was wondering if anyone can help me out with this weird problem. Not sure why, but none of the input form fields are able to accept values or even clickon them.

Site displays just fine in IE, however anywhere on the site, when user tries to input, it just won't show happen, any idea on what is wrong or how to fix this?

Thanks again.

** Edit **
If anyone has IE6 installed can you please test it, cuz I am thinking it might be just the standalone version of IE I have might be having the issue, as in that IE, some major sites (including yahoo.com) are having the same issues.

I use this code to clone an object. At the end I test the properties:
Code:

//cloning codes
function Clone(){}
function clone(obj) {
    Clone.prototype = obj;
    return new Clone();
}
//
var Orange={natu 'fruit',color:'orange'}
var Banana=clone(Orange);
for(a in Banana){
alert(a)
}

So far so good. I see: nature - > color
But now I want to change a property of the Banana object, the color, then test again the properties:
Code:

Banana.color='green';
for(a in Banana){
alert(a)
}

Surprisingly, the changed property becomes the first in the loop, which is curious. I see now: color - > nature

Can anyone explain me why? I understand that the last new created property comes always first (which I don't like, but I take it as it is), but I suppose that, in the case above, the property was already defined, and I did nothing but changing its value.

Is there a way to keep the order within the prototype?

Find it really hard to understand these random variable names and what they are doing, can anyone explain what is going on exactly in the bolded parts. I have a rough idea but the 3 arrays confuse me somewhat

im sure the random variable names are pointers and counts but id love to hear an expert explain them for sure

thanks if you can help or are willing to take the time

This might be a little complicated. I'll try to be as clear as possible. I got some help from Old Pedant a little while ago and the code worked great.

The problem came after I tried some code that will highlight (select) text in a DIV:

Code:

<script type="text/javascript">
function selectNode (node) {
   var selection, range, doc, win;
   if ((doc = node.ownerDocument) && (win = doc.defaultView) && typeof
win.getSelection != 'undefined' && typeof doc.createRange != 'undefined'
&& (selection = window.getSelection()) && typeof
selection.removeAllRanges != 'undefined') {
     range = doc.createRange();
     range.selectNode(node);
     selection.removeAllRanges();
     selection.addRange(range);
   }
   else if (document.body && typeof document.body.createTextRange !=
'undefined' && (range = document.body.createTextRange())) {
     range.moveToElementText(node);
     range.select();
   }
}
</script>

Code:

<div id="bb1"></div>

<form>
<input type="button" value="Click Here to Highlight Data" onclick="window.selectNode(document.getElementById('bb1'));" style="margin-left:4px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px;"> 
</form>

It works great with Firefox and Internet Explorer, but there is a problem with Opera. The contents of the DIV is selected, but so is everything after the DIV. Below is a link to the page, but be sure to turn down your speaker volume before you visit the page so you won't have a heart attack:

http://www.randomterrain.com/atari-2...music-toy.html

The DIV is empty when the page loads. To put content in the DIV, jump down to All Sounds and left click on a couple of the numbers than run from 0 to 31, then jump down to the DIV. When you click on the "Click Here to Highlight Data" button, you'll see that more than the contents of the DIV is selected.

I hope someone can figure out how to make the code work properly with Opera.



Thanks.

So i have this weird problem that only occurs in IE, in combination with Adsense. I also tried FF and Chrome and it does not occur in those browsers. I use javascript to swap around divs, since css 'order' is not supported in every browser (at least not working for my iphone 4). The swapping is working fine in IE when you resize from a screen larger than 1024 to a screen smaller than 1024 and then to a screen larger than 1024. However it does not work well when you open the page/script in a screen smaller than 1024 and then make it larger (in IE). The sidebar 'aside' stays on the right side after 'article' instead of moving to the left. This only happens when i use adsense in the sidebar.. Otherwise it all works fine... Very weird to me.. Anyone who can help out?

See this weird problem he JS Bin

Here is the code:

Code:

<html>
    <head>
<style>
    html,
    body {
        padding: 0;
        margin: 0;
        background: #eee;
    }
    body {
        padding: 0 3%
    }
    header,
    footer,
    .slogan,
    .page-wrapper,
    .headline-wrapper,
    aside,
    article {
        box-sizing: border-box
    }
    .slogan,
    aside,
    article {
        background: #fff
    }
    aside,
    article {
        padding: 20px;
        border-radius: 10px;
        margin: 10px 0 0 0;
        -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5);
        -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5);
        box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5);
    }
    header,
    footer {
        padding: 20px
    }
    @media (min-width:1024px) { 
        .page-wrapper,
        header,
        footer {
            width: 100%;
            margin: 0 auto;
            max-width: 1200px;
        }
        .page-wrapper {
            display: table;
            width: 100%;
            padding-top: 50px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .page-wrapper > aside,
        .page-wrapper > article {
            display: table-cell;
            padding: 20px;
        }
        .page-wrapper aside {
            width: 30%
        }
        article {
            position: relative
        }
        .slogan {
            padding: 0 20px;
            border-bottom: 0px;
            width: 100%;
            margin: 0;
            line-height: 50px;
            height: 50px;
            position: absolute;
            left: 0;
            top: -50px;
        }
        .slogan {
            border-radius: 10px 10px 0 0;
            -webkit-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.3);
            -moz-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.3);
            box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.3);
            background: #ddd;
        }
        article {
            border-radius: 0 0 10px 0
        }
        aside {
            border-radius: 10px 0 0 10px
        }
    }

    </style>
    <script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>
    <script type='text/javascript'>
    function handleMargins() {
         var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
        if(width < 1024) {
            $(".page-wrapper").each(function() {
            var detach = $(this).find("aside").detach();
            $(detach).insertAfter($(this).find("article"));
            })
        }
         if(width >= 1024) {
            $(".page-wrapper").each(function() {
            var detach = $(this).find("article").detach();
            $(detach).insertAfter($(this).find("aside"));
            })
        }

    }  
    jQuery(document).ready(handleMargins);
    $(window).resize(handleMargins);
    </script>
    </head>
    <body>

      <header>header</header>


      <div class="page-wrapper">

        <aside> sidebar <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- N_Responsief_Alle_CTR_AlleAdsenseSites -->
    <ins class="adsbygoogle"
         style="display:block"
         data-ad-client="ca-pub-3961745091197220"
         data-ad-slot="3968514626"
         data-ad-format="auto"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script></aside>


      <article>

            <h3 class="slogan">One line slogan only

            </h3>





        <p>This is the articlediv</p>
      </article>
      </div>

      <footer>footer</footer>

    </body>
    </html>

Reply With Quote




12-23-2014, 03:35 PM #2
sunfighter View Profile View Forum Posts

Senior Coder Join Date Jan 2011 Location Missouri Posts 4,830 Thanks 25 Thanked 672 Times in 671 Posts

You need a doctype! maybe add <!DOCTYPE html> at the top of this code. IE needs a doctype or it is screwy.

For some reason i cant get this bit of code to work. You can ignore the php and html if its getting in your way. Thanks:

Code:

<div id="pl">
												<?
												if($edit == true){
												?>
												<script type="text/javascript">
													$("#add_playlist_form").css({display:"none"});
													$("#add_playlist").click(function(){
														alert($("#add_playlist").html());
														if($("#add_playlist").html() == "Add a Playlist >>"){
															$("#add_playlist").html("Hide <<");
															$("#add_playlist_form").css({display:"block"});
														}
														else{
															$("#add_playlist").html("Add a Playlist >>");
															$("#add_playlist_form").css({display:"none"});
														}
													});
												</script>
												<a href="#" id="add_playlist">Add a Playlist >></a>
												<form id="add_playlist_form" method="POST" action=" ">
													<input type="text" name="pl_name" class="add_playlist"/>
													<textarea name="pl_dsec" maxlength="200"></textarea>
													<input type="submit" name="submit_playlist" value="Add Playlist" class="submit_playlist"/>
												</form>
												<?
												}
												?>
												<ul class="vList">

hey guys,

so on the website www.marcsnyderlaw.com how come it automatically redirects to # at the end of each link?

Is there a way to remove that??

Thanks

I have the following sample html file (attached). I am trying to display the calculated field using javascript and I created a function (I am a newbie) to do so. However, it persistently shows NaN instead of the required number. I have tried my best over a coupla hours racking my brains and the internet as to why it shows as not a number.
I will appreciate any help.
Thanks,

Freaking IE. Must die. Really it must.

Unfortunately, I have to code for it, and I can't figure out what went wrong he

http://wyqued-design.com/dev/skyview/index.html

The navigation, and layout, breaks in IE 7. Any ideas?

-Emilie