|
JavaScript - Function Not Executing When Called? (greasemonkey Script.)
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();
Similar TutorialsHello Everyone! I'm new to JavaScript. I thought of learning by doing instead of just reading tutorials and books. So I started writing a Greasemonkey script for Facebook. Basically what it does is it creates a link to download photo albums from Facebook. I'm far from finished but anyway, here's my code so far. The format of the HTML code block where the URLs of pics are. Code: <div class="tagWrapper"> <i style="background-image: url(https://fbcdn-photos-a.akamaihd.net/hphotos-ak-ash4/299595_10150290138650735_543370734_8021370_355110168_a.jpg);"></i> </div> And here's my script so far, Code: var picURL;
var modURL;
var URLset = [];
for(var i=0; i<picURL.length; i++)
{
//gets all the URLs in the page
picURL = document.getElementsByClassName("tagWrapper")[0].children[0].style.backgroundImage;
modifyURL(picURL);
URLset.push(modURL); //inserting them to an array
alert(URLset) ;
}
function modifyURL();
{
//doing the replacements to make them downloadable
modURL = picURL.replace("url(", "").replace(")", "");
modURL = modURL.replace("a.jpg", "n.jpg");
var dwn = "?dl=1";
modURL = modURL.concat(dwn);
return modURL;
}
I have created a fiddle so that it all would be clearer. Since I'm half way through it, I just want to make sure it works up to this point so I have put an alert box to show all the modified URLs stored in the array. (supposed to, at least) the problem is, it isn't showing up. Can anyone please tell me what I have done wrong here? Bare with me for I'm new to this as I've mentioned earlier. Any help in teh right direction would be much appreciated. Thanks in advance. I want to be able to read and write on a Google spreadsheet using a Greasemonkey script that runs on Facebook webpage. I have tried the example made by Google( http://gdata-javascript-client.googl...y_manager.html ) but it doesn't seem to work anymore. Are there any other implementations-examples of a userscript using Google data API to store data? I want to be able to retrieve encryption and decryption passwords on a userscript running on Facebook so it can encrypt-decrypt text. (PS: I had no idea what to call this thread so, hopefully it's okay) I'm trying to make a time script for an app I'm making (this is not an HTML document; it's a .js file to be used with Titanium) however I'm having trouble getting the function to display and update. Code: function updateClock()
{
setInterval ( 'kiTime()', 1000 );
}
function kiTime ()
{
//Get current date and time
var currentTime = new Date ();
//Create variables for hours, minutes, and seconds from current time
var currentHours = currentTime.getHours ();
var currentMinutes = currentTime.getMinutes ();
var currentSeconds = currentTime.getSeconds ();
//Add a leading zero to minutes and seconds if less than ten
currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
//Create the string of time data
currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds;
return currentTimeString;
}
var win3 = Titanium.UI.createWindow({
title:'Clock',
backgroundColor:'#fff'
});
var tab3 = Titanium.UI.createTab({
icon:'clock.png',
title:'Clock',
window:win3
});
var label3 = Titanium.UI.createLabel({
color:'#999',
text:updateClock(),
font:{fontSize:20,fontFamily:'Helvetica Neue'},
textAlign:'center',
width:'auto'
});
win3.add(label3);
If I use kiTime() under the text field I will get the current time (or at least the time the app was opened), however if I call updateClock() it's blank. See the code below, the alert is displayed when the page is loaded. It should only display when the image is moused over... Code: <script type="text/javascript">
addEvent(document.getElementById('snake'), "mouseover", fadeByid(this));
//This function attaches events to elements.
function addEvent( elm, evt, fun ) {
if ( elm.addEventListener ) {
elm.addEventListener( evt, fun, false );
} else if ( elm.attachEvent ) {
elm.attachEvent( 'on' + evt, fun );
} else {
elm [ 'on' + evt ] = fun;
}
};
//Image fade, for the main front navigation
function fadeByid(objId) {
alert("wtf");
if (document.getElementById) {
obj = document.getElementById(objId);
opacity = obj.style.opacity;
alert(opacity);
if (opacity >= 100) {
setOpacity(obj, opacity);
opacity -= 10;
window.setTimeout("fadeByid('"+objID+"','"+opacity+")", 100);
}
}
}
What's wrong with it? :/ Hi guys, calling a php page through AJAX. and it works Aok. I wanted the ajax backend php file to call a function in the front end page. even a simple alert from the backend php file wont work. Any help is greatly appreciated. My code to call the alert and parent's javascript functions are below. Simple alert Code: echo "<script language='javascript'>alert('Please Help Me');</script>";
Calling Front End Page Function Code: echo "<script language='javascript'>frontend_function();</script>"; Cheers Elabuwa 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'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);
I'm an experienced programmer (c, perl , python, bash) but absolutely newcomer with Javascript. The code I'm experimenting with is shown below. What I'm trying to do at this point is define a function in a script section in the head of my html page, then call that function in the onclick action of a form button. Sounds trivially simple, but for some reason it isn't doing what I expect. The eventual result will be that the Javascript will launch a Silverlight video player using the values supplied by the end user, but for now I just want to get the basic buttons to work <code> <html> <head> <title>Silverlight player</title> <script type="text/javascript"> var vProto; var vServer; var vStream; function showMe() { alert("In the function"); vProto = document.getElementById('proto').value; vServer = document.getElementById('server').value; vStream = document.getElementById('stream').value; return false; } function alertMe() { alert(document.getElementById('server').value); return false; } </script> </head> <body> <div id="dataEntry"> <form name="dataForm"> <table align='center'> <tr> <td>Protocol:</td> <td><input type="text" id="proto" title="HTTP, RTSP, MMS"></td> </tr> <tr> <td>Server:</td> <td><input type="text" id="server" width='45'></td> </tr> <tr> <td>Stream:</td> <td><input type="text" id="stream"></td> </tr> <tr> <td colspan='2' align='center'> <input type='button' value='Monitor' onClick="showMe(); return false"> </td> </tr> <tr> <td colspan='2' align='center'> <input type='button' id='alert1' value='Alert!' onClick="alert(document.getElementById('server').value);"> <input type='button' id='alert2' value='Alert!' onClick="alertMe();"> </td> </tr> </table> </form> </div> <div id='report'> <script type="text/javascript"> document.write("Playing Silverlight stream at " + vProto + "://" + vServer + "/" + vStream + "<br />"); </script> </div> </body> </html> </code> So, what embarrassing simple thing did I leave out? 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 Hey everyone, I wanted to write my own script for a fade-in animation, since the ones I have found have got too many options or need some framework, which makes them unnecessarily big. I wanted to learn too. Unfortunately, the code didn't work as I wanted, and I commented some things so as to find out what's happening. The only function called from outside is fadeIn with a string as argument (in the example, this string is: d1296668690535). This is the code: Code: var fadems = 500; // Anim. duration in milliseconds
var fps = 20; // Frames per second
function fadeIn(elemId){
var frames = fadems/1000 * fps;
var delay = 1000 / fps;
var incrOp = 1 / frames;
//document.getElementById(elemId).style.zoom = '1';
setOp(elemId, 0);
for(i=1; i<=frames; i++){
debugOutLn("(fadeIn for) elemId = " + elemId);
setTimeout("setOp(" + elemId + "," + incrOp*i + ")", delay*i);
}
}
function setOp(elemId, val){
debugOutLn("(setOp) elemId = " + elemId + "; val = " + val);
// document.getElementById(elemId).style.opacity = val;
// document.getElementById(elemId).style.filter = 'alpha(opacity = ' + val * 100 + ')';
}
Code: function debugOutLn(str){
document.getElementById("debug").innerHTML += str + "<br />";
}
And this is the text it outputs (on Opera 11.01): Code: (setOp) elemId = d1296668690535; val = 0 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (fadeIn for) elemId = d1296668690535 (setOp) elemId = [object HTMLDivElement] ; val = 0.1 (setOp) elemId = [object HTMLDivElement] ; val = 0.2 (setOp) elemId = [object HTMLDivElement] ; val = 0.30000000000000004 (setOp) elemId = [object HTMLDivElement] ; val = 0.4 (setOp) elemId = [object HTMLDivElement] ; val = 0.5 (setOp) elemId = [object HTMLDivElement] ; val = 0.6000000000000001 (setOp) elemId = [object HTMLDivElement] ; val = 0.7 (setOp) elemId = [object HTMLDivElement] ; val = 0.8 (setOp) elemId = [object HTMLDivElement] ; val = 0.9 (setOp) elemId = [object HTMLDivElement] ; val = 1 Why is an object reference assigned to what was previously a string? Thanks for the help! 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. hello, I'd like to select a element from a dropdown list that is on a webpage using greasemonkey. I have selected the correct element from the drop down menu, but nothing happened. The element is declared like this: <select onChange="f(this.options[selectedIndex].value)"> How could I fire that event ? I can't call f with location.assign( "javascript:" + "f(x)" + ";void(0)" ); because that 'this' is not the same as the one in my code. Thanks. So I have this script... Code: a = 177;
laser = function() {
document.getElementById("fast-reply_textarea").innerHTML = i;
document.forms[0].submit();
}
window.setTimeout(laser, 4000);
What I want to do, is have a = 177 as it says. Then, find the element, insert it, then submit. This works. Then, I want that variable to increment to the next number, 178. This doesn't work. Since each time the page is reloaded, the variable gets reset, so putting i++ or i = i + 1 anywhere just gives 177+1, or 178 every time. Is there any way to do this? I need basic javascript function that can basically assign the numbers and colors to variables.. like string lastColor=black int lastNumber=6 Code: <ol id="lucky-numbers-cnt" class="results">
<li class="black">
<span>6</span>
</li>
<li class="red">
<span>18</span>
</li>
<li class="green">
<span>0</span>
</li>
</ol>
I tried searching for the info myself but I dont thing I know the proper search keywords to use Hi! Help please: How to get the object window (in the current browser window or tab - called unsafeWindow in GM user.js files) inside these internal greasemonkey js-files extensions \ (e4a8a97b-f2ed-450b-b12d-ee082ba24781) \ content \ browser.js extensions \ (e4a8a97b-f2ed-450b-b12d-ee082ba24781) \ content \ install.js extensions \ (e4a8a97b-f2ed-450b-b12d-ee082ba24781) \ components \ greasemonkey.js Entangled with objects wrappedContentWin, chromeWin and other ... Thanks P.S.I want to slightly alter the logic of work; be grateful for links to the appropriate developers forums I frequent a forum that has a pretty large community. There are a few users there I don't particularly care for. I would like to make a Greasemonkey compatible javascript code that would allow me to completely erase their posts from the page. What I want to happen is that every time Code: <li class="kpost-username"> <a rel="nofollow" title="" href="/index.php/component/kunena/profile/userid-80?Itemid=0" class="kwho-user">Rolepgeek</a> </li> appears it deletes the parent <table class="kmsg"> node. I know that I can find each of those code snippets with Code: document.getElementById('kpost-usernmae')
however I am not sure how I would go about defining if it includes Code: <li class="kpost-username"> <a rel="nofollow" title="" href="/index.php/component/kunena/profile/userid-80?Itemid=0" class="kwho-user">Rolepgeek</a> </li> or not, nor am I sure on how to tell the code to delete the parent <table class="kmsg"> node when it does include it. I've been messing around a bit with some code, and I understand the general idea of how it should work, however I do not know the syntax in order to get it to work. Any help would be appreciated. HTML to a full post: Code: <table class="kmsg"> <tbody> <tr> <td class="kprofile-top"> <ul id="kpost-profiletop"> <li class="kpost-smallicons"> <span title="Gender: Unknown" class="kicon-profile kicon-profile-gender-unknown"></span> <a title="Click here to send a private message to this user." href="/index.php/component/uddeim/?task=new&recip=80&Itemid=213"><span alt="Click here to send a private message to this user." class="kicon-profile kicon-profile-pm"></span></a> <br> <div> <span class="kpost-userposts">Posts:334</span> </div> </li> <li class="kpost-personal"> Chaos will consume all... </li> <li class="kpost-avatar"> <a rel="nofollow" title="" href="/index.php/component/kunena/profile/userid-80?Itemid=0" class="kwho-user"><span class="kavatar"><img style="max-width: 72px; max-height: 72px" alt="" src="http://thekingdomsmc.com/media/kunena/avatars/resized/size72/users/avatar80.jpg" class="kavatar vbavnparnxybaoekjwjh"></span></a> </li> <li class="kpost-username"> <a rel="nofollow" title="" href="/index.php/component/kunena/profile/userid-80?Itemid=0" class="kwho-user">Rolepgeek</a> </li> <li class="kpost-userrank"> Merchant </li> <li class="kpost-userrank-img"> <img alt="" src="http://thekingdomsmc.com/components/com_kunena/template/default/images/ranks/rank3.gif"> </li> <li><span class="kicon-button kbuttononline-yes"><span class="online-yes"><span>NOW ONLINE</span></span></span></li> <li class="kpost-karma"> <span class="kmsgkarma"> Karma: -9 <a rel="nofollow" title="" href="/index.php/component/kunena/4-off-topic/karma/userid-80?do=decrease&pid=13229&0409ea1d6b1360d1a0a24ee6206c0bf4=1&Itemid=0"><span title="Smite" border="0" alt="Karma-" class="kkarma-minus"> </span></a> <a rel="nofollow" title="" href="/index.php/component/kunena/4-off-topic/karma/userid-80?do=increase&pid=13229&0409ea1d6b1360d1a0a24ee6206c0bf4=1&Itemid=0"><span title="Applaud" border="0" alt="Karma+" class="kkarma-plus"> </span></a> </span> </li> </ul> </td> </tr> <tr> <td class="kmessage-top"> <div class="kmsgbody"> <div class="kmsgtext"> Yeah. And it would be pointless, seeing as how I won't. </div> </div> <div style="display: none" class="kreply-form" id="kreply13229_form"> <form enctype="multipart/form-data" name="postform" method="post" action="/index.php/component/kunena/post?Itemid=0"> <input type="hidden" value="13229" name="parentid"> <input type="hidden" value="4" name="catid"> <input type="hidden" value="post" name="action"> <input type="hidden" value="1" name="0409ea1d6b1360d1a0a24ee6206c0bf4"> <input type="hidden" value="Shigan" name="authorname"> <input type="text" value=" To all non-bronies." maxlength="50" class="inputbox" size="35" name="subject"><br> <textarea cols="60" rows="6" name="message" class="inputbox"></textarea><br> <input type="checkbox" value="1" name="subscribeMe"> <i>Check this box to be notified of replies to this topic.</i> <br> <input type="submit" title="Click here to submit your message" value="Submit" name="submit" class="kbutton kreply-submit"> <input type="reset" title="Click here to cancel your message" value="Cancel" name="cancel" class="kbutton kreply-cancel"> <small>Note: BBcode and smileys are still usable.</small> </form> </div> </td> </tr> <tr> <td class="kbuttonbar-top"> <div> <div class="kmsgsignature"> With Order, come entropy,<br> With Life, comes death,<br> With Light, comes shadow.<br> <br> <div style="text-align: center">If one does not know Chaos, one does not realize the potential within themselves.</div> </div> </div> <div class="kmessage-editmarkup-cover"> <span class="kmessage-informmarkup"><a rel="nofollow" title="" href="/index.php/component/kunena/4-off-topic/13229-re-to-all-non-bronies/report?Itemid=0">Report to moderator</a></span> </div> <div class="kmessage-buttons-cover"> <div class="kmessage-buttons-row"> <a id="kreply13229" rel="nofollow" title="Quick Reply" href="/index.php/component/kunena/4-off-topic/13229-re-to-all-non-bronies/post?do=reply&Itemid=0" class="kicon-button kbuttoncomm btn-left kqreply"><span class="reply"><span>Quick Reply</span></span></a> <a rel="nofollow" title="Reply" href="/index.php/component/kunena/4-off-topic/13229-re-to-all-non-bronies/post?do=reply&Itemid=0" class="kicon-button kbuttoncomm btn-left"><span class="reply"><span>Reply</span></span></a> <a rel="nofollow" title="Quote" href="/index.php/component/kunena/4-off-topic/13229-re-to-all-non-bronies/post?do=quote&Itemid=0" class="kicon-button kbuttoncomm btn-left"><span class="quote"><span>Quote</span></span></a> </div> </div> <div class="kpost-thankyou"> <a rel="nofollow" title="I want to thank you for this message!" href="/index.php/component/kunena/4-off-topic/thankyou?pid=13229&0409ea1d6b1360d1a0a24ee6206c0bf4=1&Itemid=0" class="kicon-button kbuttonuser btn-left"><span class="thankyou"><span>Thank You</span></span></a></div> </td> </tr> </tbody> </table> Hi guys I'm new here and I'm new with javascript, althought I'm flash expert that doesn't help me to much with Javascripts ! So I need help with function! What I want is a function when I call it with desire value (for example: myfunction(300);" to change var value (for example: dest_x = 300). Is that possible? Please help me! For some reason in IE this script Code: <script type="text/javascript">
//<![CDATA[
function SelectDisplayDiv(pointer){var divs = document.getElementsByClassName('hiddenDiv');for(var i =0; i < divs.length; ++i){divs[i].style.display = "none";} document.getElementById(pointer).style.display = 'block';}//]]>
</script>
is saying "Object doesn't support this method or property" But this script Code: function SelectDisplayDiv(pointer){var divs = document.getElementsByClassName('hiddenDiv');for(var i =0; i < divs.length; ++i){divs[i].style.display = "none";} document.getElementById(pointer).style.display = 'block';}
*almost the exact same thing, just not written to the canvas by code, hard coded rather- does not. What does that error mean? Is this an IE thing? hi every body, when iam usig java script function to textbox,For text length minimum 4 chars, alert is raising enter minimum 4 chars, but cursor is not focus on text box, when i click on alert "OK". Here the code written. function min() { var len=document.getElementById("tx1").value; if(len!="") { if(len.length==4) { alert("Chars 4 Letters Entered"); } else { alert("Enter 4 chars") document.getElementById("tx1").select(); document.getElementById("tx1").focus(); } } } Yours Narasimha Rao k |
|||||||