|
JavaScript - Jquery Won't Work When Called By Body Onload Works If Directly In Script???
Hi,
I have a form that I am submitting using JQuery, if I copy and paste the form into my main page, everything works fine. If I try to call the form in a separate page to onload none of the buttons work. Is there away around this? Not sure if providing my script helps or not, but just in case here it: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title>Messages</title>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$('#submitNewSend, #submitNewSend2, #submitNewSave, #submitNewSave2').click(function(){
var btn = $(this).attr('id');
if(btn == 'submitNewSend'){
file = 'insertMessage.php';
Msg = 'Your message has been sent';
} else if(btn == 'submitNewSend2'){
file = 'insertMessage.php';
Msg = 'Your message has been sent';
} else if (btn == 'submitNewSave'){
file = 'insertSaveMessage.php';
Msg = 'Your message has been saved';
} else if (btn == 'submitNewSave2'){
file = 'insertSaveMessage.php';
Msg = 'Your message has been saved';
}
var data = $('#MessageNew').serialize();
$.post (file,data, function(){
alert(Msg);
$('#MessageNew').each (function(){
this.reset();
});
});
return false;
});
});
</script>
<script type="text/javascript">
function loadXMLDoc(File,ID){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST",File,true);
xmlhttp.send();
}
</script>
<head>
<body onload="loadXMLDoc('getloadCompose.php','txtHintCompose')">
<br />
<br />
<div id="txtHintCompose"></div>
</form>
</body>
</html>
And the getloadCompose.php is: Code:
<form action="" method="post" name="MessageNew" id="MessageNew" autocomplete="OFF">
<table id="new" width="60%">
<tr>
<th>Compose Message</th>
</tr>
<tr>
<td class="first">
<input type="button" class="button3" name="submitNewSend2" id="submitNewSend2" value="Send">
<input type="button" class="button3" name="submitNewSave2" id="submitNewSave2" value="Save">
<input type="button" class="button3" name="submitNewCancel" value="Cancel" onclick="loadXMLDocRefresh('getloadInbox.php','txtHintMessage')" />
</td>
</tr>
<tr>
<td>
<br />
<label class="two"><b>To:</b></label><input type="text" class="input" name="to" id="to" value=""><input type="text" class="input" name="recipient" id="recipient" value="" onkeyup="showHint(this.value, 'getEmailName.php','txtHintEmailTo')" size="70" /><br /><br />
<div id="txtHintEmailTo"></div>
</td>
</tr>
<tr>
<td>
<label class="two"><b>Subject:</b></label><input type="text" class="input" name="subject" id="subject" value="enter subject" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'enter subject':this.value;" size="70" /><br /><br />
</td>
</tr>
<tr>
<td>
<label class="two"><b>Message: </b></label><div class="scroll"><textarea rows="10" cols="75" class="input" name="messsage" id="message">Enter Message</textarea></div><br /><br /><br />
</td>
</tr>
<tr>
<td class="first">
<input type="button" class="button3" name="submitNewSend" id="submitNewSend" value="Send">
<input type="button" class="button3" name="submitNewSave" id="submitNewSave" value="Save">
<input type="button" class="button3" name="submitNewCancel" value="Cancel" onclick="loadXMLDocRefresh('getloadInbox.php','txtHintMessage')" />
</td>
</tr>
</table>
</form>
I know I have buttons doing the same function,there is an ease of use reason for it. I can put everything on my main page if necessary, but it wouldn't really be doing exactly what I want it to do. Similar TutorialsHello Can anyone help with the following problem On the following page http://www.stroudskittles.co.uk/signingon.html I have a Body onload event (to load the chained Menu) and a windows.onload event (to load the IFrame Ticker) If I open the page in Internet explorer both scripts function; however in Firefox I'm having problems. The Chained Menu works, however the IFrame Ticker does not display. Both events ahave ben placed on the boady tag. Can anyone advise how I can get both to display in Firefox Can anyone hi guys, how can i get this code to load on body onload? without fading in and out? Code: <html>
<head>
<!-- For ease i'm just using a JQuery version hosted by JQuery- you can download any version and link to it locally -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
$("#responsecontainer").load("response.php");
var refreshId = setInterval(function() {
$("#responsecontainer").load('response.php?randval='+ Math.random());
}, 9000);
$.ajaxSetup({ cache: false });
});
</script>
</head>
<body>
<div id="responsecontainer">
</div>
</body>
Thanks Hi, Is there any alternative to the ' body onload="" ' function? I have on the page several scripts running and one is blocking the others because of the body onload function. It is working if I change that to body onfocus but it is loading the content all over when the user gets back to the page. Any ideas how can I avoid this? I can't apply onload to some element, onfocus is not working and this code also does not suite me: Code: <script type="text/javascript> function(); </script> Thanks in any case! Batric What I mean is that my <body> tag currently is like this: Code: <body class="page-course"> I would like to insert a pop-up contact form which requires the body tag to be like this: Code: <body onload="javascript:fg_hideform('fg_formContainer','fg_backgroundpopup');">
Not quite sure how to merge these - indeed can I merge them? Perhaps better to make the body class (top example) execute elsewhere? THANKS!! I found a little chat script online and I wanted to check it out. When I integrated it into a page I created, for some reason this will not work correctly <body onload="setInterval('chat.update()', 1000)"> I tested it with two different browswers open Lets say on two different browser windows you have user1 and user2 if user1 types 'Hello' it will not show up on user2 window but if user2 types 'Hi' then on user2 window it will say user1 says Hello user2 says Hi so basically for user1 to see what user2 has wrote, user1 has to type something first and send it to see what user2 said. hope you understand, if you would like I could post up the code. i cannot understand, am i making the same mistake each time but my <body onload="startChecking()"> does not want to load again?? here my full code: Code: <head>
<script language="JavaScript" type="text/javascript">
var sendReq;
var receiveReq;
var lastmessage = 0;
var mTimer;
function startChecking()
{
receiveReq = new XMLHttpRequest();
console.log("1234");
getNewMessage();
}
function getNewMessage()
{
if (receiveReq.readyState == 4 || receiveReq.readyState == 0)
{
console.log(receiveReq.readyState);
}
mTimer = setTimeout('getNewMessage();',30000);
}
</script>
</head>
<body onload="startChecking()">
//more code here
</body>
i just want the console.logs to execute then i will continue with the rest of my code... please help? thank you I am a novice with Javascript and need help. The homepage of the website I am developing includes a simple javascript slideshow. The code for the script came from a different site that allowed code sharing. It functions wonderfully once loaded. However, in Internet Explorer, I must control-click to allow for the script to run. This wouldn't be a huge problem, but it is an inconvenience to visitors of the site. Since the website is for a public high school, the district computers have a high security setting. Therefore, anyone trying to access the site from a school computer (the main clientele) will have to control-click and allow access everytime they wish to visit the site. Not ideal. I know my problem is that I am using <body onload="runSlideShow">. I have tried including the defer attribute, but that did not work. Is there any other way I can write the code to not cause viewers to control-click everytime the page is loaded? Thanks tons! EDIT---- When opened in IE 7, there is a bar that warns againsts scripts and activex. I understand that I can lower my personal security setting, but I don't have the authority to do so for district PCs. Once a user clicks to allow the script the slideshow begins automatically. So, how can I write the code so that the warning bar does not show up? ---- Here's the bit of code that is applicable. Code:
<script language="JavaScript">
var slideShowSpeed = 4000;
var crossFadeDuration = 4;
var Pic = new Array();
Pic[0] = 'field.jpg'
Pic[1] = 'mural3.jpg'
Pic[2] = 'cheer1.jpg'
Pic[3] = 'Nuncrackers.jpg'
Pic[4] = 'soccer4.jpg'
Pic[5] = 'radio4.jpg'
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
</script>
<body onload="runSlideShow()">
<img src="field.jpg" name='SlideShow' width="814" height="300" />
Hey guys I am having trouble loading a drop down menu list script that I got from Dynamic Drive. Here's the original test page. (Works Fine) <html> <head> <script language="javascript" src="http://www.modbargains.com/images/Javascript/ChainSel/chainedmenu.js"> </script> <script language="javascript" src="http://www.modbargains.com/images/Javascript/ChainSel/MBVehicleChainSelect.js"></script> </head> <body onLoad="initListGroup('Vehicles', document.listmenu0.firstlevel, document.listmenu0.secondlevel, document.listmenu0.thirdlevel, 'savestate')"> <form name="listmenu0"> <table align="center"> <tr> <td><select name="firstlevel" style="width:160px;"></select></td> </tr> <tr> <td><select name="secondlevel" style="width:160px;"></select></td> </tr> <tr> <td><select name="thirdlevel" style="width:160px;"></select></td> </tr> <tr> <td><input type="button" value="Go" onClick="goListGroup(document.listmenu0.firstlevel, document.listmenu0.secondlevel, document.listmenu0.thirdlevel)"> <input type="button" value="Reset" onClick="resetListGroup('Vehicles')"> </tr> </table> </form> </body> </html> HOWEVER! The site I am working on (which is on a different server) does not allow me to alternate the body tag. Is there an alternative way of doing a body onLoad without actually alternating the body tag? I read that you could do a function onload using javascript, so I tried using this: <script language="javascript" > window.onload = initListGroup('Vehicles', document.listmenu0.firstlevel, document.listmenu0.secondlevel, document.listmenu0.thirdlevel, 'savestate'); </script> I am not sure if the function is correct but it does not work. Any ideas how I can make this work???? Hi guys. I have a quick question. What's the code for having a link with the id "autoid" clicked when the body of my html code loads? Thanks, Alex hi all im trying to hide a div on page load, ive used this. Code: <script type="text/javascript">
function hideDiv(){
document.getElementById('sidebar').style.display = "none";
}
hideDiv()
</script>
and this in the body tag Code: <body onload="javascript:hideDiv()"> it works fine hiding the div named sidebar, problem comes when i try to then use an Onclick event to show the hidden div, it just wont show. can this be done? please help if you can this work has to be in soon So, i have this code which retrieves php files for me using jquery and id love to get it working with Jquery history plugin. I tried modifying the code i got from the ajax demo to work for me, but i just couldnt do it as i do not know any javascript really.. ( actually what i tried was simply to change "#ajax-links a" to "#menu li a" and .html to .php ..but nothing.. :rolleyes: Id be very gratefull if someone would help me out with this one. All related code can be found bellow (the ones that should be needed anyways): This is the code that retrieves php files inside "#content" when item from "#menu li a" with the specified id is clicked Code: $(document).ready(function(){
//References
var change = $("#menu li a");
var loading = $("#loading");
var content = $("#content");
//Manage click events
change.click(function(){
//show the loading bar
showLoading();
//load selected section
if(this.id == "home")
{
change.load(this.className='current-page');
content.slideUp();
content.load("pages/index.php", hideLoading);
content.slideDown();
}
else if(this.id == "secondpage")
{
change.load(this.className='current-page');
content.slideUp();
content.load("pages/secondpage.php", hideLoading);
content.slideDown();
}
else
{
//hide loading bar if there is no selected section
hideLoading();
}
});
//show loading bar
function showLoading(){
loading
.css({visibility:"visible"})
.css({opacity:"1"})
.css({display:"block"})
;
}
//hide loading bar
function hideLoading(){
loading.fadeTo(1000, 0);
};
});
Heres the structure of the menu/content Code: <ul id="menu"> <li><a id="home" class="normal" href="#Home"></a></li> <li><a id="secondpage" class="normal" href="#Secondpage"></a></li> </ul> <div id="content"> <ul id="sec-menu"> <li><a id="link1" class="normal" href="#">Link1</a></li> <li><a id="link2" class="normal" href="#">Link2</a></li> </ul> </div> Heres the code that jquery history plugin uses in demo for ajax Code: jQuery(document).ready(function($) {
function load(num) {
$('#content').load(num +".html");
}
$.history.init(function(url) {
load(url == "" ? "1" : url);
});
$('#ajax-links a').live('click', function(e) {
var url = $(this).attr('href');
url = url.replace(/^.*#/, '');
$.history.load(url);
return false;
});
});
I apologize if I am posting this in the wrong section. I am looking for a code or script for a certain type of game but I can't even figure out what this type of game would be called. The game I am talking about is called "cryptopix" at tanga.com. I would really like to implement something like that on my website that members could create and participate in. If anyone can help point me in the right direction I would be forever grateful. I would assume it's a java script.
Hi, I am building a navbar using suckerfish. The company that I am using to host the site places onload="page_init()" in the <body> tag automatically. This kills the suckerfish js. Is there a way to remove this onload="page_init()" using a js, or will it just kill that js also? I don't get to use javascript as much as I would like, but I am having a problem with a page so I stripped out all the extras and got down to just the part I am having a problem with and I think this should fill the div with the id testingdiv when the page loads but it doesn't. Any help would be appreciated. Code: <script type="text/javascript">
function getClientList(listtype) {
document.getElementById('testingdiv').innerHTML = listtype;
}
window.onload = getClientList('own');
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<input type="hidden" name="hidden" id="hidden" value="99" />
<title>untitled</title>
</head>
<body>
<div id="testingdiv"></div>
</body>
</html>
I've got a page (hrnewseastanglia.com) where I have to use a jquery function to stretch the body to the user's window height if it isn't already. In the same code I also use a condition that if the body is bigger than the user's window, the content has a padding to stop it going over the grass. The reason I need to do the resize is because I have a background image that needs to sit at the very bottom of the page (with no bar or gap below it). The reason the padding can only exist when the body is bigger than the window is because it will put a scrollbar on pages that shouldn't have them. It works great, but the only trouble is that if somebody decides to resize their window on a page that fits in it - it breaks. This is my script: Code: <script type="text/javascript">
$(document).ready( function() {
stretch_portal_content();
$(window).resize( stretch_portal_content );
});
function stretch_portal_content() {
// if the body isn't at least as big as the user's window - force it to be
if( $(window).height() > $('body').height() ) {
$( '#wrapper' ).height(
$(window).height() - ( $('body').height() - $('#wrapper').height() )
);
}
// if the content goes beyond the window make sure it doesn't go beyond the grass at the bottom
if( $(window).height() < $('#wrapper').height() ) {
$( '#wrapper' ).css("padding-bottom", '130px');
}
}
</script>
I've been scratching my head over this for hours but haven't come up with a solution. If anyone can help I'd really appreciate it! 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 am completely lost here. My page is http://myresearchfinder.com/dev/newchecktest.html The first checkbox should spawn a menu and then the "breast" option could spawn another. It works flawless in IE9. But in FF 3.6 the first checkbox simply does nothing. In Chrome, it spawns the menu, but strangely the checkboxes in the next menu are not clickable. soooo weird. any ideas? this should be standard css/jquery. I am trying to run this script when the page loads I have tried different methods but still no luck I would appreciate it if somebody help me out [CODE]<a href="http://s230999743.mysite.com/768K.WMA" onclick="var win=window.open('','mywindow','height=523, width=640');win.document.write('\x3Chtml\x3E\x3Chead\x3E\x3Ctitle\x3EVideo Window\x3C/title\x3E\x3Cstyle\x3Ehtml,body {margin:0;padding:0;}\x3C/style\x3E\x3C/head\x3E\x3Cbody\x3E\x3Cembed src=\'http://s230999743.mysite.com/768K.WMA\' width=\'640\' height=\'523\' autostart=\'1\' showcontrols=\'1\' type=\'application/x-mplayer2\' pluginspage=\'http://www.microsoft.com/windows/windowsmedia/download/\'\x3E \x3C/embed\x3E\x3C/body\x3E\x3C/html\x3E');return false;">Enter link text here.</a>[CODE] Hello, How do I run a script .onload, but only when the user is referred from a specific URL? |
|||||||