JavaScript - How To Raise Js Event When User Shy Away From The Present Page

Alright, so I'm working on a script, and I'm simply using the following code:

document.getElementById("element").onclick = alert("hello");

When I load the page, the alert fires instantaneously. I'm completely stumped. I've checked everything in my not too extensive Javascript file, and it looks fine. What common errors could cause this?

Hi All,

I have a script that is called by the onchange event on my text field (it compares the date entered into the field and issues an alert if the date is earlier than the current date). This worked great on my data entry form but I also want to use the same script in my update form. In the update form the text field is already receiving a value via php:

Code:

<input name="DateNeeded" type="text" class="formField" id="DateNeeded" onchange="checkDate(this)" value="<?php echo $row_rstRequestDetails['DateNeeded']; ?>" />

and this is causing my onchange event to fire when the page is loaded. Is there a way to suppress the onchange event for the initial page load?

Thanks,

Ken

I have a html page with a lot of thumbnails. The idea is that when the user clicks on an image the onClick event is to display another detailed form and deliver to that form the name of the image in a variable. In the detailed php-form there is a query to MySQL to retrieve a record. The record will be retrieved by a Query based on the name of the picture.
Apparently the PHP cannot do the job. I had an idea to make the thumbnail page as a form and to use use a hidden field with the thummnail name which should be carried on with the $_POST array through the submit button but i do not want to have a submit button. The more elegant way is just by clicking the picture the detailed page is opened and the variable is transferred
where my php code can make use of the variable for the query.
I have never used java before so you have to excuse for the lack of knowledge.
Can anyone gie me an idea how i should implemnt this
Best regards
MSP

I have a html page with a lot of thumbnails. The idea is that when the user clicks on an image the onClick event is to display another detailed form and deliver to that form the name of the image in a variable. In the detailed php-form there is a query to MySQL to retrieve a record. The record will be retrieved by a Query based on the name of the picture.
Apparently the PHP cannot do the job. I had an idea to make the thumbnail page as a form and to use use a hidden field with the thummnail name which should be carried on with the $_POST array through the submit button but i do not want to have a submit button. The more elegant way is just by clicking the picture the detailed page is opened and the variable is transferred
where my php code can make use of the variable for the query.
I have never used java before so you have to excuse for the lack of knowledge.
Can anyone gie me an idea how i should implemnt this
Best regards
MSP

Dear friends,

I was looking for some help on getting all the ten digits mobile numbers in the current webpage and assign an onclick event to it just by a click of a button.
Likewise, Suppose there are mobile numbers

Code:

<p>9876543210 Blah....Blah...Any other content.9654321000</p>
<input type="button" value="Get 10 digit mobile numbers" onclick="getnumbers();" />

in the current webpage. and the user clicks on a button. Then all the ten digit mobile numbers(in this case two numbers 9876543210 and 9654321000) gets the html as
Code:

<p><span onclick="openpopup('9876543210')">9876543210</span> Blah....Blah...Any other content.<span onclick="openpopup('9654321000')">9654321000</span></p>

I am a PHP guy and probably suck at JS. Tried experimenting with the following code but didn't got it to work. Code:

var html = document.getElementsByTagName('body')[0].innerHTML; and 
match = new RegExp("/\d{10}/");     
replaceWith = "<span style='text-decoration:underline;' onclick=\"openpopup('--NUMBER--')\" >--NUMBER--</span>",
        replaced = html.replace(pattern,replaceWith);

Please get me out of this glitch as it is getting harder for me to do it.

What I want is a textbox that the user can enter information into. When they press a key the onkeyup event will simulate a function. All that I can do. The function needs to automatically scroll down the page to the anchor that corresponds to the number the user entered.
The web page is a factor finding program. You can enter 2 numbers and it finds all the factors of all the numbers between the 2 you entered. Here is the link: http://factorfinder.tumblr.com/
As you can see, when you try to find factors of numbers a new window opens and there is a search box in the top left. Unfortunately, it doesn't work.
If you want to check out the code look at the web page but here is the bit that creates the new window
Code:

function DisplayFactors(FactorsFound, Input, Maximum, ShowFactors, ShowPrimeFactors){
FactorsWindow = window.open("", "", "location = no, menubar = no, personal = no, scrollbars = yes, status = no, toolbar = no, resizable = no, width = 580%, height = 600%, left = 720%, top = 100%")
	FactorsWindow.document.write("<div id = 'TheHeader' style = 'position: fixed; left: 0; top: 0; width: 100%; height: 15%; z-index: 2; background-color: white; border-bottom: 3px dashed black;'><table style = 'position: relative; left: 2%; top: 25%; font-size: 24px; font-weight: bolder; text-decoration: underline;'><tr><td>The Factor Finding Window</td></tr></table><table align = 'right' style = 'position: relative; top: -25%;'><tr><td>Search For The Number:</td></tr><tr><td><input type = 'text' id = 'SearchNumber_txt' maxlength = '12' onkeyup = 'opener.Search()'/></td></tr></table></div>")
	FactorsWindow.document.write("<div id = 'TheBody' style = 'position: absolute; left: 0; top: 20%; width: 100%; height: 80%; z-index: 1; background-color: white;'>")
}
function Search(){
	FactorsWindow.location.hash = "#Factor" + FactorsWindow.document.getElementById("SearchNumber_txt").value
	//This is the bit I need to change because it currently doesn't work
}

also, this is the bit where I place the anchors in the array
Code:

FactorsFound.push("<a name = 'Factor'" + Input2 + "><b>The Factors of " + Input2 + " a </b></a><p style = 'margin: 0, 0, 25px, 0; position:relative; left:20px;'>")

Ultimately I need it so that when the onkeyup event is triggered it scrolls down the window to the anchor that corresponds to the number entered.

I will validate the numbers entered after I find out how to do it. I mean, If the user enters the number 9 and the Factor Window is only displaying numbers 2 - 6, then I'll add an alert message or something. I'll cross that bridge when I get to it.

I couldn't find this anywhere on the internet.

I'm trying to create/find a script that will do the following:
-load a css file regardless of any conditions.
-do not load the css file if a certain text is present in a specified html div tag.

i know this is done with a if/else state like this:
Code:

if (condition)
  {
  code to be executed if condition is true
  }
else
  {
  code to be executed if condition is not true
  }

but I do not know how to add the condition for the variable text and to specify the css file.

I want the javascript to ignore loading the css if a div tag like this: Code:

<div class="menu-opener"><a class="gwt-Anchor" href="javascript:">Text1<img src=..//img.jpg"></a></div>

contains the word Text1, or any other I specify.
Else, if any other text inside the div, the css should load normally.

I believe this is not difficult for a js knower and I would be very grateful for a solution.

I have the following javascript function:

[ function addNewWindowEvent(evType, fn)
{
if (window.addEventListener)
{
this.addEventListener("load", fn, false);
return true;
}
else if (window.attachEvent)
{
var onload = "onload"
this.attachEvent(onload, fn);
return true;
}
else
{
return false;
}
} ]

which is giving me a an exception every time a page on our site loads. The actual exception in firefox is this:

uncaught exception: [Exception... "Could not convert JavaScript argument" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: https://cms-dev.stchas.edu/global/js/hdvscripts.js :: addNewWindowEvent :: line 5" data: no]

and I'm not sure exactly what it's complaining about. I'm relatively new to javascript so diagnosing and fixing this problem has me quite puzzled, and so far I have been unable to find anything helpful when I try and google for information on this. I would appreciate any help or suggestions. Thanks.

henryv

I have recently installed google custom search on a page- using the iframe selection, so I can have control over the look of the page and it isn't a google branded page.

The problem is- with JS disabled, this form doesn't work. However, the option to display results on a google hosted page does work.

This is very important for accessibility for this site, so what I am wanting to do is have the basic search show ONLY if there is no JS enabled. But for everyone else- it displays as I intended.

JS isn't my bread and butter, but I think it's the tool to use here. Could someone offer some guidance?

Main Form
Code:

		<div style="float:right">	      
        <script type="text/javascript" src="/js/main.js"></script>
	      <div id="searchBox" class="searchBoxTopLevelNav"> 
	        <form name="search" id="search" action="search.php?">
            <label for="q" style="display:none";>Site Search</label>
            <input onclick="javascript:SearchClear(this);" onkeypress="javascript:OverrrideForms(this);" name="q" id="q" autocomplete="off" class="GoogleSearchTextBox" value="Search"  /> 
	        <input name='btnG' onclick="javascript:SearchGoogle($(this).prev('input.GoogleSearchTextBox:first'));return false;" type='image' value='Search' src='../img/icons/search-gray.gif' alt='Go' align="top"/> 
            </form>
		</div>

Form to display only if JS is not enabled

Code:

<form action="http://www.google.com/cse" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="#" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Search" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>

Hi forum,

I am trying to attach an event to a dynamically produced button, and then use
stopPropagation and preventDefault.
Code:

function chapter12_nodeOne() {
    
    //create an element
    var element = document.createElement('input');
    //set some attributes
    element.setAttribute('type', 'button');
    element.setAttribute('value', 'submit');
    element.setAttribute('id', 'myBtn');
    //appendd the element into a DIV
    document.getElementById('myDiv').appendChild(element);
    //uses EventUtil to attach an event listener
    EventUtil.addHandler(element, 'click', function() {
        alert('event attached');
    });

    var flag = confirm('prevent default behavior of button?');
    if (flag) {
        var el = document.getElementById('myBtn');/////////////////////////(1)
        var ev = el.onclick;
    }
}

var EventUtil = {
    addHandler: function(element, type, handler) {
        //check if the element and the browser support DOM Level 2 event attachment
        //if the user is not browsing with IE
        if (element.addEventListener) {
            element.addEventListener(type, handler, false);
        }
        //if user is browsing with IE
        else if (element.attachEvent) {
            element.attachEvent("on" + type, handler);
        }
        //if user is using a browser that only supports DOM Level 0 event attachment 
        else {
            element["on" + type] = handler;
        }
    },

    removeHandler: function(element, type, handler) {
        //check if the element and the browser support DOM Level 2 event attachment
        //if the user is not browsing with IE
        if (element.removeEventListener) {
            element.removeEventListener(type, handler, false);
        }
        //if user is browsing with IE
        else if (element.detachEvent) {
            element.detachEvent("on" + type, handler);
        }
        //if user is using a browser that only supports DOM Level 0 event attachment 
        else {
            element["on" + type] = null;
        }
    }
};

But when debugging I see under el on the line marked with (1) that the onclick event is null. What am I doing wrong?!
PS:the event is attached, when I click on the button I get an alert message

I'm setting up an application that involves blog posts with comments boxes appended to the div that contains the posts. The comments boxes are in iframes and load an html file on the same domain. There are multiple posts/boxes on each page.
I need a javascript that will only run the append script when the posts are written and appear on the page. So in non js language, I'm looking for this:

if div id post#5 appears on the page, show the iframe that contains the comments box that goes with post number 5. else don't show it.

I don't know enough javascript to figure this out so if anyone could point me in the right direction, I'd be grateful.

Sorry for my beginner question but I am having some trouble getting this to work. I am trying to create a simple I=PRT calculator so it can calculate interest. But when you run it it adds the digits. Ex. 5+100=5100 instead of 105. Give it a try. My code is bellow.[CODE]

// JavaScript Document
alert("This is a simple calculator which will allow you to calculate the interest on a principle.");

var principle = prompt("What is the amount you would like to calculate interest for?");

var rate = prompt("What is the interest rate. eg. For 3.9% write 3.9");

var term = prompt("How long in the period under calculation going to be? eg. For 1 year write 1");

var interest = principle*(rate/100)*term;

var result = principle + interest;

var a = "This means the interest is going to be $";

var b = " And the total to be paid is $";

var c = a + interest + b + result;

alert(c);

[CODE]

Thanks in advance.

Hi Guys i am a complete novice at ajax or javascript.

I have been studying php for a while now and i know that, i am now starting php oop and that going well but i have never done anything like this.

Anway i am creating a booking system which at the end of the process asks who supplied your voucher which they then select a supplier.

The issue i have is my client wants it so if groupon is selected then an input text box should appear so that the user can input a security code from groupon.

So basically it is

Code:

<select name="supplier" id="supplier">
   <option value="">please select supplier</option>
   <option value="Groupon">Groupon</option>
   <option value="KGB Deals">KGB Deals</option>
   <option value="Other">Other</option>
</select>

So if value="Groupon" then Code:

<input type="text" name="security" id="security" />

should appear next to it.

Could someone please help me as the page cant refresh as it will lose its data which would have taken the user about 10 minutes to fill out

Thanks in advance

is it possible to capture the control.event or element.event that was fired to invoke the onbeforeunload event.

for example, if a button is clicked and it causes the onbeforeunload event to fire can i determine which button was clicked.

thanks

How do I replace the string "rpg" only present in between <et> tags ?


Code:

<et>ReplaceOnlyrpg</et>

After replacement it should look like this

Code:

<et>ReplaceOnly</et>

Any advice is appreciated. Thank you