JavaScript - Script Executing Before It Should...

hi. i'm using this script to replace text on a page loaded into another frame, called 'booker'. the script works when i use it on the same page, but i can't seem to get it to reference the other frame for some reason. it executed with 'body OnLoad' any ideas for what i'm doing wrong? thanks.

Code:

function myscript() {
input = 'Membership';
output='Service Fee';
top.booker.document.body.innerHTML = top.booker.document.body.innerHTML.replace(input,output);

Greetings!

I'm not a huge javascript person, I barely know enough php to get by. I struggle and I learn. I have this page that take a while to load and I really don't want it to show the results in the browser before the php script finishes. So I was hoping that somebody could point me to a way to either give some sort of wait indicator (i.e. a bar, the trendy twrilling circle thingy) or just hide the everything till the page is completely loaded.

Below this sentence is the original post I left in the PHP forum.

Since the birth of CSS3 you can easily use fonts that are NOT on the local users PC. This is the best! Although some fonts do not render through the browser. I wrote this script (for personal use) which is pretty elementary which reads fonts in a directory (without installing them in windows) and then lets you display them in various web aspects.

In the script I pick a random background color and calculate a contrast color and then determine if the text color should be black or white depending on the color of the background.

What's happening is that if I pile a bunch of fonts in the fonts directory when the script executes it displays the contents until it 100% complete. Basically I'd like it NOT to do that. I was looking around a progress bars but .. they don't seem to do much. I couldn't find one that would either give you that twrilling circle while it loads or something to that nature.

**Is you test this script you MUST create a folder named 'fonts' in the root of where you put the script!

***If you find ways that I can make this more effecient or any tips or tricks that'd be great and constructive criticism is always appreciated!

Thanks so much for any help or advice given!

You'll need the javascript file animatedcollapse.js from my site http://handlersspot.net/css3font/animatedcollapse.js

There's are three images:
http://handlersspot.net/css3font/slantdivider.gif
http://handlersspot.net/css3font/minus.png
http://handlersspot.net/css3font/plus.png

I tried to post the source here but it seems that I used up my allotment of 20K characters I tried to use the attachments feature but it doesn't work for me for some reason so I posted all the source here on my website: http://handlersspot.net/css3font/source.html

Whew! That's allot of stuff!

Again .. thanks for the effort/advice/help way in advance!

Oh! Sorry! Meant to put the actual working version of this here --> http://handlersspot.net/css3font

Hi! I'm trying to run this script on Firefox. I'm copying and pasting the whole thing in here just to be safe, but I'm mostly concerned with getting the findLegendary function to call catchPok(). The script executes fine, goes into the battle, but then...does nothing.

It runs the catchPok function if I manually click and deselect the "Find Legendary" window option, so alternately, if somebody knows how to make the program automatically click the element at that point to stop repeating the function (maybe?) and it works, I'd be just as happy with that. My best guess is that the autoContinue function might be interfering somehow, since it runs that portion of the code with the manual findLegendary shutoff, but to be honest I'm pretty clueless.

What I want it to do is run the catch function through, catch the game pixel, and then go back to repeating. I don't care how this is accomplished as long as it can feasibly loop. The game rules allow botting, so this isn't against any site rules, either.

Any and all help/advice is much appreciated!

Code:

// ==UserScript==
// @name           Pokemon Vortex Tool
// @namespace      vortexrising.tk
// @include        http://*pokemonvortex.org/*
// @exclude        http://*pokemonvortex.org/adv.php*
// ==/UserScript==

var legends = [
	// Custom
	// Grass
	'Shaymin (Sky)',
	'Celebi',
	'Latios',
	'Latias',
	'Rayquaza',
	'Shaymin',
	'Mew',
	'Cresselia',
	'Azelf',
	'Uxie',
	'Mesprit',
	'Virizion',
	'Genesect',

	// Grass (water)
	'Manaphy',
	'Phione',
	'Suicune',
	'Keldeo',
	
	// Ice
	'Articuno',
	'Suicune',
	'Lugia',
	'Regice',
	'Kyurem',
	
	// Cave (land)
	'Groudon',
	'Arceus',
	'Regigigas',
	'Palkia',
	'Dialga',
	'Deoxys',
	'Jirachi',
	'Registeel',
	'Regirock',
	'Mewtwo',
	'Cobalion',
	'Terrakion',
	'Virizion',
	'Reshiram',
	'Zekrom',
	'Kyurem',
	'Genesect',
	'Tornadus',
	'Landorus',

	// Cave (water)
	'Kyogre',
	'Lugia',
	'Keldeo',
	
	// Ghost
	'Mew',
	'Giratina',
	'Rotom',
	'Mesprit',
	'Azelf',
	'Uxie',
	'Celebi',
	'Darkrown',
	'Darkrai',
	
	// Electric
	'Zapdos',
	'Raikou',
	'Jirachi',
	'Darkrai',
	'Darkrown',
	'Thundurus',
	'Zekrom',
	'Genesect',
	
	// Fire
	'Heatran',
	'Ho-oh',
	'Moltres',
	'Entei',
	'Reshiram',
	'Victini'
];
var settings = {
	'keys': ['autoBattle', 'findRare', 'findLegendary','catchPok','findNewpoke'],
	'data': {},
	'save': function() {
		for (var i = 0; i < this.keys.length; i++) {
			GM_setValue(this.keys[i], this.data[this.keys[i]]);
		}
	},
	'load': function() {
		for (var i = 0; i < this.keys.length; i++) {
			this.data[this.keys[i]] = GM_getValue(this.keys[i], false);
		}
	}
};
var movPos = 0;

function moveAround() {
	movPos += 10;
	if (movPos > 360) {
		movPos = 0;
	}
	
	var xpos = parseInt(Math.sin(movPos * (Math.PI / 180))*10);
	var ypos = parseInt(Math.cos(movPos * (Math.PI / 180))*10);
	unsafeWindow.PlayRequest(xpos + 14, ypos + 14, parseInt(Math.random()*8)+1);
/*	var btnArrow = unsafeWindow.document.querySelector('#arrows img[onclick]')
	if (btnArrow) {
		btnArrow.click();
	} else {
		unsafeWindow.console.info('No buttons?');
	}*/
}

function catchPok() {
	try {
		var btnPo = unsafeWindow.document.querySelector('#battleForm input[type="submit"][value="Continue"]');
		if (btnPo) {
			btnPo.click();
		}

		var radMaster = unsafeWindow.document.querySelector('#itemForm input[type="radio"][value="Master Ball"]');
		if (radMaster) {
			radMaster.click();
		}
		
		var btnItem = unsafeWindow.document.querySelector('#itemForm input[type="submit"][value="Use Item"]');
		if (btnItem) {
			btnItem.click();
		}
		
		var btnCont2 = unsafeWindow.document.querySelector('#battleForm input[type="submit"][value="Continue!"]');
		if (btnCont2) {
			btnCont2.click();
		}

		var linkReturnToMap = unsafeWindow.document.querySelector('.optionsList a');
		if (linkReturnToMap && linkReturnToMap.textContent.trim() == 'Return to the Map') {
			settings.data.nextBattle = new Date().getTime() + 10000;
			unsafeWindow.location.href = linkReturnToMap.href;
		}
	}catch (e) {
		unsafeWindow.console.warn('Exception: ', e);
	}
}

function findNewpoke() {
	var aPoke = unsafeWindow.document.querySelector('#appear p');
	var oldPoke = unsafeWindow.document.querySelector('#appear strong');
	var searchPoke = unsafeWindow.document.querySelector('#alert p')
	if (!aPoke) {
		moveAround();
		return;
	}
	else if (oldPoke) {
		moveAround();
		return;
	}
	else if (searchPoke) {
		moveAround();
		return;
	}
	else {
		var btnDo = unsafeWindow.document.querySelector('input[type="submit"][value="Battle!"]');
		if (btnDo) {
			btnDo.click();
			}
		catchPok();
		return;
	}
}

function findLegendary() {
	var wildText = unsafeWindow.document.querySelector('#appear p');
	if (!wildText) {
		moveAround();
		return;
	}
	
	wildText = wildText.textContent.trim();
	for (var i = 0; i < legends.length; i++) {
		if (wildText.match(legends[i])) {
			var btnDo = unsafeWindow.document.querySelector('input[type="submit"][value="Battle!"]');
			if (btnDo) {
				btnDo.click();
				}
			catchPok();
			return;
		}
	}

	moveAround();	
}

function findRare() {
	var wildText = unsafeWindow.document.querySelector('#appear p');
	if (!wildText) {
		moveAround();
		return;
	}
	
	wildText = wildText.textContent.trim();
	if (!wildText.match(/Wild (Shiny|Shaymin (Sky)|Celebi|Latios|Latias|Rayquaza|Shaymin|Mew|Cresselia|Azelf|Uxie|Mesprit|Virizion|Genesect|Manaphy|Phione|Suicune|Keldeo|Articuno|Lugia|Regice|Kyurem|Groudon|Arceus|Regigigas|Palkia|Dialga|Deoxys|Jirachi|Registeel|Regirock|Mewtwo|Cobalion|Terrakion|Reshiram|Zekrom|Tornadus|Landorus|Kyogre|Giratina|Rotom|Zapdos|Raikou|Darkrai|Darkrown|Thundurus|Heatran|Ho-oh|Moltres|Entei|Victini)/)) {
		moveAround();
		return;
	}
	
	unsafeWindow.console.info('Rare found ', wildText);
}

function autoBattle() {
	try {
		var btnContinue = unsafeWindow.document.querySelector('#battleForm input[type="submit"][value="Continue"]');
		if (btnContinue) {
			btnContinue.click();
		}
		
		var btnContinue2 = unsafeWindow.document.querySelector('#battleForm input[type="submit"][value="Continue!"]');
		if (btnContinue2) {
			btnContinue2.click();
		}
	
		var btnAttack = unsafeWindow.document.querySelector('#battleForm input[type="submit"][value="Attack!"]');
		if (btnAttack) {
			btnAttack.click();
		}
		
		var linkReturnToMap = unsafeWindow.document.querySelector('.optionsList a');
		if (linkReturnToMap && linkReturnToMap.textContent.trim() == 'Return to the Map') {
			settings.data.nextBattle = new Date().getTime() + 10000;
			unsafeWindow.location.href = linkReturnToMap.href;
		}
		
		// check for battle button
		var btnBattle = unsafeWindow.document.querySelector('#appear form input[type="submit"][value="Battle!"]');
		var linkRebattle = unsafeWindow.document.querySelector('.optionsList a');
		if (btnBattle) {
			// wait until 10 seconds since last battle
			//var delay = GM_getValue('lastBattle');
			window.setTimeout(function() {
				btnBattle.click();
			}, 10000);
		} else if (linkRebattle && linkRebattle.textContent.trim() == 'Rebattle Opponent') {
			window.setTimeout(function() {
				unsafeWindow.location.href = linkRebattle.href;
			}, 10000);
		} else {
			// if not found, click a direction
			var btnArrow = unsafeWindow.document.querySelector('#arrows img[onclick]')
			console.info('arrow', btnArrow);
			if (btnArrow) {
				btnArrow.click();
			}
		}
	} catch (e) {
		unsafeWindow.console.warn('Exception: ', e);
	}
}

function autoContinue() {
	if (settings.data.findRare) {
		findRare();
	}

	if (settings.data.autoBattle) {
		autoBattle();
	}
	
	if (settings.data.findLegendary) {
		findLegendary();
	}
	if (settings.data.catchPok) {
		catchPok();
	}
	if (settings.data.findNewpoke) {
		findNewpoke();
	}
}

unsafeWindow.AjaxRequest = function () {
	if (!this.xmlhttp) {
		try {
			// Try to create object for Firefox, Safari, IE7, etc.
			this.xmlhttp = new XMLHttpRequest();
		} catch (e) {
			try {
				// Try to create object for later versions of IE.
				this.xmlhttp = new ActiveXObject('MSXML2.XMLHTTP');
			} catch (e) {
				try {
					// Try to create object for early versions of IE.
					this.xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
				} catch (e) {
					// Could not create an XMLHttpRequest object.
					return false;
				}
			}
		}
	}
	this.method = 'post';
	this.async = true;
	this.url;
	this.query = '';
	this.data = '';
	this.reponseText;
	this.reponseXML;
	this.responseHandler;
	this.abortHandler;
	this.showLoading = false;
	this.send = function () {
		if (this.method && this.url) {
			var self = this;
			this.xmlhttp.onreadystatechange = function () {
				if (self.xmlhttp.readyState == 4) {
					if (self.xmlhttp.status && (self.xmlhttp.status == 200 || self.xmlhttp.status == 304)) {
						//unsafeWindow.console.info('success', self);
						
						self.responseText = self.xmlhttp.responseText;
						if (self.xmlhttp.responseXML) {
							self.responseXML = self.xmlhttp.responseXML;
						} else {
							self.responseXML = null;
						}
						if (self.responseHandler) {
							self.responseHandler();
							
							var evt = document.createEvent('Event');
							evt.initEvent('gm:ajaxhook', false, true);
							document.dispatchEvent(evt);
							
							//autoContinue();
						}
					} else {
						showAlert('<p>An error occured while requesting the data.</p><p>Status Msg: ' + self.xmlhttp.statusText + '</p><p><input type="button" name="ok" value="OK" onclick="removeAlert();" id="alertFocus"></p>');
					}
					if (self.showLoading && self.loading) {
						self.loading.style.visibility = 'hidden';
					}
				}
			}
			if (this.showLoading) {
				this.displayLoading();
			}
			this.xmlhttp.open(this.method, this.url + '?' + encodeURI(this.query), this.async);
			if (this.method == 'post') {
				this.xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
			}
			this.xmlhttp.send(encodeURI(this.data));
		} else {
			showAlert("<p>An error occured while requesting the data.</p><p>No method, URL, and/or query string provided.</p><p><input type=\"button\" name=\"ok\" value=\"OK\" onclick=\"removeAlert();\" id=\"alertFocus\"></p>");
		}
	}
	this.abort = function () {
		this.xmlhttp.onreadystatechange = function () {};
		this.xmlhttp.abort();
		if (this.abortHandler) {
			this.abortHandler();
		}
	}
	this.getFormValues = function (form) {
		for (i = 0; i < form.elements.length; i++) {
			switch (form.elements[i].type) {
			case 'text':
			case 'hidden':
			case 'password':
			case 'textarea':
				this.data += form.elements[i].name + "=" + form.elements[i].value + "&";
				break;
			case 'checkbox':
			case 'radio':
				if (form.elements[i].checked) this.data += form.elements[i].name + "=" + form.elements[i].value + "&";
				break;
			case 'select-one':
				this.data += form.elements[i].name + "=" + form.elements[i].options[form.elements[i].selectedIndex].value + "&";
				break;
			}
		}
		this.data = this.data.substr(0, (this.data.length - 1));
	}
	this.appendHTML = function (object, flag) {
		if (this.xmlhttp.responseText) {
			if (flag) {
				object.innerHTML = this.responseText;
			} else {
				object.innerHTML += this.responseText;
			}
		} else {}
	}
	this.displayLoading = function () {
		if (this.showLoading == 'sidebar') {
			this.loading = document.getElementById('sidebarLoading');
			this.loading.style.height = document.getElementById('sidebar').offsetHeight - 2 + 'px';
			this.loading.style.width = document.getElementById('sidebarContent').offsetWidth + 'px';
			this.loading.innerHTML = '<p style="text-align: center; margin-top: 150px;"><img src="http://static.pokemonvortex.org/images/loading.gif" width="100" height="100" alt="Loading..." /></p>';
		} else if (this.showLoading == 'message') // message
		{
			this.loading = document.getElementById('messageContent');
			this.loading.style.height = document.getElementById('message').offsetHeight + 'px';
			this.loading.style.width = document.getElementById('message').offsetWidth + 'px';
			this.loading.innerHTML = '<p style="text-align: center; margin-top: 75px;"><img src="http://static.pokemonvortex.org/images/loading.gif" width="100" height="100" alt="Loading..." /></p>';
		} else if (this.showLoading == 'messageList') // message list
		{
			this.loading = document.getElementById('messageList');
			this.loading.style.height = document.getElementById('messageList').offsetHeight + 'px';
			this.loading.style.width = document.getElementById('messageList').offsetWidth + 'px';
			this.loading.innerHTML = '<p style="text-align: center; margin-top: 50px;"><img src="http://static.pokemonvortex.org/images/loading.gif" width="100" height="100" alt="Loading..." /></p>';
		} else if (this.showLoading == 'map') // map
		{
			this.loading = document.getElementById('mapLoading')
			this.loading.innerHTML = '<p style="text-align: center; margin-top: 150px;"><img src="http://static.pokemonvortex.org/images/loading_white.gif" width="100" height="100" alt="Loading..." /></p>';
		} else if (this.showLoading == 'live') {
			this.loading = document.getElementById('loading');
			this.loading.style.height = document.getElementById('scroll').offsetHeight + 'px';
			if (document.getElementById('scrollContent')) {
				this.loading.style.width = document.getElementById('scrollContent').offsetWidth + 'px';
			} else {
				this.loading.style.width = document.getElementById('scroll').offsetWidth + 'px';
			}
			this.loading.innerHTML = '<p class="large" style="margin-top: 75px; text-align: center;"><strong>Waiting for the other user to respond...</strong></p><p style="text-align: center;">You have been waiting <span id="waitTime">0 seconds</span>.</p>';
			waitTime(0);
		} else // main
		{
			this.loading = document.getElementById('loading');
			this.loading.style.height = document.getElementById('scroll').offsetHeight + 'px';
			if (document.getElementById('scrollContent')) {
				this.loading.style.width = document.getElementById('scrollContent').offsetWidth + 'px';
			} else {
				this.loading.style.width = document.getElementById('scroll').offsetWidth + 'px';
			}
			this.loading.innerHTML = '<p style="text-align: center; margin-top: 150px;"><img src="http://static.pokemonvortex.org/images/loading.gif" width="100" height="100" alt="Loading..." /></p>';
		}
		this.loading.style.visibility = 'visible';
	}
}

function createToggler(container, title, varname) {
	var toggleEnable = unsafeWindow.document.createElement('p');
	container.appendChild(toggleEnable);
	toggleEnable.innerHTML = title + ' <b>' + (settings.data[varname] ? 'Enabled' : 'Disabled') + '</b>';
	toggleEnable.addEventListener('click', function() {
		settings.data[varname] = !settings.data[varname];
		toggleEnable.innerHTML = title + ' <b>' + (settings.data[varname] ? 'Enabled' : 'Disabled') + '</b>';
		settings.save();
		autoContinue();
	}, false);
}

function init() {
	var iframes = unsafeWindow.document.getElementsByTagName('iframe');
	for (var i = 0; i < iframes.length; i++) {
		iframes[i].parentNode.removeChild(iframes[i]);
	}
	var sty = unsafeWindow.document.createElement('style');
	unsafeWindow.document.querySelector('head').appendChild(sty);
	sty.textContent = '#fscctrl { background: green; border: 1px solid yellow; cursor:pointer; margin: auto; padding: 10px; width: 1010px; } #fscctrl p { margin: 0; } #alert{position:absolute; z-index: 1; background:#ffc; padding: 0 10px; right: 0; width: 100px;} #alert p { margin: 0; } #loading {z-index: 0; top: 0; height: 200px;} #loading p {margin-top:0 !important;} #header{ height: 70px; }';
	unsafeWindow.disableSubmitButton = function(form) {
		for (i = 0; i < form.elements.length; i++) {
			if (form.elements[i].type == 'submit') {
				form.elements[i].value = 'Please Wait... or click again - by rockingdo';
			}
		}
		return true;
	} 
	
	settings.load();
	
	document.addEventListener('gm:ajaxhook', function() {
		autoContinue();
	}, false);
	
	var container = unsafeWindow.document.createElement('div');
	unsafeWindow.document.body.insertBefore(container, unsafeWindow.document.body.firstChild);
	container.setAttribute('id', 'fscctrl');

	createToggler(container, 'Auto-battle', 'autoBattle');
	createToggler(container, 'Find Rare', 'findRare');
	createToggler(container, 'Find Legendary', 'findLegendary');
	createToggler(container, 'Catch Pokemon', 'catchPok');
	createToggler(container, 'Find New Pokemon', 'findNewpoke');

	autoContinue();
}

init();

i have this code:
Code:

 if (($has_freechat1['confirmed'] == 1) && ($has_freechat2['confirmed'] == 1))
                                { 
                                    $was_clicked = 0;
                                    ?>
                                    <a href="freechatcontacts.php?id=<?php echo $id_to.$was_clicked; ?>" class="charcoal_link" style="line-height: 20px;" name="message" id="message" onClick="return send('<?php echo $was_clicked;?> return false;')">
                                    <?php echo $uniqueCode1?><span class="pink_text"><?php echo $uniqueCode2?></span><?php echo $uniqueCode3?>
                                    </a>
                                    &nbsp;&nbsp;
                                    
                                <?php
                                    
                                    if ($was_clicked == 1)
                                    {
                                    ?>
                                        <tr>
                                           <td><input name="password" type="textarea" rows="10" cols="20" value="<?php echo $aCleanPost['message']['value']?>" /></td>
                                        </tr>		   
                                        <tr>
                                           <td><br /><input name="cmdSubmit" type="submit" value="Send" /><br/>&nbsp;</td>
                                        </tr>
                                   <?php         
                                    }
                                }

then i have my JS:; and this is not executing because even though i clicked on my link, $was_clicked stays 0????
Code:

  <script type="text/JavaScript">
    function send(val)
    {
       val = 1; //was clicked 
       return val;
    }
    window.reload();
    </script>

what am i doing wrong please help?
thank you

i have this line:

Code:

echo $new_mail_cnt = '<script type="text/javascript">getMessages();</script>';

then have:
Code:

<script language="JavaScript" type="text/javascript">
    var receiveReq = getXmlHttpRequestObject();
    var mTimer;

    function getXmlHttpRequestObject()
    {
        if (window.XMLHttpRequest)
        {
            return new XMLHttpRequest();
        } 
        else if(window.ActiveXObject)
        {
            return new ActiveXObject("Microsoft.XMLHTTP");
        } 
        else 
        {
            document.getElementById('p_status').innerHTML = 
            'Status: Cound not create XmlHttpRequest Object.' +
            'Consider upgrading your browser.';
        }
    }

    function getMessages()
    {
        receiveReq = getXmlHttpRequestObject();
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0)
        {                    
            receiveReq.open("POST", 'getMessage.php', true);
            receiveReq.onreadystatechange = handleReceiveMessage();   
            receiveReq.send(null);
            document.getElementById('new_messages').innerHTML = receiveReq.responseXML;  //not sure here   
        }  
        mTimer = setTimeout('getMessage();',2000);  
    }

    function handleReceiveMessage()
    {
        if (receiveReq.readyState == 4)
        {
            var chat_div = document.getElementById('div_chat');
            var xmldoc = receiveReq.responseXML;
            var message_nodes = xmldoc.getElementsByTagName("message"); 
        }
    }    
 </script>

all i need to do is update/refresh $new_mail_cnt so user can see when new messages come in, but getMessages() does not execute because no alerts pop up??? i dont understand please help?
thank you