JavaScript - Overflow Check?

I was told by Kunena developers that the issue is that when I insert an image or a video in my forum, it is loading after javascript loads setting the height to "static". Unfortunately they didn't know a fix, so I came here

I guess the script is causing the forum articles to overflow the height by exactly the same number of pixels as the image/video. When the page is reloaded, the issue is corrected, but its really annoying for visitors who don't know to reload the page.

Not to sound like a big dummy or anything, but I have gone through every file in my template and have found absolutely no "static" scripts, so any help in tracking it down would be greatly appreciated as I am not a javascript guru. I have tried preloading the images, but it had no effect. An example of the overflow issue can be found here https://christian-knowledge.com/inde...id=22&id=25#25

At the moment I have changed the overflow value on that particular section to "auto" to get around it for the time being, but its definitively not a good fix.

Thank you for your time and I really appreciate any assistance or advice on how to fix this

well, when i do this fucntion:

function scroll(){
window.scroll(0,60)
}

i get a javascript error:

Error: too much recursion


well, what is wrong? what does that mean? how do i fix it?

thanks for any help

Hi All,

I have a web application which has two DIV, one is main and one is child.

I am having problem in printing multiple pages. There is a lot of data in

the child DIV and i am using JavaScript functions to control the print

functionality. When i print using window.print(), only the data on the

main page currently being showed is printed. I further researched and

checked out the Style.Overflow property.

Now i am using divMain.style.overflow = "visible"

After this the complete print comes. But in Firefox, the scroll bar

disappears and only single page is left with no scroll bar .

Now if after print i give divMain.style.overflow = "Auto" OR

divMain.style.overflow = "Scroll", still the scroll bar doesn't come and if

it comes then its inactive. I am unable to see the complete data on the

page after the print is taken.

The problem is not coming in I.E and the full data with scroll bar is

recovered in I.E.

Please help me how to get the normal page with full data and scroll bar

after printing in Firefox.

I have a pop-up window system on my site that shows an absolutely-positioned div over the entire page as a "pop up" of sorts when someone clicks a link. I use this simple line of Javascript to disable page scrolling when a "pop up" box is opened by a user:

Code:

document.documentElement.style.overflow = document.body.style.overflow = 'hidden';

The problem is that when a user is scrolled down on a page and clicks a link to bring up one of my pop up boxes, when the overflow is set to 'hidden' to disable scrolling, the page "jolts" back up to the top (similar as to what would happen if someone clicked an <a> element with href="#" ). However, the links are not actually links, but span tags that are programmed with JS to trigger the scrollbar to be disabled when clicked, so that is not the culprit here. I've narrowed the problem down to that one line of code which I posted earlier. Apparently, setting the documentElement overflow style to 'hidden' scrolls the user to the top of the page automatically along with "disabling" the scroll bar on the page.

I am wondering if there is a way to prevent this jolting to the top of the page each time that JS code is triggered. I don't want users to have to scroll back down to where they were each time they open a pop up dialogue box on my site, as this would be detrimental for usability purposes. Thanks in advance for any help I receive.

this code is supposed to
ask the users name
and say how many letters in it
get 2 random numbers
ask user to add them
if right say Well Done!
if wrong say
Sorry, you are wrong.

when i run this nothing comes up
whats wrong?

thanx



Code:

<script>
var firstName = "";
var numLetters = 0;
firstName = prompt("Hi, what's your first name?", "");
numLetters = firstName.length;
alert ("Did you know there are " + numLetters + " letters in your name?");
var num1 = Math.floor(Math.random()*9) + 1;
var num2 = Math.floor(Math.random()*9) + 1;
var answer;
var useranswer;
answer = num1+num2;
useranswer = promt("What is" + num1 + "+" + num2 + "?");
If (answer = useranswer)
{
     alert("Well done!");
}
else
{
     alert("Sorry, you are wrong.");
}
</script>

I have a text input box that resets to blank when the user enters an alpha character, it also checks for the number 0 as it has to be greater than 0 too... when I submit the form it is blank the variable changes to blank (as I use parseInt to convert it to an integer at a later stage)

What can I do to check and see if it is NaN value?
(I've tried isNaN() and it did not do what I wanted it to)

I got a page that gets created dynamically. sometimes I get images output with NO source like this


Code:

<img src="" id="md_1">
<img src="" id="md_2">

etc. etc.

the image id are created dynamically also and always start with "0" and count up in order.

I need to check everyone of those image links and when they are blank like above change the src to a default image. I have spent 8 hours on this one simple function and cannot seem to get it to work.


I will call the function at the end of the page.

This is the code part that fails it's if check.

Code:

while (n<=30)
	{
	var slot='#slot'+n;
	$( slot ).data({no: n, id: itemId[i], name: itemName[i], equip: itemEquip[i], lvl: itemLvl[i], bonus: itemBonus[i], rstr: itemRStr[i], rdef: itemRDef[i]});
	$( slot ).draggable({ handle: slot, stack: slot, revert: "invalid", snap: "div#"+itemEquip[i], snapMode: 'inner',
	start: function(event, ui) 
	{
	$('div#'+$(this).data('equip')).css({'border': '2px dashed #0066CC', 'background': 'rgba(255,255,255,0.2)'})
	.droppable
	({
		drop: function(event, ui)
		{
			if (pLvl>=$('.ui-draggable-dragging').data('lvl') && pStr>=$('.ui-draggable-dragging').data('rstr'))
			{	
			alert(pLvl+", "+$('.ui-draggable-dragging').data('lvl'));
			$('.ui-draggable-dragging').css({'display':'none'});
			$('div#'+$('.ui-draggable-dragging').data('equip')).html
			(
			 "<img src='items/equipped/"+$('.ui-draggable-dragging').data('name')+$('.ui-draggable-dragging').data('id')+".png' />"
			)
				  $.ajax({type:"GET", url:"items/change.php", data:"id="+$('.ui-draggable-dragging').data('id')+"&no="+$('.ui-draggable-dragging').data('no'), cache:false, timeout:5000,
													error: function() {
														$('div.nogood').html
														(
														"There was an error. Please inform us about it in the forum."
														).css({'width':'400px','margin-left':'-200px'});
                                                       $( 'div.nogood' ).fadeIn(500, away);
													   function away()
													   {
														$( 'div.nogood' ).delay(2000).fadeOut(500);
													   };
                                                }
                                        });

			
			}
			else 
			{
				alert("HUh");
				$( 'div.nogood' ).fadeIn(500, away).css({'width':'400px','margin-left':'-200px'});;
				$('.ui-draggable-dragging').draggable({revert: true});
				if (pLvl<$('.ui-draggable-dragging').data('lvl'))
				{
				alert("Good");
				}
				else if (pStr<$('.ui-draggable-dragging').data('rstr'))
				{
				$('div.nogood').html("Not enough strength.")
				}
				function away()
				{
					$( 'div.nogood' ).delay(1400).fadeOut(500);
				};
			
			}
		}
	});
	},
	stop: function(event, ui) 
	{
		$('div#'+$(this).data('equip')).css({'border':'none', 'background':'transparent'}).droppable("destroy");
	}
	});
		n++;
		i++;
	}

This if comparison if (pLvl>=$('.ui-draggable-dragging').data('lvl') && pStr>=$('.ui-draggable-dragging').data('rstr')) somehow goes through. After the if statement I check the values with the alert but it displays 5 for pLvl and 10 for the draggables data (which are the correct numbers) so can anyone tell me why does this if statement still go through when pLvl is lower?

Hi, I am not familiar with javascript, I am using a check box validation tool that I copied from this site:

http://mediazeal.com/checkbox-validator.htm

This is my webpage:

http://rbhlc.weebly.com/discover-hea...n-jyutsu.html#

Right now when you click the buy now button (when the checkbox is checked) i does not go to the hyperlink. How can I get the button to go to my link when the checkbox is validated?

Here is my code: (the authorize.net account it a Test Account.. so it won't link to anything sensitive)

<form name="form" method="post" action="#" onSubmit="return checkme();">
<table cellpadding="0" cellspacing="0" border="0">

<tr>
<td colspan="2" align="center"><input type="checkbox" name="agree" value="agree_terms"> I agree to the terms</td>
</tr>

<tr>
<td colspan="2" align="center">

<form name="PrePage" method = "post" action = "https://scotest.authorize.net/payment/CatalogPayment.aspx">
<input type = "hidden" name = "LinkId" value ="3569f626-b8a8-4974-8ceb-35ca08a63087" />
<input type = "image" src ="//testcontent.authorize.net/images/buy-now-gold.gif" /> </form>

</td>
</tr>

Thank you for your support.

I am trying to add values from 6 text boxes and display its sum automatically in 7th text box. This is not working. Please help.





function calculate_a() {
var a = document.getElementById('Para_A_A1_score').value ;
var b = document.getElementById('Para_A_A2_score').value ;
var c = document.getElementById('Para_A_A3_score').value ;
var d = document.getElementById('Para_A_A4_score').value ;
var e = document.getElementById('Para_A_A5_score').value ;
var f = document.getElementById('Para_A_A6_score').value ;
var g = (a+b+c+d+e+f) ;
document.audit_billing_IE.product_name4.value = g ;
}



Quote:
Below is the html form code that should automatically display the total value without clicking on any submit or send button

<tr>
<td> Parameter A </td>
<td colspan='3'> <input type="text" name="product_name4" id="product_name4" onchange="calculate_a(this);" /> </td>
</tr>

Hi,

I'm trying to create a test using Javascript. Actually, I did this in PHP, but we need to put it a server that does nor run it, I think I can convert it to Javascript. I hope it'll be work as in PHP somehow.

Test will be composed of 15 questions and each question has either "Yes" or "No" as answer. And, I use radio buttons here for answers. By the way, there will be more than one radio groups.

Now, I want to check the value of clicked radio button in each group and use an if-statement to determine if it's correct. And, if it's correct, I want to increment a variable by 1.

Finally, by the resulted variable incremented for each question in the test, I want to use another if-statement to show specific result message for and interval of that variable.

I tried this for one radio button like this:

Code:

<script language="JavaScript">
 
function get(form) {
			
var ans1 = document.form.q1;
var score = 0;

for( i = 0; i < ans1.length; i++ )
	{
		if( ans1[i].checked && ans1[i].value == no ) 
		{ 
			score++;
			alert(score);
		}
		
		else
		{alert(score);}
		
	break;
	}
}
 
</script>

<form name="form" method="get">

<input type="radio" name="q1" value="yes">Yes
<input type="radio" name="q1" value="no">No*

<input type="button" name="button" value="button" onclick="get(this.form)" />
</form>

By the code above, it should alert 1 if "No" is checked and button is clicked and alert 0 if "Yes". This was a preliminary job for me to understand. And I couldn't do even this.

Thank you.

from a browser address bar command? say if a page has hundreds of checkboxes, and I needed to check them all, but only 2-3 should be left out, how do i input a browser command line, to check it all, so i will manually uncheck the 2 or 3 thats not needed?

hi,

Getting on quite well, I feel. just would like you to confirm that this regex will strip out characters that cannot be in a phone number

those are (imv) 0-9 - ( ) +

Code:

val = val.replace (/[^0-9\\s\\-\\(\\)\\+]/gi,"");  // strip the characters that cannot appear in a phone number

I use double backslashes to keep the perl interpreter happy.

otherwise (in case it simplifies it for you), it would be

Code:

val = val.replace (/[^0-9\s\-\(\)\+]/gi,"");  // strip the characters that cannot appear in a phone number

bazz

I have NO knowledge of Javascript at all but borrowed and attempted to adapt one I found. It is a Firefox bookmarklet designed to highlight in different colours both certain words or the ending "ing" on a word in a text document that has been saved as html. Basically it is a device for helping novel writers rid their manuscripts of redundant words and overuse of the 'ing" words. In works in part but doesn't pick up all "ing" endings. For someone who know what their doing I imagine it would take more than a few minutes to read and correct. Many thanks to anyone who can help. Here is the Javscript:

javascript:var%20verbsRE=/(\b)(about|actually|almost|already|appear|approximately|basically|close to|even|eventually|exactly|finally|here|just|kind of|nearly|now|practically|really|seem|simply|somehow|somewhat|sort of|suddenly|then|there|truly|utterly|while|as|appear|felt|gaped|gawked|gazed|glanced|hear|heard|knew |looked|noticed|observed|peered|peeped|regarded|saw|scanned|see|seeing|seemed|smelled|stared|studied |surveyed|tasted|viewed|watched)(\b)/gi;var%20ingRE=/(\w)(ing)(\b)/gim;function%20HL(node){if(node.hasChildNodes){var%20hi_cn;for(hi_cn=0;hi_cn<node.childNodes.length; hi_cn++){HL(node.childNodes[hi_cn]);}}if(node.nodeType==3){var%20tempNodeVal=node.nodeValue;if(verbsRE.test(tempNodeVal)){tempNodeVal= tempNodeVal.replace(verbsRE,"$1<span%20style='background-color:yellow;color:black;border:1px%20solid%20black;'>$2</span>$3");tempNodeVal=tempNodeVal.replace(ingRE,"$1<span%20style='background-color:#0ff;color:black;border:1px%20solid%20black;'>$2</span>$3");newNode=document.createElement('span');newNode.innerHTML=tempNodeVal;pn=node.parentNode;pn .replaceChild(newNode,node);}}}HL(window.document.getElementsByTagName('body')[0]);

plz check bold part of function is not working. what is wrong with it.?

Code:

function onesizecheck(chk_id,siz) {
alert(chk_id);
if(document.getElementById('siz_check').value=='') 
{
document.getElementById('siz_check').value=siz;
}//end if


if(document.getElementById('siz_check').value==siz) {
document.getElementById('siz_check').value=siz;
}

else {
  alert('Multi size are not allowed.');
  
  for(var i = 0; i < document.delet['checkbox[]'].length; i++){
    var cb =  document.getElementById('checkbox');
  alert(cb[i].value);
  
  }

}

}//end function